g.hidden, .hidden {
  display: none;
}

@font-face {
  font-family: "GilroyRegular";
  src: url("./fonts/Gilroy-Regular.ttf");
}

@font-face {
  font-family: "GilroySemiBold";
  src: url("./fonts/Gilroy-SemiBold.ttf");
}

@font-face {
  font-family: "GilroyBold";
  src: url("./fonts/Gilroy-Bold.ttf");
}

/* theme colors */
:root {
  --footer: #161616;
  --themegreen: #39b54a;
  --themegreenhover: #2d953b;
  --themeblue: #1c75bc;
  --themebluehover: #1568a9;
  --heading: #282828;
  --themered: #dc3545;
  --fontRegular: "GilroyRegular";
  --fontSemiBold: "GilroySemiBold";
  --fontBold: "GilroyBold";
  --brand-primary: #2e4dff;

}

.fontRegular {
  font-family: var(--fontRegular);
}

a,
button,
input[type="submit"] {
  cursor: pointer;
}

header .dropdown-toggle::after {
  color: white;
}

.header-wrapper {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

#homepage .header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 999;
  width: 100%;
  transition: 0.5s;
}

/* for active header */

.header.active {
  background-color: white !important;
  transition: 0.5s;
  box-shadow: 0px 0px 35px #0000001a !important;
}

.header.active .nav-list .nav-link {
  color: var(--heading) !important;
}

.header.active .sign-up-header {
  border: 1px solid #edf0f5 !important;
  color: var(--heading) !important;
}

.header.active .sign-up-header svg path {
  fill: var(--heading) !important;
}

.header.active .talk-to-expert {
  background-color: var(--heading) !important;
  color: #fff !important;
}

/* for active header */
.talk-to-expert {
  width: 180px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  background-color: white;
  border-radius: 25px;
  color: #222222 !important;
}

.sign-up-header {
  background-color: transparent;
  border: 1px solid #fff;
  color: white !important;
  width: 139px;
  text-align: center;
  border-radius: 120px;
  font-size: 14px;
  font-weight: 600;
}

.nav-list .nav-link {
  color: white !important;
}

.header-logo {
  width: 200px;
}

@media only screen and (max-width: 1300px) {
  .header-logo {
    width: 120px;
  }

  .sign-up-header {
    width: 70px !important;
    font-size: 10px !important;
  }

  .talk-to-expert {
    width: 108px !important;
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .nav-list .nav-link {
    font-size: 14px;
  }

  .header-logo {
    width: 120px;
  }

  .sign-up-header {
    width: 95px;
    font-size: 13px;
  }

  .talk-to-expert {
    width: 170px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 480px) {
  .header-logo {
    width: 150px;
  }
}

@media only screen and (max-width: 991px) {
  #homepage .header {
    background-color: var(--footer);
  }
}

@media only screen and (max-width: 991px) {
  .contactus-wrap {
    flex-wrap: wrap;
    text-align: center;
  }

  #about-us-page .header.active {
    background-color: var(--footer) !important;
  }

  #about-us-page .header.active .nav-list .nav-link {
    color: white !important;
  }

  .login-sign-up {
    display: none !important;
  }

  .sign-up-header {
    width: 120px !important;
  }

  #about-us-page .header.active .sign-up-header {
    color: white !important;
  }

  #about-us-page .header.active .sign-up-header svg path {
    fill: white !important;
  }

  #about-us-page .header.active .talk-to-expert {
    color: var(--footer) !important;
    background-color: white !important;
  }

  .talk-to-expert {
    width: 140px !important;
  }
}

/* header css end */

/* theme colors */
.background {
  background-image: url("https://abnglobal.io/assets/backend/media/login/background.png");
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.wrapper {
  box-shadow: 0pt 0pt 35pt #00000042;
  border-radius: 18px;
}

.login-to-access {
  color: #717171;
  font-family: "Poppins", sans-serif;
}

.heading {
  font-size: 25px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.labels {
  font-size: 14px;
  color: #1f1f1f;
}

.inputs::placeholder {
  color: #8e8e8e;
  font-size: 14px;
}

.inputs {
  border: 1px solid #edf0f5;
  outline: none;
  border-radius: 25px;
}

.remember-password {
  font-size: 13px;
}

.forgot-password-span {
  color: var(--themegreen);
  font-size: 13px;
}

.forgot-your-p {
  font-size: 13px;
}

.login-btn {
  border-radius: 25px;
  background-color: var(--themegreen);
  border: none;
  outline: none;
  font-size: 13px;
  padding: 15px 39px;
}

.login-btn:hover {
  background-color: #282828;
  color: white !important;
}

.login-btn:focus {
  outline: none !important;
}

.social-icons {
  background-color: var(--themegreen);
  border-radius: 5px;
  padding: 5px 9px;
  text-align: center;
}

.social-icons:hover {
  background-color: #282828;
}

.social-icons i {
  width: 14px;
  height: 16px;
}

a {
  text-decoration: none !important;
}

.icon-links {
  font-size: 15px;
  color: #282828;
  font-weight: 500;
}

.col-separate-line {
  position: relative;
}

.col-separate-line::after {
  content: "";
  position: absolute;
  left: 103%;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: #dbdbdb;
}

.second-col-separate-line {
  position: relative;
}

.second-col-separate-line .qr-code img {
  height: 100px;
  width: 100%;
}

.second-col-separate-line::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  height: 100%;
  width: 1px;
  background-color: #dbdbdb;
}

.hr-line {
  width: 80%;
}

@media only screen and (min-width: 1200px) {
  #login-page .container-lg {
    max-width: 1170px;
  }
}

@media only screen and (max-width: 1200px) {
  .heading {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /*.hr-line {*/
  /*display: none;*/
  /*}*/
  /*.second-col-separate-line::before {*/
  /*display: none;*/
  /*}*/
  .col-separate-line::after {
    display: none;
  }

  .row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .icon-links {
    font-size: 12px;
  }

  .heading {
    font-size: 16px;
  }

  .logo-img {
    width: 170px;
  }

  .login-btn {
    padding: 10px 22px;
    display: block;
  }

  .remember-pass-parent {
    flex-direction: column;
  }

  .forgot-your-p {
    text-align: left;
  }
}

html {
  overflow-x: hidden;
}

/* theme colors */
.nav-parent {
  background-color: var(--themeblue);
}

header .bars-btn {
  color: white;
}

.logo {
  max-width: 130px;
  height: 26px;
}

.list {
  font-family: var(--fontRegular);
  font-size: 20px;
}

.bars {
  margin-top: 3px;
}

.bell-icon-admin-side.bell-list-parent span {
  left: 8px;
}

.bell-list-parent span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f46a6a;
    color: white;
    border-radius: 27px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
}

.profile-img {
  border-radius: 100%;
  width: 36px;
}

#profile-dropdown .dropdown-menu {
  left: -45px !important;
}

.bars-btn:focus {
  outline: none !important;
}

.sidenav-list-mobile {
  display: none;
}

.sidenav-list {
  display: block;
}

#main {
  margin-left: 15vw;
}

#mySidebar {
  width: 14vw;
  z-index: 9;
  transition: 0.5s;
}

#main {
  max-width: 80%;
}

.navbar-brand.list-dashboard {
  max-width: 1250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .logo {
    max-width: 90px;
    height: 20px;
    margin-left: 10px;
  }

  .list {
    font-size: 11px !important;
  }

  .list-dashboard {
    font-size: 11px !important;
  }

  .bell-list-parent span {
    top: -7px;
    right: -7px;
  }

  .sidenav-list-mobile {
    display: block;
    list-style-type: none;
    text-align: center;
  }

  .sidenav-list {
    display: none;
  }

  #mySidebar {
    min-height: calc(100vh - 56px) !important;
    width: 50px !important;
  }

  #main {
    margin-left: 50px;
  }

  .box-heading {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .bars {
    margin-top: 11px;
  }

  .dropdown-menu {
    right: 13px;
    left: auto !important;
  }
}

#main {
  transition: margin-left 0.4s;
}

/* sidebar css start */
#mySidebar {
  background-color: var(--themegreen);
  min-height: calc(100vh - 68px);
  float: left;
  position: fixed;
  left: 0px;
  background: linear-gradient(
    179deg,
    rgb(45 112 165) 38%,
    rgba(57, 181, 74, 1) 100%
  );
}

.sidenav-list li {
  list-style-type: none;
  display: flex;
  margin-block: 10px;
}

#mySidebar a {
  color: white;
  text-decoration: none;
}

.sidenav-list {
  font-size: 14px;
}

/* sidebar css end */

/* accordian */
.accordion .card {
  box-shadow: 0px 10px 20px #12263f08;
  border-radius: 4px;
  border: 1px solid #eeeeee;
}

#universities-list-main .card {
  height: 127px;
  overflow: auto;
  width: 100%;
}

/* table css start */
#app-table .table-header {
  background-color: #f5f7fa;
}

#app-table thead th {
  border: none !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

#app-table tbody tr td {
  font-size: 14px;
  border-top: 1px solid #eff2f7 !important;
}

.usa-table-flag {
  width: 40px;
  height: 40px;
}

.student-id-input {
  border: 1px solid #edf0f5;
  border-radius: 25px;
  padding: 5px 5px;
  width: 80px;
}

.payment-input {
  border: 1px solid #edf0f5;
  border-radius: 25px;
  padding: 5px 5px;
  width: 120px;
}

.program-input {
  border: 1px solid #edf0f5;
  border-radius: 25px;
  padding: 5px 5px;
  width: 300px;
}

.student-id {
  color: var(--themegreen);
  font-weight: 500;
}

.app-id {
  color: var(--themegreen);
}

.program-text {
  color: var(--themegreen);
}

#app-table td,
#app-table th {
  vertical-align: middle !important;
}

#app-table tbody th {
  padding: 25px 0px !important;
}

.page-link {
  border: 1px solid #ced4da !important;
  color: var(--heading) !important;
}

.page-item.active .page-link,
#app-table_paginate .paginate_button.current {
  color: white !important;
  background-color: var(--themegreen) !important;
}

#app-table_paginate a {
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-item.disabled .page-link {
  color: #dbdbdb !important;
}

/* table css end */

/* modal btn css */
.modal-btn {
  background-color: var(--themegreen) !important;
  border-radius: 25px !important;
  padding: 12px 41px !important;
  font-size: 13px !important;
}

@media only screen and (max-width: 768px) {
  .modal-btn {
    padding: 6px 15px !important;
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 500px) {
  .card-header-style {
    flex-direction: column;
  }
}

.model-muted-text {
  color: #717171;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.model-heading {
  color: var(--heading);
  font-weight: 700;
  font-size: 25px;
  font-family: "Poppins", sans-serif;
}

.modal-text {
  font-size: 14px;
  line-height: 24px;
  color: var(--heading);
}

/*@media only screen and (min-width: 1200px) {*/
/*.modal-dialog {*/
/*max-width: 690px !important;*/
/*}*/
/*}*/

.ui-datepicker {
  width: 300px;
  height: 300px;
  margin: 5px auto 0;
  font: 12pt Arial, sans-serif;
  /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}

.ui-datepicker table {
  width: 100%;
}

.ui-datepicker-header {
  background: #3399ff;
  color: #ffffff;
  font-family: "Times New Roman";
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #111;
}

.ui-datepicker-title {
  text-align: center;
  font-size: 15px;
}

.ui-datepicker-prev {
  float: left;
  cursor: pointer;
  background-position: center -30px;
}

.ui-datepicker-next {
  float: right;
  cursor: pointer;
  background-position: center 0px;
}

.ui-datepicker thead {
  background-color: #0760a8;

  /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
  background-color: #808080;
  text-transform: uppercase;
  font-size: 8pt;
  color: #666666;
  /*text-shadow: 1px 0px 0px #fff;*/
  /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody td {
  padding: 0;
  /*border-right: 1px solid #808080;*/
}

.ui-datepicker tbody td:last-child {
  border-right: 0px;
}

.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}

.ui-datepicker a {
  text-decoration: none;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  /*font-weight: bold;*/
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  /*text-shadow: 1px 1px 0px #fff;*/
  /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}

.ui-datepicker-calendar .ui-state-default {
  background: linear-gradient(#999999, #737373);
  color: #ffffff;
  height: 40px;
  width: 40px;
}

.ui-datepicker-calendar thead th span {
  color: #ffffff;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #33adff;
  color: #ffffff;
}

.ui-datepicker-calendar .ui-state-active {
  background: #33adff;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #d6e4be;
  color: #000;
}

.accordian-inputs {
  border-radius: 25px;
  border: 1px solid #c0c1c2;
  color: black;
  padding: 7px 14px;
  cursor: pointer;
}

.accordian-labels {
  font-size: 13px;
}

.gender-inputs-checked[type="checkbox"]:checked + label {
  background-color: var(--themegreen);
  color: white;
}

.gender-border-male {
  border: 1px solid #edf0f5;
  color: #8e8e8e;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 7px 14px;
  cursor: pointer;
}

.gender-border-female {
  border: 1px solid #edf0f5;
  color: #8e8e8e;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 7px 14px;
  border-left: none;
  cursor: pointer;
}

.submit-btn-model {
  background-color: var(--themegreen);
  color: white;
  outline: none !important;
  border: none !important;
  border-radius: 25px;
  font-size: 13px;
  padding: 10px 48px;
}

.modal-header .close {
  padding: 1rem 2rem;
}

.modal-header .close {
  padding: 1rem 2rem !important;
}

.footer-list {
  list-style-type: none;
  font-size: 14px;
}

.footer-copyright {
  font-size: 14px;
}

.footer-abneducation {
  color: var(--themegreen);
}

.footer {
  border-top: 1px solid #eff2f7;
}

.footer-list .active {
  color: var(--themegreen);
  text-decoration: none;
}

#main a {
  text-decoration: none;
  color: var(--heading);
}

/* notifer */
#agent-chat-list-box {
  height: 528px;
  overflow: auto;
}

#agent-chat-list-box .chat-messages-main {
  display: flex;
  flex-direction: column;
  height: 81%;
  justify-content: space-between;
}

#agent-chat-list-box .sender {
  width: 50%;
  background: #ededed;
  padding: 10px;
  border-radius: 10px;
  margin-block: 3px;
}

#agent-chat-list-box .receiver {
  width: 100%;
  max-width: 50%;
  display: block;
  text-align: right;
  margin-left: auto;
  background: #91ffa0;
  margin-right: 3px;
  border-radius: 10px;
  padding: 10px;
  margin-block: 3px;
}

.notify-dropdown .dropdown-menu {
  position: absolute;
  top: 136%;
  left: -328px;
  box-shadow: 0 12px 24px #12263f17;
  min-width: 22rem;
  font-family: "Poppins", sans-serif;
}

.notifier-link {
  color: var(--themegreen) !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.notifier-name {
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}

.notifier-app-que {
  font-size: 11px;
}

.notifier-app-que a {
  color: #212529;
}

.time-notify {
  font-size: 9px;
  color: #74788d;
}

.round-notify-grey {
  background-color: #74788d;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-green {
  background-color: #34c38f;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-yellow {
  background-color: #f1b44c;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.border-notify {
  border-bottom: 1px solid #eff2f7;
}

.notifier-heading-dropdown {
  font-weight: 700;
}

.commission-receivable-wrap {
  border: 1px solid lightgray;
  padding: 15px;
}

@media only screen and (max-width: 842px) {
  .footer-list {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-list {
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .notify-dropdown .dropdown-menu.show {
    left: -176px !important;
  }

  .notify-dropdown .dropdown-menu {
    left: -328px;
    min-width: 16rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bell-list-parent span {
    top: 3px;
    right: 1px;
  }
}

.modal-open {
  overflow: initial !important;
  padding-right: 0 !important;
}

.sticky-top {
  margin-right: auto !important;
}

.submit-button-wrap {
  position: relative;
  max-width: 150px;
  width: 100%;
}

.submit-button-wrap i {
  position: absolute;
  top: 12px;
  right: 20px;
}

@media only screen and (min-width: 1600px) {
  #main {
    max-width: 88%;
    margin-left: 11vw;
  }

  #mySidebar {
    width: 12vw;
  }
}

/* theme colors */

.logo {
  max-width: 130px;
  height: 35px;
}

.list-dashboard {
  font-family: var(--fontSemiBold);
  font-size: 26px;
}

.bars {
  margin-top: 3px;
}

.profile-img {
  width: 36px;
}

#profile-dropdown .dropdown-menu {
  left: -125px !important;
}

.bars-btn:focus {
  outline: none !important;
}

.sidenav-list-mobile {
  display: none;
}

.sidenav-list {
  display: block;
}

#main {
  margin-left: 15vw;
  transition: margin-left 0.4s;
  max-width: 80%;
}

#mySidebar {
  width: 14vw;
  z-index: 9;
  transition: 0.5s;
}

@media only screen and (max-width: 1200px) {
  .list-dashboard {
    font-size: 15px !important;
  }
  .agent-dashboard-counts {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .stats-view {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1270px) {
  #agent-dashboard-filters .btn.text-white > svg {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  #agent-dashboard-filters .fa.fa-arrow-right {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .logo {
    max-width: 90px;
    height: 20px;
    margin-left: 10px;
  }

  .list {
    font-size: 11px !important;
  }

  .list-dashboard {
    font-size: 11px !important;
  }

  .bell-list-parent span {
    top: -7px;
    right: -7px;
  }

  .sidenav-list-mobile {
    display: block;
    list-style-type: none;
    text-align: center;
  }

  .sidenav-list {
    display: none;
  }

  #mySidebar {
    height: calc(100vh - 56px) !important;
    overflow: auto;
    width: 35px !important;
  }

  #main {
    margin-left: 50px;
    max-width: 93%;
  }

  .box-heading {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .bars {
    margin-top: 11px;
  }

  .dropdown-menu {
    right: 13px;
    left: auto !important;
  }

  #main {
    margin-left: 50px;
    max-width: 91%;
  }
}

@media only screen and (max-width: 600px) {
  #main {
    max-width: 90%;
  }
}

@media only screen and (max-width: 500px) {
  #main {
    max-width: 87%;
  }
}

/* sidebar css start */
#mySidebar {
  background-color: var(--themegreen);
  height: calc(100vh - 68px);
  float: left;
  position: fixed;
  left: 0;
  overflow: auto;
}

#mySidebar::-webkit-scrollbar {
  width: 5px;
}

#mySidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

#mySidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.sidenav-list li {
  list-style-type: none;
}

#mySidebar a {
  color: white;
  text-decoration: none;
}

.sidenav-list {
  font-size: 14px;
}

/* sidebar css end */

/* steps start */
#myWizard .progress-steps {
  list-style-type: none;
}

#myWizard .progress-bar {
  background-color: var(--themegreen) !important;
}

#myWizard .progress-tabs {
  font-size: 14px;
  color: var(--heading);
}

#myWizard .progress {
  height: 0.7rem !important;
}

#myWizard .tab-list li a.active {
  font-weight: 700;
}

#myWizard .tab-list li a {
  text-decoration: none;
}

@media only screen and (max-width: 500px) {
  #myWizard .tab-list li {
    flex-basis: 50%;
  }

  #myWizard .progress-tabs {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  #myWizard .tab-list li {
    flex-basis: 50%;
  }
}

/* steps end */

/* main section start */
.notifier {
  background-color: #0760a8;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

/* .fa-close-notifier {
    position: absolute;
    right: 11px;
    cursor: pointer;
    top: 5px;
} */
.notifier-text {
  font-size: 13px;
}

.reg-date {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: var(--heading);
}

/* accordian */
/* main accordian start */
.accordion .card {
  box-shadow: 0px 10px 20px #12263f08;
  border-radius: 4px;
  border: 1px solid #eeeeee;
}

.card {
  box-shadow: 0px 10px 20px #12263f08 !important;
  border: 1px solid #eeeeee !important;
}

.accordion .card-header {
  background-color: transparent !important;
  border-bottom: 0px;
}

.header-style {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  background-color: transparent;
  border: none;
  outline: none !important;
  color: var(--heading);
}

.angle-up {
  font-size: 20px !important;
}

.header-style[aria-expanded="false"] + .angle-up {
  transform: rotate(0deg);
  transition: 0.5s;
}

.header-style[aria-expanded="true"] + .angle-up {
  transform: rotate(180deg);
  transition: 0.5s;
}

button.header-style {
  cursor: default !important;
}

.accordian-labels {
  font-size: 13px;
}

.accordian-selects {
  border-radius: 25px;
  border: 1px solid #c0c1c2;
  color: #8e8e8e;
  padding: 7px 14px;
}

.test-marks-labels {
  font-size: 13px;
}

.test-marks-inputs {
  border: 1px solid #e5e6e9;
  border-radius: 20px;
  padding: 4px 14px;
}

input[type="checkbox"] {
  accent-color: #1c75bc;
}

.accordian-btn-green {
  background-color: var(--themegreen);
  color: white;
  font-size: 13px;
  border-radius: 25px;
  border: none;
  outline: none !important;
  padding: 8px 30px;
}

.accordian-btn-blue {
  background-color: #1c75bc;
  color: white;
  font-size: 13px;
  border-radius: 25px;
  border: none;
  outline: none !important;
  padding: 8px 30px;
  width: 159px;
}

.checkbox-text {
  font-size: 14px;
}

.next-btn-student-profile {
  border-radius: 25px;
  background-color: var(--themegreen);
  color: white;
  border: none;
  outline: none !important;
  font-size: 13px;
  padding: 10px 45px;
  display: block;
  margin-left: auto;
  margin-top: 24px;
}

.dataTables_wrapper #app-table_filter input {
  border-radius: 25px;
  border: 1px solid #e5e6e9;
  color: #8e8e8e;
  padding: 7px 14px;
  cursor: pointer;
}

@media only screen and (max-width: 1200px) {
  .accordian-btn-blue {
    padding: 8px 12px;
    width: 110px;
    font-size: 11px;
  }

  .accordian-btn-green {
    padding: 8px 8px;
    font-size: 11px;
  }
}

.passport-header {
  font-weight: 500 !important;
}

@media only screen and (max-width: 768px) {
  .reg-date {
    font-size: 14px;
  }

  .header-style {
    font-size: 12px;
  }
}

#accordion .nav-item {
  flex-basis: 32% !important;
}

#accordion .nav-pills .nav-link.active {
  background-color: #1c75bc;
  color: white;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

#accordion .nav-pills .nav-link {
  background-color: #f5f7fa;
  color: var(--heading);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

#accordian .save-btn {
  background-color: var(--themegreen);
  outline: none !important;
  border: none !important;
  color: white;
}

.attended-school {
  background-color: #1c75bc;
  outline: none !important;
  border: none !important;
  color: white;
  border-radius: 25px;
  font-size: 13px;
  padding: 12px 28px;
}

.save-btn {
  background-color: var(--themegreen);
  color: white;
  outline: none;
  border: none;
  border-radius: 25px;
  padding: 10px 0px;
  width: 90px;
}

.cancel-btn {
  background-color: #1c75bc;
  color: white;
  outline: none;
  border: none;
  border-radius: 25px;
  padding: 10px 0px;
  width: 90px;
}

.next-btn-student-profile-back {
  border-radius: 25px;
  background-color: #1c75bc;
  color: white !important;
  border: none;
  outline: none !important;
  font-size: 13px;
  padding: 10px 45px;
  margin-top: 24px;
}

.next-btn-student-profile-next {
  border-radius: 25px;
  background-color: var(--themegreen);
  border: none;
  color: white !important;
  font-size: 13px;
  max-width: 130px;
  margin-top: 24px;
  margin-left: auto;
  outline: none !important;
  padding: 10px 44px;
  text-align: center;
  position: relative;
  width: 100%;
}

.next-btn-student-profile-next i {
  position: absolute;
  top: 13px;
  right: 22px;
}

#apply-now:checked + .course-apply {
  background-color: var(--heading) !important;
  color: white !important;
}

#apply-now-two:checked + .course-apply {
  background-color: var(--heading) !important;
  color: white !important;
}

#apply-now-three:checked + .course-apply {
  background-color: var(--heading) !important;
  color: white !important;
}

#apply-now-four:checked + .course-apply {
  background-color: var(--heading) !important;
  color: white !important;
}

.course-apply {
  cursor: pointer;
  text-align: center;
}

.noContent {
  pointer-events: none;
}

@media only screen and (max-width: 1200px) {
  #accordion .nav-pills .nav-link {
    font-size: 9px;
    height: 40px;
    display: flex;
    align-items: center;
  }

  #accordion .nav-pills .nav-link.active {
    font-size: 9px;
  }
}

@media only screen and (max-width: 768px) {
  #accordion .nav-item {
    flex-basis: 100% !important;
  }

  #accordion .nav-pills .nav-link {
    height: initial;
  }

  .attended-school {
    font-size: 11px;
    padding: 12px 10px;
  }

  .save-btn {
    padding: 5px 0px;
    width: 70px;
  }

  .cancel-btn {
    padding: 5px 0px;
    width: 70px;
  }

  .next-btn-student-profile-back {
    padding: 5px 26px;
  }

  .next-btn-student-profile-next {
    padding: 5px 26px;
  }
}

/* switcher */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  height: 22px;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch-input:checked + .slider {
  background-color: #39b54a;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
}

.switch-input + .slider {
  color: transparent;
}

.switch-input:focus + .slider {
  box-shadow: 0 0 1px rgb(28, 117, 188);
}

.switch-input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: 4px;
  bottom: 2px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.accordian-inputs-rank {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border: 1px solid #e5e6e9;
  color: #8e8e8e;
  padding: 7px 14px;
  cursor: pointer;
}

.accordian-inputs-score {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 1px solid #e5e6e9;
  border-left: none;
  color: #8e8e8e;
  padding: 7px 14px;
  cursor: pointer;
}

#user-login .modal-dialog,
#our-agents-get-content-modal .modal-dialog {
  max-width: 800px !important;
}

#our-agents-get-visa-accepted .modal-dialog {
  max-width: 1200px !important;
}

.our-agents .title {
  width: 100%;
  max-width: 160px;
}

.our-agents button {
  color: #212529;
}

@media only screen and (max-width: 767px) {
  .accordian-inputs-rank {
    border-radius: 25px !important;
    border: 1px solid #e5e6e9 !important;
  }

  .accordian-inputs-score {
    border-radius: 25px !important;
    border: 1px solid #e5e6e9 !important;
  }
}

.upload-btn-letter-file {
  background-color: #1c75bc;
  color: white;
  border-radius: 25px;
  padding: 4px 10px;
  position: absolute;
  right: 14px;
  top: 7px;
  font-size: 13px;
  cursor: pointer;
}

.text-area-bginfo {
  border: 1px solid #edf0f5 !important;
  border-radius: 25px !important;
}

.programs-heading.active {
  color: var(--themegreen);
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

.programs-heading {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #282828;
  font-weight: 600;
}

.programs-select {
  box-shadow: 0px 0px 35px #0000001a;
}

.programs-select {
  color: #707070;
  border: none;
  border-radius: 10px;
  padding: 8px;
}

.program-select-parent {
  flex-basis: 20%;
}

.program-heading-parent {
  flex-basis: 80%;
}

.uni-name {
  font-family: "Poppins", sans-serif;
}

.uni-town {
  font-size: 14px;
}

.course-heading-detail {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 15px;
}

.course-fee {
  color: var(--themegreen);
}

.fee-specification {
  font-size: 14px;
}

.course-apply {
  color: white;
  background-color: var(--themegreen);
  border: none;
  outline: none !important;
  font-size: 14px;
  border-radius: 25px;
  padding: 8px 30px;
}

.uni-logo-name {
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .programs-flex-parent {
    flex-direction: column;
  }

  .course-apply {
    font-size: 10px;
    padding: 5px 17px;
  }
}

@media only screen and (max-width: 1200px) {
  .course-fee {
    font-size: 12px;
  }

  .fee-specification {
    font-size: 12px;
  }

  .course-heading-detail {
    font-size: 12px;
  }

  .uni-name {
    font-size: 12px;
  }

  .uni-town {
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .uni-logo-name {
    flex-wrap: wrap;
    justify-content: center;
  }

  #main {
    max-width: 84%;
  }
}

.course-forms-details {
  display: none;
  margin-top: 65px !important;
}

.course-forms-details-agent,
.programs-forms-details-agent,
.university-forms-details-agent {
  display: none;
}

.see-more-programs {
  font-size: 20px;
  color: var(--themegreen) !important;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 3px solid var(--themegreen);
}

@media only screen and (max-width: 500px) {
  .see-more-programs {
    font-size: 12px !important;
  }
}

.camera-section {
  width: 100%;
  height: 160px;
  border: 1px solid #edf0f5;
  border-radius: 25px;
  cursor: pointer;
}

/* accordian */

.footer-list {
  list-style-type: none;
  font-size: 14px;
}

.footer-copyright {
  font-size: 14px;
}

.footer-abneducation {
  color: var(--themegreen);
}

.footer {
  border-top: 1px solid #eff2f7;
}

.footer-list .active {
  color: var(--themegreen);
  text-decoration: none;
}

.file-upload-btn-wrap i {
  cursor: pointer;
  font-size: 20px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .footer-list {
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 842px) {
  .footer-list {
    font-size: 12px;
  }
}

/* main section end */

/* notifer */
.notify-dropdown .dropdown-menu {
  box-shadow: 0 12px 24px #12263f17;
  font-family: "Poppins", sans-serif;
  height: 334px;
  left: -328px;
  min-width: 22rem;
  top: 136%;
  position: absolute;
  overflow: auto;
}

.notifier-link {
  color: var(--themegreen) !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.notifier-app-que {
  font-size: 11px;
}

.time-notify {
  font-size: 9px;
  color: #74788d;
}

.round-notify-grey {
  background-color: #74788d;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-green {
  background-color: #34c38f;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-yellow {
  background-color: #f1b44c;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.border-notify {
  border-bottom: 1px solid #eff2f7;
}

.notifier-heading-dropdown {
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .notify-dropdown .dropdown-menu.show {
    left: -176px !important;
  }

  .notify-dropdown .dropdown-menu {
    left: -328px;
    min-width: 16rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bell-list-parent span {
    top: 3px;
    right: 1px;
  }
}

.employ-btns {
  margin-bottom: 100px;
}

.wellcome-heading {
  font-size: 20px;
  color: var(--heading);
  font-family: "Poppins", sans-serif;
}

.student-btn {
  background-color: var(--themegreen);
  outline: none !important;
  color: white;
  padding: 14px 39px;
  border-radius: 25px;
  font-size: 13px;
  border: none;
}

.student-name-parent {
  width: 600px;
}

.blue-box {
  box-shadow: 0px 10px 20px #12263f08;
  background-color: #1c75bc;
  padding: 0px 20px;
  height: 72px;
}

.box-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}

.blue-box .blue-line {
  background-color: rgb(70, 143, 200);
  height: 30%;
  width: 2px;
}

.white-box {
  padding: 0px 20px;
  height: 72px;
}

.box-content {
  font-family: "Poppins", sans-serif;
}

.green-counter {
  background-color: var(--themegreen);
  color: white;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .student-name-parent {
    flex-direction: column;
    max-width: 100%;
  }

  .student-btn {
    padding: 7px 13px;
    margin-top: 12px;
  }

  .blue-box {
    padding: 0px 9px;
    height: 58px;
  }

  .box-heading {
    font-size: 15px;
  }

  .white-box {
    height: 58px;
    padding: 0px 9px;
  }

  .green-counter {
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
  }

  .snapshot-buttons {
    display: flex;
    flex-direction: column;
  }

  .snapshot-buttons button {
    margin-bottom: 20px;
  }
}

/* main css end */

/* outstanding task section start */
#stats-one .heading {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

#stats-one .search-icon {
  font-size: 30px;
}

#stats-one .text-one {
  font-size: 14px;
  color: var(--heading);
}

#stats-one .link {
  color: var(--themegreen);
  font-size: 14px;
}

#stats-one .outstanding-parent {
  margin-top: 95px;
}

#stats-one .text-one-border-bottom {
  border-bottom: 1px solid #eff2f7;
  padding-bottom: 18px;
}

/* outstanding task section end */

/* chart css start */
.chart-tab-parent .nav-pills .nav-link.active {
  background-color: #1c75bc !important;
  color: white !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
}

.chart-tab-parent .nav {
  justify-content: end;
}

.report-heading {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.chart-tab-parent .nav-link {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

/* chart css end */

/* dropdown currency start */
.currency-drop-down-btn {
  font-size: 20px;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif;
}

.commisions {
  font-size: 14px;
}

.currency {
  font-size: 14px;
  color: #1c75bc;
}

.currency-drop-down-btn:focus {
  box-shadow: none !important;
}

.currency-border-bottom {
  border-bottom: 1px solid #eff2f7;
  padding-bottom: 19px;
}

.currency-border-bottom img {
  width: 25px;
}

.footer-list {
  list-style-type: none;
  font-size: 14px;
}

.footer-copyright {
  font-size: 14px;
}

.footer-abneducation {
  color: var(--themegreen);
}

.footer {
  border-top: 1px solid #eff2f7;
}

.apexcharts-legend-text,
.apexcharts-text tspan {
  font-size: 14px !important;
}

.apexcharts-legend-marker {
  height: 14px !important;
  top: -2px !important;
  width: 14px !important;
}

@media only screen and (max-width: 767px) {
  .footer-list {
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }

  #stats-one .outstanding-parent {
    margin-top: 25px;
  }

  .report-heading {
    display: none;
  }

  .currency-drop-down-btn {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1280px) {
  .box-heading {
    font-size: 12px;
  }
}

@media only screen and (max-width: 842px) {
  .footer-list {
    font-size: 12px;
  }
}

/* dropdown currency end */

/* notifer */
.notify-dropdown .dropdown-menu {
  position: absolute;
  top: 136%;
  left: -328px;
  box-shadow: 0px 12px 24px #12263f17;
  min-width: 22rem;
  font-family: "Poppins", sans-serif;
}

.notifier-link {
  color: var(--themegreen) !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.notifier-app-que {
  font-size: 11px;
}

.time-notify {
  font-size: 9px;
  color: #74788d;
}

.round-notify-grey {
  background-color: #74788d;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-green {
  background-color: #34c38f;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.round-notify-yellow {
  background-color: #f1b44c;
  width: 10px;
  height: 10px;
  border-radius: 25px;
}

.border-notify {
  border-bottom: 1px solid #eff2f7;
}

.notifier-heading-dropdown {
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .notify-dropdown .dropdown-menu.show {
    left: -176px !important;
  }

  .notify-dropdown .dropdown-menu {
    left: -328px;
    min-width: 16rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bell-list-parent span {
    top: 3px;
    right: 1px;
  }
}

@media only screen and (min-width: 1600px) {
  #main {
    max-width: 86%;
    margin-left: 13vw;
  }

  #mySidebar {
    width: 12vw;
  }
}

/* theme colors */
:root {
  --themegreen: #39b54a;
  --heading: #282828;
}

/* theme colors */
.sign-up-wrapper {
  height: 100vh;
}

.dubai-img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
}

.font-checkbox-signup {
  font-size: 14px;
  color: var(--heading);
}

/*.overflow-col{*/
/*overflow: auto;*/
/*height: 100vh;*/
/*}*/

.fieldset-main {
  max-height: 80vh;
  overflow: auto;
  overflow-x: hidden;
  padding: 10px;
}

.right-arrow {
  color: #707070;
}

.heading-mute {
  color: #717171;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

.form-heading {
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-size: 23px;
  font-weight: 700;
}

.sign-up-inputs-file::placeholder {
  font-size: 14px;
}

.sign-up-inputs {
  outline: none;
  border: 1px solid #edf0f5;
  padding: 8px 16px 8px 20px;
  border-radius: 25px;
}

.sign-up-inputs-file {
  border-style: dashed !important;
  outline: none;
  border: 1px solid #edf0f5;
  padding: 8px 10px 8px 20px;
  border-radius: 25px;
}

.sign-up-labels {
  color: #1f1f1f;
  font-size: 13px;
}

#general-info-wrap .sign-up-labels {
  font-size: 14px;
  font-weight: 900;
}

#general-info-wrap p {
  font-size: 13px;
}

.sign-up-inputs::placeholder {
  color: #8e8e8e;
  font-size: 14px;
}

.sign-up-select {
  border: 1px solid #edf0f5;
  padding: 8px 8px;
  border-radius: 25px;
  outline: none;
  color: #8e8e8e;
  font-size: 14px;
  cursor: pointer;
}

.sign-up-submit {
  background-color: var(--themegreen);
  color: white;
  border-radius: 25px;
  outline: none !important;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  padding: 16px 79px;
}

/*.carousel-control-prev {*/
/*background-color: #1C75BC;*/
/*border-radius: 25px;*/
/*text-transform: uppercase;*/
/*font-size: 13px;*/
/*padding: 0 79px;*/
/*opacity: 1 !important;*/
/*top: 102% !important;*/
/*height: 45px !important;*/
/*}*/

/*.carousel-control-next {*/
/*background-color: var(--themegreen);*/
/*border-radius: 25px;*/
/*text-transform: uppercase;*/
/*font-size: 13px;*/
/*padding: 0 79px;*/
/*opacity: 1 !important;*/
/*top: 102% !important;*/
/*height: 45px !important;*/
/*left: 172px !important;*/
/*}*/

.browse-files {
  background-color: transparent;
  border: 1px solid var(--themegreen);
  border-radius: 25px;
  color: var(--themegreen);
  cursor: pointer;
  font-size: 13px;
  padding: 6px 26px;
  position: absolute;
  top: 5px;
  right: 22px;
}

.browse-files:hover {
  transition: all 0.4s ease;
  background-color: #c2ffc2;
}

.recruitment-text-mute {
  color: #717171;
  font-size: 14px;
}

.trash-icon {
  color: var(--themegreen);
  cursor: pointer;
}

.countries-row-btn {
  padding: 12px 28px;
  background-color: var(--themegreen);
  outline: none !important;
  border: none;
  color: white;
  border-radius: 25px;
  font-size: 14px;
}

@media only screen and (min-width: 1930px) {
  .setting-snake-parent {
    width: 950px !important;
  }
}

/* multi step */

#first-form {
  display: block;
}

#second-form {
  display: none;
}

#third-form {
  display: none;
}

#progressbar li {
  list-style-type: none;
  font-size: 14px;
}

.general-info-wrap #progressbar li {
  font-size: 14px;
}

.green-counter-agent-sign-up {
  font-size: 11px;
  background-color: var(--themegreen);
  color: white;
  padding: 4px 9px;
  border-radius: 20px;
  margin-right: 10px;
}

.blue-counter {
  font-size: 11px;
  background-color: #1c75bc;
  color: white;
  padding: 4px 9px;
  border-radius: 20px;
  margin-right: 10px;
}

.grey-counter {
  font-size: 11px;
  background-color: #848f98;
  color: white;
  padding: 4px 9px;
  border-radius: 20px;
  margin-right: 10px;
}

.counter-mute {
  color: #707070;
}

.green-form-btn {
  border: none;
  outline: none !important;
  border-radius: 25px;
  background-color: var(--themegreen);
  padding: 10px 5px;
  color: white;
  margin-top: 25px;
  width: 160px;
  font-size: 13px;
}

.blue-form-btn {
  border: none;
  outline: none !important;
  border-radius: 25px;
  background-color: #1c75bc;
  padding: 10px 5px;
  color: white;
  margin-top: 25px;
  width: 160px;
  font-size: 13px;
}

@media only screen and (max-width: 1200px) {
  .sign-up-inputs {
    padding: 2px 16px 2px 20px;
  }

  .sign-up-select {
    padding: 2px 2px;
  }

  #progressbar li {
    font-size: 10px;
  }

  .form-heading {
    font-size: 15px;
  }

  .heading-mute {
    font-size: 11px;
  }

  .green-form-btn {
    padding: 6px 0px;
    margin-top: 20px;
    width: 118px;
    font-size: 11px;
  }

  .sign-up-inputs-file {
    padding: 2px 10px 2px 20px;
  }

  .browse-files {
    padding: 3px 11px;
    font-size: 10px;
  }

  .blue-form-btn {
    padding: 6px 0px;
    margin-top: 20px;
    width: 118px;
    font-size: 11px;
  }

  .sign-up-labels {
    font-size: 11px;
  }

  .countries-row-btn {
    padding: 3px 17px;
    font-size: 10px;
  }
}

@media only screen and (min-width: 1600px) {
  ul#progressbar {
    width: 76%;
  }
}

@media only screen and (max-width: 991px) {
  .dubai-img {
    height: 200px;
    width: 280px;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .apexcharts-legend-text,
  .apexcharts-text tspan {
    font-size: 12px !important;
  }

  .img-col {
    display: none !important;
  }

  .overflow-col {
    height: auto;
  }

  #msform {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 20px !important;
    border-radius: 10px;
  }

  #myWizard .tab-list li {
    margin-right: 52px;
  }
}

@media only screen and (max-width: 430px) {
  .wellcome-heading {
    font-size: 18px;
  }
}

#programs-list {
  float: left;
  list-style: none;
  margin-top: -3px;
  padding: 0;
  width: 190px;
  position: absolute;
}

#programs-list li {
  padding: 10px;
  background: #f0f0f0;
  border-bottom: #bbb9b9 1px solid;
}

#programs-list li:hover {
  background: #ece3d2;
  cursor: pointer;
}

.not-popup {
  cursor: pointer;
}

.modal-open {
  overflow: initial !important;
  padding-right: 0px !important;
}

.modal-open .container-fluid {
  margin-right: auto !important;
}

.recent-text {
  color: #495057;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

.modal-search-engine {
  border: 1px solid #edf0f5;
  border-radius: 40px;
  padding: 3px;
}

.modal-search-engine input {
  outline: none !important;
  background-color: transparent !important;
  padding: 0px 10px;
}

.agent-name-modal {
  font-family: "Poppins", sans-serif;
  color: #495057;
  font-size: 15px;
  font-weight: 700;
}

.active-now-text-modal {
  color: #74788d;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
}

.hr-color {
  color: #eff2f7;
}

.hr-color-two {
  color: #eff2f7;
  width: 85%;
}

.modal-date {
  background-color: white;
  color: #495057;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -27px !important;
  margin-bottom: 0 !important;
  width: 90px;
}

.clock-fontawsome {
  color: #495057;
}

.cross {
  padding: 10px;
  color: #d6312d;
  cursor: pointer;
}

.continue:focus {
  outline: none;
}

.continue {
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 13px;
  padding: 8px 19px;
  cursor: pointer;
  color: #fff;
  background-color: #d50000;
}

.continue:hover {
  background-color: #d32f2f !important;
}

.app-in-queue {
  color: #1c75bc;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.clock-text {
  color: #495057;
  font-size: 12px;
}

.application-queue-parent {
  background-color: #f5f7fa;
  padding: 15px;
  border-radius: 12px;
}

.zara-text,
.zara-text a {
  font-size: 14px;
  color: var(--heading);
}

.zara-text a i {
  margin-left: 6px;
}

.zara-text span {
  color: green;
}

.zara-text-overflow {
  overflow: auto;
}

.send-input {
  background-color: #eff2f7;
  border-radius: 25px;
  outline: none !important;
  border: none !important;
  padding: 5px 12px !important;
}

.send-btn-popup {
  border: none !important;
  outline: none !important;
  background-color: var(--themegreen);
  color: white;
  width: 100px;
  font-size: 13px;
  border-radius: 25px;
  padding: 5px 0px !important;
}

.send-icon {
  font-size: 12px;
}

/* stepper */

.stepper-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: auto;
  text-align: center;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid var(--themegreen);
  width: 100%;
  top: 14px;
  left: -50%;
  z-index: 2;
}

/* .stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
} */

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1c75bc;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: var(--themegreen);
}

.stepper-item.rejected .step-counter {
  background-color: var(--themered);
}

/*
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #4bb543;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
  } */

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

@media only screen and (max-width: 991px) {
  .step-name {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .step-name {
    font-size: 12px;
  }

  .stepper-wrapper {
    flex-direction: column;
  }

  .stepper-item::before {
    display: none;
  }

  .stepper-item {
    flex-direction: row;
    margin-bottom: 14px;
    justify-content: space-between;
    position: relative;
  }

  .stepper-item .step-counter {
    margin-bottom: 0;
  }

  .stepper-item::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 9px;
    height: 25px;
    width: 2px;
    background-color: var(--themegreen);
  }

  .stepper-item .step-counter {
    width: 20px;
    height: 20px;
  }

  .second-col-separate-line {
    display: none !important;
  }
}

.tab-One {
  border: 1px solid #edf0f5;
  border-radius: 35px;
}

.require-btn {
  background-color: var(--themegreen);
  color: white;
  border: none !important;
  outline: none !important;
  font-size: 22px;
  font-weight: 700;
  padding: 4px 0px;
  width: 160px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.degree-uni-name {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.degree-name-btn {
  background-color: #1c75bc;
  border: none !important;
  outline: none !important;
  color: white;
  border-radius: 25px;
  padding: 6px 24px;
}

.optional-btn {
  background-color: #edf0f5;
  color: var(--heading);
  border: none !important;
  outline: none !important;
  font-size: 22px;
  font-weight: 700;
  padding: 4px 0px;
  width: 160px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

label[for="upload"] {
  cursor: pointer;
}

.application-approve-label {
  background-color: var(--themegreen);
  border-radius: 25px;
  outline: none !important;
  border: none !important;
  color: white;
  padding: 0.7rem;
  font-size: 13px;
  display: block;
  margin-left: auto;
}

.pr-img {
  width: 100px;
}

.view-app-uni-name {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

@media only screen and (max-width: 1600px) {
  .pr-img {
    width: 60px;
  }

  .view-app-uni-svg {
    width: 50px !important;
    height: 50px !important;
  }

  .view-app-uni-name {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .view-app-uni-name {
    font-size: 12px;
  }

  .irvine-cal {
    font-size: 12px;
  }
}

.view-app-green {
  color: var(--themegreen);
}

.view-details-profile {
  font-size: 14px;
}

.view-details-border {
  border-bottom: 1px solid #dbdbdb;
}

.view-app-checkbox-color {
  accent-color: rgb(28, 117, 188);
}

.view-checkbox-colors {
  font-size: 14px;
}

.green-accepted {
  font-size: 14px;
  color: var(--themegreen);
}

.withdrawn {
  color: rgb(28, 117, 188);
  font-size: 14px;
}

.view-app-method-text {
  font-size: 14px;
}

#delivery-method td {
  padding: 8px !important;
  vertical-align: middle;
}

.bg-grey-result-ielts {
  background-color: rgb(237, 240, 245);
  border-radius: 25px;
  padding: 2px 8px;
  font-size: 14px;
}

.reciept-text-view {
  font-weight: 600;
  font-size: 14px;
  color: var(--themegreen);
}

.date-view {
  font-size: 12px;
}

#delivery-method {
  min-width: 400px !important;
}

.view-app-uni-name {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

/**
*
*Password strength
**/

.control-label {
  text-align: left !important;
  padding-bottom: 4px;
}

.progress {
  height: 3px !important;
}

.form-group {
  margin-bottom: 10px;
}

.show-pass {
  position: absolute;
  top: 18%;
  right: 8%;
}

.progress-bar-danger {
  background-color: #e90f10;
}

.progress-bar-warning {
  background-color: #ffad00;
}

.progress-bar-success {
  background-color: #02b502;
}

.fa-eye {
  color: #022255;
  cursor: pointer;
}

.ex-account p a {
  color: #f6086e;
  text-decoration: underline;
}

.fa-circle {
  font-size: 6px;
}

.fa-check {
  color: #02b502;
}

.toggle-accordion:before {
  content: "Collapse all sections";
  color: var(--themegreen);
  text-decoration: underline;
}

.toggle-accordion.active:before {
  content: "Expand all sections";
  color: var(--themegreen);
  text-decoration: underline;
}

/*
*
* end password strength
*/

@media only screen and (max-width: 1600px) {
  .pr-img {
    width: 60px;
  }

  .view-app-uni-svg {
    width: 50px !important;
    height: 50px !important;
  }

  .view-app-uni-name {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .view-app-uni-name {
    font-size: 12px;
  }

  .irvine-cal {
    font-size: 12px;
  }
}

/* for header */
@media only screen and (max-width: 1675px) {
  .list,
  .list-dashboard {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 1450px) {
  .list-dashboard {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 1300px) {
  .student-record-tabs {
    font-size: 14px;
  }

  .degree-uni-name {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .student-record-tabs {
    font-size: 10px;
  }

  .list-dashboard {
    display: none !important;
  }

  .degree-uni-name {
    font-size: 12px;
  }
}

@media only screen and (max-width: 540px) {
  .student-applications-wrap .detail {
    flex-direction: column !important;
  }

  .student-applications-wrap button,
  .student-applications-wrap a {
    width: 100%;
    max-width: 250px;
    margin: 0 0 20px 0 !important;
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
  .student-record-tabs p {
    flex-basis: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 360px) {
  #main {
    max-width: 82%;
  }
}

.uni-name-row {
  background-color: #262626;
}

.uni-name-row img {
  max-width: 100px;
  width: 100%;
}

.uni-name-detail {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.uni-address-detail {
  color: #8e8e8e;
  font-size: 17px;
}

.uni-address-name {
  font-size: 17px;
}

.uni-name-col::after {
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0px;
  left: 64%;
  background-color: #434343;
}

.ins-details {
  font-size: 25px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.grey-founded {
  color: #ababab;
}

.details-flex {
  width: 43%;
}

@media only screen and (max-width: 1600px) {
  .uni-name-detail {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1300px) {
  .details-flex {
    width: 100%;
  }
}

@media only screen and (max-width: 1380px) {
  .uni-name-detail {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .uni-name-col::after {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .uni-name-detail {
    font-size: 13px;
  }

  .uni-address-name {
    font-size: 13px;
  }

  .uni-address-detail {
    font-size: 12px;
  }

  .ins-details {
    font-size: 20px;
  }

  .svg-details-icon {
    width: 50px !important;
    height: 50px !important;
  }
}

/* smooth tabs */
.tabs-smooth-scroll {
  list-style-type: none;
}

.tabs-smooth-scroll a {
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
  color: #282828;
}

.tabs-smooth-scroll {
  border: 1px solid #edf0f5;
  border-radius: 25px;
}

.uni-about-text {
  font-size: 15px;
  color: #282828;
}

.about-list {
  list-style-type: none;
  padding: 0px;
}

.angle-up {
  font-size: 20px !important;
}

.heading-style {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  background-color: transparent;
  border: none;
  outline: none !important;
  color: var(--heading);
}

.location-map {
  width: 100%;
}

.uni-detail-program-language {
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.uni-detail-name {
  font-family: "Poppins", sans-serif;
}

.earlier-intake {
  font-size: 14px;
}

.uni-detail-date {
  font-size: 14px;
  color: var(--themegreen);
}

.uni-detail-apply-btn {
  font-size: 14px;
  background-color: var(--themegreen);
  border-radius: 25px;
  padding: 10px 40px;
  color: white;
  outline: none !important;
  border: none;
}

.border-uni-detail {
  position: relative;
}

.border-uni-detail::after {
  content: "";
  position: absolute;
  top: 21px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #e4e4e4;
}

@media only screen and (max-width: 768px) {
  .location-map {
    height: 300px;
  }

  .tabs-smooth-scroll a {
    flex-basis: 100%;
    padding-top: 10px;
  }

  .about-list li {
    font-size: 11px;
  }

  .uni-about-text {
    font-size: 13px;
  }

  .card-header {
    padding: 4px !important;
  }

  #features .card-body p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 600px) {
  .uni-details-flex div {
    flex-basis: 50%;
  }

  .heading-style {
    font-size: 18px;
  }
}

@media only screen and (max-width: 375px) {
  .uni-details-flex div {
    flex-basis: 100%;
  }

  .uni-detail-program-language {
    font-size: 13px;
  }

  .uni-detail-name {
    font-size: 11px;
  }

  .location-map {
    height: 170px;
  }
}

.tabs-smooth-scroll .active {
  background-color: var(--themegreen);
  padding: 10 20px;
  border-radius: 25px;
  color: white !important;
  padding: 10px 40px;
}

.tabs-smooth-scroll .active a {
  color: white !important;
}

.tabs-smooth-scroll button {
  background-color: transparent;
  outline: none !important;
  border: none;
}

.lec {
  color: #717171;
}

@media only screen and (max-width: 768px) {
  .tabs-smooth-scroll .active {
    padding: 4px 10px;
  }

  .lec {
    color: #717171;
    font-size: 11px;
  }
}

.cost-duration {
  font-size: 16px;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
}

.fee-details-col {
  color: var(--themegreen);
}

.progress-bar {
  background-color: var(--themegreen) !important;
}

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle !important;
}

@media only screen and (max-width: 1500px) {
  .our-agents.accordion .modal-btn {
    padding: 12px 20px !important;
  }
}

@media only screen and (max-width: 1260px) {
  .our-agents.accordion .modal-btn {
    padding: 12px 20px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .table {
    min-width: 900px;
  }
}

@media only screen and (max-width: 1100px) {
  .our-agents.accordion .modal-btn {
    padding: 8px 10px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .our-agents.accordion .card-header {
    flex-direction: column;
  }

  .our-agents.accordion .card-header a {
    margin-bottom: 20px;
    max-width: 250px;
    width: 100%;
  }
}

.slick-slide img {
  max-width: 100%;
}

.slick-slide img {
  height: 460px;
}

.black-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: black;
  height: 100%;
  opacity: 0.6;
  width: 100%;
}

.slick-center .black-overlay {
  display: none;
}

.slick-next {
  right: 25px !important;
}

.slick-prev {
  left: 25px !important;
  z-index: 9;
}

.slick-prev:before {
  font-size: 35px !important;
}

.slick-next:before {
  font-size: 35px !important;
}

@media only screen and (max-width: 500px) {
  .slick-slide img {
    height: 220px;
  }
}

#maps iframe {
  width: 100% !important;
}

#features .language-test-wrap {
  transition: all 200ms ease 0s;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(210, 214, 225);
  border-radius: 8px;
  max-width: 352px;
  width: 100%;
}

#features .language-test-wrap .language-test-tile {
  padding: 17px;
  align-items: center;
  border-bottom: 1px solid rgb(210, 214, 225);
  justify-content: space-between;
}

#features .language-test-wrap .language-test-tile p {
  font-weight: 900;
  margin: 0;
}

#features .language-test-wrap .language-test-cat-wrap {
  justify-content: space-around;
}

#features .language-test-wrap .language-test-cat-wrap .language-test-cat {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#features .language-test-wrap .language-test-cat-wrap .language-test-cat p {
  margin: 0;
}

#features
  .language-test-wrap
  .language-test-cat-wrap
  .language-test-cat
  .language-test-heading {
  font-weight: 900;
}

#features .language-test-wrap .language-test-cat-wrap .language-test-cat-min {
  padding-left: 12px;
}

#features
  .language-test-wrap
  .language-test-cat-wrap
  .language-test-cat-min
  p:nth-child(2) {
  padding-left: 20px;
}

/*
* reset password
*/

.reset-label {
  color: #717171;
  font-style: italic;
  font-size: 14px;
}

.back-to-login {
  color: #39b54a;
  text-decoration: underline !important;
  font-size: 14px;
}

.snapshot-wrap > div {
  width: 400px !important;
  height: 317px !important;
  margin: 0 20px;
  overflow: hidden;
}

.snapshot-wrap > div video {
  height: 100% !important;
  width: unset !important;
}

.required {
  color: red !important;
}

.field-error {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.appended-event-venues > .row,
.appended-nearest-office > .row {
  margin-top: 15px;
}

.pt-notification-blink {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink {
  80% {
    visibility: hidden;
  }
}
@keyframes blink {
  80% {
    visibility: hidden;
  }
}

.rounded-25 {
  border-radius: 25px;
}

.profile-completed .success-icon {
  background-color: var(--themegreen);
}

.agent-stats-item {
  gap: 15px;
}
.bg-themegreen {
  background: var(--themegreen);
}
.bg-themeblue {
  background: var(--themeblue);
}
.bg-themegradient {
  background: linear-gradient(
    136deg,
    rgb(45 112 165) -15%,
    rgba(57, 181, 74, 1) 100%
  );
}
.btn-themeprimary {
  background-color: var(--themegreen);
  border-color: var(--themegreen);
}
.btn-themeprimary:hover {
  background-color: var(--themegreenhover);
  border-color: var(--themegreenhover);
}
.btn-themesecondary {
  background-color: var(--themeblue);
  border-color: var(--themeblue);
}
.btn-themesecondary:hover {
  background-color: var(--themebluehover);
  border-color: var(--themebluehover);
}
.btn-danger {
  background-color: #f46a6a;
  border-color: #f46a6a;
}
.btn-danger:hover {
  background-color: #eb5e5e;
  border-color: #eb5e5e;
}

.btn-radius-left {
  border-radius: 25px 0px 0px 25px !important;
}
.btn-radius-right {
  border-radius: 0px 25px 25px 0px !important;
}

.agent-stats-item .stats-icon span {
  width: 50px;
  height: 50px;
  padding: 12px;
  display: inline-block;
  text-align: center;
  border-radius: 40px;
  font-weight: bold;
  color: white;
}

.agent-stats-item .stats-num {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
}

#student-profile-view {
  gap: 20px;
}

.text-themegreen {
  color: var(--themegreen);
}

.text-themeblue {
  color: var(--themeblue);
}

.student-profile-view-abbr {
  width: 55px;
  height: 55px;
  display: inline-block;
  background: var(--themegreen);
  color: white;
  text-align: center;
  line-height: 52px;
  font-size: 22px;
  border-radius: 50%;
}

.student-profile-view-info {
  gap: 10px;
}

.phone-number-mask-wrap {
  gap: 10px;
  border: 1px solid #c0c1c2;
  border-radius: 25px;
}
.phone-number-mask-wrap .accordian-selects,
.phone-number-mask-wrap .accordian-inputs {
  border: 0px solid;
}
.phone-number-mask-wrap .accordian-selects {
  width: 150px;
  background-color: #f3f3f3;
}

.header-profile-icon {
  display: inline-block;
  background: #ededed;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}

.stats-view {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 10px;
  justify-content: center;
  padding-block: 30px;
}

.agent-dashboard-stats-each {
  position: relative;
}

img.dashboard-stats-hat-svg {
  width: 70px;
}

.agent-dashboard-stats-each > span {
  margin-top: 15px;
  display: block;
}

.agent-dashboard-stats-each div span {
  position: absolute;
  top: 42px;
  left: 8px;
  width: 100%;
}

.agent-dashboard-dropdown-wrap,
.agent-dashboard-input-wrap {
  position: relative;
}

.agent-dashboard-dropdown-elem {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-color: var(--themegreen);
}

.agent-dashboard-dropdown-wrap span {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 50px;
  background-color: var(--themegreen);
  width: 30px;
  height: 30px;
  text-align: center;
  color: white;
  fill: white;
  line-height: 29px;
}

.agent-dashboard-dropdown-wrap span svg,
.agent-dashboard-input-wrap span svg {
  width: 15px;
}

.agent-dashboard-input-elem {
  border-color: var(--themeblue);
}
.agent-dashboard-input-wrap span {
  background: var(--themeblue);
  width: 37px;
  height: 37px;
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 1px;
  text-align: center;
  line-height: 34px;
}

.agent-dashboard-label {
  padding: 5px 15px;
  border-radius: 25px;
  color: var(--themeblue);
  font-weight: bold;
}

.agent-dashboard-counts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}

.agent-dashboard-count-each {
  display: flex;
  gap: 15px;
  background-color: white;
  padding: 8px 10px;
  align-items: center;
}
.agent-dashboard-count-each p {
  margin-bottom: 0px;
}

.themebadge {
  display: inline-block;
  padding: 0.25em 0.8em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 25px;
  background-color: var(--themeblue);
  color: #fff;
}

.show-profile-green-boll {
  background: var(--themegreen);
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 10px;
}

.stepper-item.completed::after {
  background-image: url(https://abneducation.presstigers.dev/assets/backend/media/header/cap-green.svg);
  background-repeat: no-repeat;
  background-size: 40px;
  /* background-position: 61px 20px; */
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  left: 31%;
  border-bottom: 0px;
}

.student-profile-view-page table {
  min-width: auto !important;
}
.border.program-each {
  min-height: 386px;
}
.border.program-each:hover {
  box-shadow: 0px 1px 10px 0px #c9c9c9;
}
.university-name-logo {
  display: flex;
  gap: 15px;
  align-items: center;
}
.university-logo {
  width: 60px;
  height: 60px;
  /* background-image: url(https://abneducation.presstigers.dev/assets/backend/media/header/logo-cap-blue.svg);
  background-size: contain;
  background-repeat: no-repeat; */
  position: relative;
  display: flex;
  align-items: center;
}
.university-logo img {
  width: 45px;
}
.university-name-logo .university-name {
  width: 100%;
}
.university-name-logo .university-name h5 {
  font-size: 18px;
  font-weight: bold;
}
.program-information h4 {
  font-size: 18px;
  overflow: hidden;
}
.program-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#course-selection-filters select.form-control:focus {
  background-color: var(--themeblue);
}

.data-stats p:hover{
    box-shadow: 0px 0px 4px 1px #e2e2e2;
    transform: scale(1.05);
    transition: all 0.5s;
}


/* 
Chat ------------------------
*/
.chat-message {
  margin-bottom: 10px;
}
.chat-message > div{
  width: calc(100% - 150px);
  padding: 8px 12px;
  border-radius: 8px;
  color: white;
}
.message-received > div{
  background: #252525;
}
.message-sent{
  display: flex;
  justify-content: end;
}
.message-sent > div{
  background: var(--brand-primary);
}