@font-face {
  font-family: "DM Sans Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-Regular.ttf") format("ttf");
}

@font-face {
  font-family: "DM Sans Italic";

  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-Italic.ttf") format("ttf");
}

@font-face {
  font-family: "DM Sans Medium";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-Medium.ttf") format("ttf");
}

@font-face {
  font-family: "DM Sans Medium Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-MediumItalic.ttf") format("ttf");
}

@font-face {
  font-family: "DM Sans Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-Bold.ttf") format("ttf");
}

@font-face {
  font-family: "DM Sans Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dm-sans-webfont/DMSans-BoldItalic.ttf") format("ttf");
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.card-1 {
  border-radius: 16px;
}

.card-shadow {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.card-1 .card-header {
  background-color: #ffffff;
  border-top-right-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.card-1 .card-header h5,
.tabs-style div h5 {
  color: #172985;
  font-size: 16px;
  margin: 0px !important;
}

.card-1 .card-body.smooth-scroll {
  height: 180px;
  background: #ffffff;
  overflow-y: scroll;
  margin-bottom: 12px;
}

.style-1::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.style-1::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

.style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 1px rgb(195, 196, 222, 0.2);
  background-color: #c3c4de;
}

.table-style table tr .title {
  font-size: 14px;
  font-weight: 500;
  color: #5a5a5a !important;
  /* padding-top:10px; */
}

.card-1 .btn-primary {
  background: #6268ee !important;
  border-radius: 7px !important;
}

.card-1 .btn-outline-primary {
  border-color: #0066ff !important;
  color: #0066ff !important;
  border-radius: 7px !important;
  background-color: #f7f7f7 !important;
}

.card-1 .btn-outline-primary:hover {
  border-color: #6268ee !important;
  color: #fff !important;
  /* border-radius: 7px !important; */
  background: #6268ee !important;
}

p.title {
  white-space: nowrap !important;
  width: 300px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.title1 {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #5a5a5a !important;
  margin-bottom: 0.5rem;
}

.dt-time {
  color: #9c9c9d;
  font-size: 14px !important;
}

/* .table-style table tr{
    padding: 0px 8px 0px;

} */

.table-style table tr td {
  font-size: 14px;
  /* padding: 0px 18px 0px 18px ; */
}

.table-style table tr td p {
  margin-bottom: 0px !important;
}

.table-style table tr .dt-time,
.sub-title {
  color: #9c9c9d;
}

.table-style table tr td button {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 15px 5px 15px !important;
  border-radius: 7px !important;
}

.sub-title {
  /* padding-bottom: 5px !important;
    padding-top: 5px; */
  font-size: 11px;
}

/* .dt-time{
    padding-bottom: 13px !important;
} */
.tabs-style button {
  font-size: 15px;
  font-weight: 400;
  padding: 8px 15px 8px 15px !important;
  border-radius: 7px !important;
}

.tabs-style .nav-link {
  color: #1b2559 !important;
}

.tabs-style .nav-link.active {
  color: #0066ff !important;
}

.btn-rounded-1 .btn {
  border-radius: 50px !important;
}

.table-1 tr td {
  padding-bottom: 15px !important;
}

.star-icon {
  color: #ffb547 !important;
}

ul.user li {
  display: inline;
}

ul.user li i {
  padding-top: 15px;
  color: #c9c9c9;
}

ul.user li a img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 0, 0, 0.52);
}

.user-info {
  padding-left: 20px;
  text-align: left;
}

.upcoming h6 {
  color: #d01616;
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  background-color: #fff0e7;
  display: inline-block;
  border-radius: 5px;
}

.upcoming p {
  font-size: 11px;
  font-weight: 400;
  padding: 0px 5px 0px 5px;
  color: #707070;
}

.upcoming ul {
  list-style-type: none;
  padding-left: 2px;
}

.upcoming ul li {
  color: #343434;
  font-size: 14px;
  font-weight: 400;
}

.upcoming ul li::before {
  content: "•";
  color: red;
  margin-right: 10px;
}

.right-cards h6 {
  font-size: 14px;
  font-weight: 600;
  color: #3c3c3c;
}

/* calnder */

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

/* .datepicker-inline {
  width: 220px;
} */
.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.datepicker>div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 15px;
  height: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 12px;
  font-weight: 500;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #ff0000;
  color: #fff !important;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #d01616;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #d01616;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #d01616;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #d01616;

  color: #fff !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #d01616;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #d01616;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}

.datepicker th.datepicker-switch {
  width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;

  color: #d01616;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-size: 13px;
  line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}

.datepicker .dow {
  border-bottom: 1px solid #e7e7e7;

  color: #9b8079;
  font-size: 13px;
}

.datepicker-months .prev,
.datapicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
  width: 58px;
}

.datepicker-days tbody td:nth-child(6),
.datepicker-days tbody td:nth-child(7) {
  color: #d44;
}

/* app */
.charset {
  box-shadow: 1px 1px 10px #000;
}

.app {
  width: 100%;
  height: auto;
  margin: 0px auto;
}

.app:after {
  content: "";
  display: table;
  clear: both;
}

.app__side {
  background: #333;
  width: 100%;
  height: auto;
  padding: 40px;
  /*	float: left; */

  color: #d01616;
}

.app__main {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  /* float: left; */
  /* padding:10px;  */
}

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

/* b-calendar */
/* .calendar {
    padding: 60px;
}
    .calendar .datepicker {
        width: 100%;
    }
        .calendar .datepicker table {
            width: 100%;
        } */

.logo-icon {
  width: 100%;
  /* width: 80%; */
  /* height: 80%; */
}

.sidebar-header {
  padding: 0 5px !important;
}

.progress1 {
  height: 9px !important;
}

.progress1 .progress-bar {
  border-radius: 30px;
}

/*course-page*/

.rating {
  font-size: 13px;
  font-weight: 500;
  color: #74726f;
}

.checked {
  color: #ffb547;
}

.navs-card .nav-pills .nav-link.active {
  color: #002093;
  background-color: #d5dbf1;
  font-size: 14px;
  font-weight: 500;
}

.navs-card .nav-pills .nav-link {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 500;
}

.check-circle {
  color: #86cb6e;
}

/*course-enrolled-page*/
.enrolled-course .nav-pills .nav-link.active {
  color: #ffffff;
  background-color: #624fd7;
  font-size: 15px;
  font-weight: 500;
}

.enrolled-course .nav-pills .nav-link {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px #c0c0c0 solid;
  border-radius: 0;
  border-left: 1px #c0c0c0 solid;
}

.enrolled-course .nav-pills li:first-child .nav-link {
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px #c0c0c0 solid;
  border-radius: 0;
  border-left: 0;
}

/*accordin*/

#accordionExample .accordion-button::after {
  /* position: absolute !important; */
}

#accordionExample .accordion-button:not(.collapsed) {
  color: white;
  /* background-color: #bc1e22; */
  background-color: #2e7a91;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

#accordionExample .title,
.assesment-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #303030 !important;
}

#accordionExample .text {
  font-size: 13px;
  font-weight: 500;
  color: #303030;
}

#accordionExample .time,
.assesment-text {
  font-size: 13px;
  font-weight: 500;
  color: #606060;
}

#accordionExample div span.text::before {
  font-family: boxicons !important;
  content: "\ec70";
  font-size: 18px;
  color: #624fd7;
  margin-right: 10px;
}

*/
/* 
#pills-tabContent .accordion-button::after{
font-family: "Font Awesome 5 Free"; 
content: "\f067" !important;
background-image: none !important;
font-size: 14px;
}

#pills-tabContent .accordion-button::before{
font-family: "Font Awesome 5 Free"; 
content: "\f067" !important;
background-image: none !important;
font-size: 14px;
} */
/* #pills-faqs .fa-plus:before {
content: "\f067";
position: absolute;
right: 30px;
top: 16px;
} */


#pills-faqs .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  font-weight: 900;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  color: 454545 !important;
  transition: transform 0.2s ease-in-out;
}

#pills-faqs .accordion-button:not(.collapsed)::after {
  font-family: "Font Awesome 5 Free";
  content: "\f068";
  margin-left: auto;
  margin-right: 6px;
  background-image: none;
  transition: none;
  /* transform: rotate(-180deg); */
  color: 454545 !important;
}

#pills-faqs .accordion-button:not(.collapsed) {
  color: #454545;
  background-color: #f8fcff !important;
}

#pills-faqs .accordion-body {
  color: #454545;
  background-color: #f8fcff !important;
  font-size: 13px;
  font-weight: 400;
}

#pills-faqs .accordion-item .accordion-header button span {
  font-size: 15px;
  font-weight: 500;
  color: #454545;
}

#pills-forums .card span {
  font-size: 15px;
  font-weight: 500;
  color: #454545;
}

#pills-forums .card p {
  color: #747474;
  font-size: 13px;
}

hr {
  border-bottom: 2px solid #d4d4d4;
}

ul li .img-rounded {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 0px solid #ffffff;
}

.card-user ul li a .name {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #003399 !important;
}

.card-user ul li a .user-txt,
.card-user ul li .user-txt-1 {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #9c9c9c !important;
}

.assignment-tab .nav-link {
  color: #979797 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: none !important;
}

.assignment-tab .nav-link:hover {
  color: #624fd7 !important;
  background-color: #fff !important;
  border-color: #ffffff #ffffff #ffffff !important;
  border-bottom: 1px solid #624fd7 !important;
}

.assignment-tab .nav-link.active {
  color: #624fd7 !important;
  background-color: #fff !important;
  border-color: #ffffff #ffffff #ffffff !important;
  border-bottom: 1px solid #624fd7 !important;
}

#nav-tabContent .card {
  background-color: #f8fcff;
}

#nav-tabContent .card span {
  font-size: 15px;
  font-weight: 500;
  color: #454545;
}

#nav-tabContent .card p {
  font-size: 13px;
  font-weight: 400;
  color: #484848;
  line-height: 1.2rem;
}

#nav-tabContent ul li a {
  font-size: 13px;
  font-weight: 500;
  color: #0008c5 !important;
}

#nav-tabContent ul li .user-txt-2 {
  font-size: 13px;
  font-weight: 500px;
  color: #484848;
}

.resouces-title {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

#accordionExample-1 .accordion-item {
  background-color: #ffffff;
}

#accordionExample-1 .accordion-item .accordion-header .accordion-button {
  font-size: 15px;
  font-weight: 500;
  color: #646464;
}

/* #accordionExample-1 .accordion-item .accordion-body{

} */
#accordionExample-1 .accordion-button:focus {
  border-color: #ffffff;
  box-shadow: none;
}

#accordionExample-1 .accordion-button:not(.collapsed) {
  color: #646464;
  background-color: #ffffff;
  box-shadow: none;
}

/* Payment Page */
.card-1 .card-header label {
  font-size: 11px;
  color: #b5b5c3;
}

.payment-table tr td {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: red !;
}

.btn-1,
.btn-2 {
  padding: 4px 25px;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.btn-1 {
  background-color: #c9f7f5;
  color: #1bc5bd;
}

.btn-1:hover {
  color: #c9f7f5;
  background-color: #1bc5bd;
}

.btn-2 {
  background-color: #e7e7e7;
  color: #7b7b7b;
}

.btn-2:hover {
  color: #e7e7e7;
  background-color: #7b7b7b;
}

.td-title {
  color: #464e5f;
  font-size: 14px;
  font-weight: 500;
}

.tr-spacing td {
  line-height: 3rem;
  border-bottom: 1px solid #e8e8e8;
}

.td-header .td-text {
  color: #b5b5c3;
}

.td-text {
  font-size: 14px;
  font-weight: 400;
}

/*custom-breadcrumb*/
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">") !important;
}

.sidebar-wrapper .metismenu a:hover path,
.sidebar-wrapper .metismenu a:focus path,
.sidebar-wrapper .metismenu a:active path,
.sidebar-wrapper .metismenu .mm-active>a path {
  fill: #ffff;
}

.sidebar-wrapper .metismenu a:hover line,
.sidebar-wrapper .metismenu a svg:focus line,
.sidebar-wrapper .metismenu a svg:active line,
.sidebar-wrapper .metismenu .mm-active>a line {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.sidebar-wrapper .metismenu a:hover rect,
.sidebar-wrapper .metismenu a svg:focus rect,
.sidebar-wrapper .metismenu a svg:active rect,
.sidebar-wrapper .metismenu .mm-active>a rect {
  stroke: #ffffff !important;
}

.table-striped>tbody>tr:nth-child(odd) {
  background-color: #fafaff !important;
}

div.dataTables_wrapper div.dataTables_length select {
  border-radius: 1rem;
  padding-left: 0.3rem;
}

div.dataTables_wrapper div.dataTables_filter input {
  border-radius: 1rem;
  padding-left: 0.6rem;
}

div.dataTables_wrapper div.dataTables_filter input:focus-visible {
  outline: none;
}

.table-striped>tbody>tr:nth-child(even) {
  background-color: #ffffff !important;
}

table.dataTable {
  border-spacing: 1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  background: #fd7e14 !important;
  border-radius: 5px !important;
  border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  background: #fd7e14 !important;
  border-radius: 5px !important;
  border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff;
  background: #037b90;
  border-radius: 5px;
  border: none;
}

.paginate_button.disabled:hover {
  cursor: default !important;
  color: #666 !important;
}

/* thead {
  background-color: #624FD7 !important;
  background-color: #037b90 !important;
  background-color: #ff7f50 !important;
} */

table th {
  background-color: #037b90 !important;
  border-radius: 10px;
}

.modal .modal-dialog .modal-content .modal-header {
  /* background-color: #bb2024; */
  background-color: #037b90 !important;
  color: #ffffff;
  text-align: center !important;
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}

.modal .modal-dialog .modal-content {
  border-radius: 1.5rem !important;
}

.close {
  float: right !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: rgb(255, 255, 255);
  background-color: transparent;
  border: transparent;
  /* text-shadow: 0 1px 0 #fff !important; */
  opacity: 1 !important;
}

.close1 {
  float: right !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: rgb(255, 255, 255);
  background-color: transparent;
  border: transparent;
  /* text-shadow: 0 1px 0 #fff !important; */
  opacity: 1 !important;
}

/* .btn-save {
  background-color: #624FD7;
  color: #ffffff;
}

.btn-save:hover {
  color: #ffffff !important
} */
.btn-save {
  border: 1px #ff7f50 solid !important;
  color: #ff7f50 !important;
}

.btn-save:hover {
  background: #ff7f50 !important;
  color: #fff !important;
}

.btn-primary {
  border: 1px #ff7f50 solid !important;
  color: #ff7f50 !important;
  background-color: white !important;
}

.btn-primary:hover {
  border: 1px #ff7f50 solid !important;
  color: white !important;
  background-color: #ff7f50 !important;
}

.icon-box {
  width: 46px;
  height: 46px;
}

.icon-box i {
  font-size: 30px;
}

.bg_blue {
  background: #11a0f8;
}

.bg_blue1 {
  background: #0097a7;
}

.bg_yellow {
  background: #ffe500;
}

.bg_red {
  background: #f33155;
}

.bg_orange {
  background: #ffbb44;
}

.bg_green {
  background: #7ace4c;
}

.bg_purple {
  background: #7460ee;
}

.bg_light-pink {
  background: #ff7bac;
}

.bg_pink {
  background: #e75d8c;
}

.text_blue {
  color: #11a0f8;
}

.text_blue1 {
  color: #0097a7;
}

.text_yellow {
  color: #ffe500;
}

.text_red {
  color: #f33155;
}

.text_orange {
  color: #ffbb44;
}

.text_green {
  color: #7ace4c;
}

.text_purple {
  color: #7460ee;
}

.text_light-pink {
  color: #ff7bac;
}

.text_pink {
  color: #e75d8c;
}

.btn-white:hover {
  background: #f9fafb;
  border-color: #f9fafb;
}

.card-values {
  display: table;
}

.card-values span {
  display: table-cell;
}

@font-face {
  font-family: "MavenPro-Bold";
  src: url("../../assets/fonts/Maven_Pro/MavenPro-Bold.ttf");
}

/* @font-face {
  font-family: 'Poppins';
  src: url('../../assets/fonts/Maven_Pro/Poppins.ttf');

} */
p,
label,
tr,
td,
th {
  font-size: 16px !important;
}

a {
  text-decoration: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  /* font-family: 'Poppins'; */
  font-family: "Poppins" !important;
}

h3 {
  /* font-family: 'Poppins' !important; */
  font-family: "Poppins" !important;
}

/* header menu */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 992px) {
  .offcanvas {
    visibility: visible;
    position: relative;
    background: none;
    border: none;
    justify-content: end;
    color: red;
  }

  /* .bg-nav {
  background-color: #3f45ad !important;
  color: white;
} */
}

/* .site-menu li a.btn-border{border: 1px #dee2e6 solid; border-radius: 15px;} */
.btn-border {
  border: 1px #dee2e6 solid;
  border-radius: 15px;
}

@media (max-width: 992px) {

  /* .site-menu li a.btn-border{border: none !important;} */
  .offcanvas {
    width: 250px !important;
  }

  .bg-nav {
    background-color: #a6a8a8 !important;
  }

  .btn-border {
    border: 0px #dee2e6 solid;
    border-radius: 15px;
  }

  .btn-signup {
    color: #f1f0f0 !important;
    font-size: 16px;
    font-weight: 500;
    border-color: #f1f0f0 !important;
  }

  .navbar .dropdown .dropdown-menu.catalog-menu {
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .navbar .dropdown .dropdown-menu.catalog-menu .container {
    padding: auto;
  }

  /* .navbar-nav li a {
  color: #f1f0f0 !important;
} */

  .navbar-nav li a.active {
    /* color: #f1f0f0 !important; */
    color: #bb2024 !important;
  }

  .offcanvas-start-lg {
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
  }

  .post .card-title {
    height: auto !important;
  }
}

.samvaad-logo {
  width: 80px;
  height: auto;
}

.navbar-nav li a {
  color: #230f0f;
  padding-right: 1.8rem !important;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.navbar-nav li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -10px;
  left: 0px;
  background-color: #3862a0;
  transition: all 0.2s ease-in-out;
  transform: scale(0, 0);
  visibility: hidden;
}

/* .navbar-nav li a.active {
color: #230F0F;
font-weight: 500;
text-decoration: underline;

} */

.btn-login {
  color: #bb2024 !important;
}

.btn-signup {
  /* color: #bb2024 !important; */
  font-size: 16px;
  font-weight: 500;
  border-color: #ff7f50;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  color: #037b90 !important;
  padding: 20px;
  width: 100%;
  display: block;
  background-image: linear-gradient(to left,
      transparent,
      transparent 50%,
      #037b90 50%,
      #ff7f50);

  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all 0.25s ease-in;
}

.btn-signup:hover {
  /* color: #bb2024;
font-size: 16px;
font-weight: 500;
border-color: #bb2024; */
  background-position: 0 0;
  color: #fff !important;
}

.about-bg {
  background-color: #cda910;
}

.btn-blue {
  color: white !important;
  background-color: #6166cd !important;
  border: #6166cd !important;
  font-size: 13px;
  border-radius: 6px;
  padding: 15px 30px;
  gap: 10px;
  font-weight: 500;
}

.btn-blue:hover {
  color: white;
  background-color: #3d419d !important;
  border: #6166cd;
}

.btn.btn-blue:active {
  color: white;
  background-color: #3d419d !important;
  border: #6166cd;
}

.samvaad-txt {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}

.discover-txt {
  font-size: 2rem;
  font-weight: 700;
  color: #090d2c;
  font-family: "MavenPro-Bold";
}

.btn-seeall {
  color: black;
  /* border: 1px solid #ff7f50; */
  background-color: #ff7f50;

  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  padding: 8px 30px;
  white-space: nowrap;
}

.btn-seeall:hover {
  color: #ffff;
  border: 1px solid #bb2024;
  background-color: #bb2024;
}

.badge.bg-course.active {
  color: #ffff;
  border: 1px solid #bb2024;
  background-color: #bb2024;
}

.badge.bg-course {
  color: #230f0f;
  font-size: 16px;
  font-weight: 400;
  border: 1px Solid rgba(35, 15, 15, 0.2);
}

.badge.bg-course:hover {
  color: #ffff;
  border: 1px solid #bb2024;
  background-color: #bb2024;
}

.post .card {
  border: 1px solid #eceff4;
  border-radius: 8px;
}

.post .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.post .card-title {
  font-weight: 800;
  color: #037b90;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.6px;
  text-transform: uppercase !important;
  height: 75px;
}

/* .card-title {
font-weight: 600;
color: #0A0A0A;
} */
.card-text {
  color: #4d4d4d;
}

.DCB-card .card {
  transition: all 0.3s ease-in-out;
}

.DCB-card .card:hover {
  transform: translateY(-10px);
}

.DCB-card .card .price {
  color: #bb2024;
  font-size: 18px;
  font-weight: 800;
}

.DCB-card .card .price-1 {
  color: #988f8e;
  font-size: 18px;
  text-decoration: line-through;
}

.btn-seeall-1 {
  color: #ff7f50;
  border: 1px solid #ff7f50;
  font-size: 12px;
  font-weight: 700 !important;
  line-height: 18px;
  text-align: center;
  padding: 8px 30px;
  border-radius: 10px;
  white-space: nowrap;
}

.btn-seeall-1:hover {
  color: #ffff;
  border: 1px solid #ff7f50;
  background-color: #ff7f50;
}

.bg-cta {
  background-image: url(../img/CTA.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.aboutus-bg {
  background-color: #f2f4ff;
}

.bg-footer {
  background-color: #1f1f1f;
  color: #ffffff;
}

.bg-footer ul {
  padding-left: 0px;
  margin-left: 0px;
}

.bg-footer ul li {
  list-style-type: none;
  color: #ffffff;
  padding-top: 10px;
}

.bg-footer ul.footer-links li a {
  color: #ffffff;
  text-decoration: none;
}

.contact-links li a {
  text-decoration: none;
}

.social-icons li {
  background-color: transparent;
  border: none;
}

.bg-cpright {
  color: #ffffff;
  background-color: #0a0a0a;
}

.ln-txt {
  font-size: 2rem;
  font-weight: 700;
  color: #bb2024;
}

.clientlogo .owl-dots {
  display: none;
}

.client-txt {
  color: #230f0f;
  font-weight: 500;
  padding-top: 15px;
}

.crd-time {
  color: #777795;
  font-size: 14px;
}

.txt-cta {
  color: white;
  font-size: 40px;
  font-family: "MavenPro-Bold";
}

.btn-cta {
  color: #aa2b43;
  background-color: white;
}

.btn-cta:hover {
  color: white;
  background-color: #aa2b43;
  border-color: white;
}

.card .price {
  color: #bb2024;
  font-size: 18px;
  font-weight: 800;
}

.card .price-1 {
  color: #988f8e;
  font-size: 18px;
  text-decoration: line-through;
}

/*.main-slider*/

header .item {
  height: 87vh;
  position: relative;
}

header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: rgba(0, 0, 0, 0.6); */
  display: flex;
  align-items: center;
}

header .item .cover .header-content {
  position: relative;
  padding: 56px 56px 56px 0px;
  overflow: hidden;
}

header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  /* border: 9px solid #fff;
-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
}

header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}

header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 700;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #2f2f2f;
}

header .item .cover .header-content p {
  font-size: 18px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

header .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
  font-family: "MavenPro-Bold";
}

header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

header .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

header .owl-item.active p,
header .owl-item.active a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

header .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 20px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

header .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}

header .owl-nav .owl-prev:focus {
  outline: 0;
}

header .owl-nav .owl-prev:hover {
  background: #000 !important;
}

header .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 20px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

header .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}

header .owl-nav .owl-next:focus {
  outline: 0;
}

header .owl-nav .owl-next:hover {
  background: #000 !important;
}

header:hover .owl-prev {
  left: 0px;
  opacity: 1;
}

header:hover .owl-next {
  right: 0px;
  opacity: 1;
}

.homeslider-btn {
  color: white;
  background-color: #f55113;
  z-index: 99999 !important;
  position: relative;
}

.homeslider-btn:hover {
  color: white;
  background-color: #f55113;
}

@media only screen and (max-width: 769px) {
  header .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  header .item {
    height: auto;
    position: relative;
  }

  header .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
  }

  header .item .cover .header-content h1 {
    font-size: 36px;
    font-weight: 500;
    margin: 5px 0 10px;
    word-spacing: 3px;
    color: #2f2f2f;
    line-height: 1;
  }

  header .item .cover .header-content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
  }

  header .item .cover .header-content {
    position: absolute;
    /* padding: 56px; */
    top: 1.5rem;
    overflow: hidden;
  }

  .discover-txt {
    font-size: 1.5rem;
    font-weight: 700;
    color: #090d2c;
  }

  .ln-txt {
    font-size: 1.5rem;
    font-weight: 700;
    color: #bb2024;
  }

  .txt-cta {
    color: white;
    font-size: 30px;
  }

  .course {
    color: white;
    background-color: #3f45ad;
    border-color: #3f45ad;
  }
}

@media only screen and (max-width: 480px) {
  header .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 25px;
    color: #fff;
  }

  header .item .cover .header-content h1 {
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0 5px;
    word-spacing: 3px;
    color: #2f2f2f;
    line-height: 1rem;
  }

  header .item .cover .header-content p {
    font-size: 8px;
    font-weight: 300;
    line-height: 10px;
    color: #fff;
  }

  header .item .cover .header-content {
    position: relative;
    padding: 20px;
    overflow: hidden;
  }

  .homeslider-btn {
    color: white;
    background-color: #ff8e4b;
    z-index: 99999 !important;
    position: relative;
    font-size: 10px !important;
  }

  .homeslider-btn:hover {
    color: white;
    background-color: #ff8e4b;
    font-size: 10px !important;
  }

  .txt-cta {
    color: white;
    /* font-size: 13px; */
  }

  .bg-cta {
    background-size: contain;
  }

  .course {
    color: white;
    background-color: #3f45ad;
    border-color: #3f45ad;
  }

  .samvaad-logo {
    width: 20% !important;
  }
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(236, 87, 0);
  background: rgba(236, 87, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/* .course-1{
position: relative !important;
}
.course-1:hover{
transform: translateY(-.4em) !important;
transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s !important;
} */

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

  /* .navbar-nav .dropdown-menu{
  position: static !important;
} */
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.dropdown1:hover .dropdown-menu1 {
  display: block;
  margin-top: 0;
}

.navbar .dropdown.catalog {
  position: static;
  float: none;
}

.navbar .dropdown .dropdown-menu.catalog-menu {
  width: 80%;
  /* position: absolute; */
  top: 4rem;
  float: left;
  left: 8%;
  right: 8%;
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  margin: 0px auto;
  border-top: 0px;
}

.offcanvas-body .navbar .dropdown .dropdown-menu.catalog-menu {
  width: 100%;
}

.megamenu-1 a {
  text-decoration: none;
}

.megamenu-1 h6 {
  color: #ff8e4b;
}

.megamenu-sm {
  border-right: 1px solid #ff8e4b !important;
}

.course-list {
  list-style-type: none;
}

.course-list li a {
  padding: 5px !important;
  color: #000;
}

.course-list li a:hover {
  color: #ff8e4b;
}

.user-pill {
  color: #fa985f !important;
  position: absolute;
  top: 9rem;
  left: 1rem;
}

.user-pill i {
  color: #fa985f;
}

.owl-carousel1 .user-pill {
  color: #fa985f !important;
  position: absolute;
  top: 7.5rem;
  left: 1rem;
}

@media only screen and (max-width: 1300px) {
  .owl-carousel1 .user-pill {
    color: #fa985f !important;
    position: absolute;
    top: 9rem;
    left: 1rem;
  }

  .user-pill {
    color: #fa985f !important;
    position: absolute;
    top: 9rem;
    left: 1rem;
  }
}

.owl-carousel3 .owl-dots {
  display: none;
}

ul.badge li {
  list-style-type: none;
  display: inline;
}

.owl-carousel3 .badge {
  width: auto !important;
}

.owl-carousel3 .owl-stage div {
  margin-right: 0px !important;
}

/* new section*/

.bg-cta-2 {
  background-image: url("../img/CTA-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-cta-2 h6 {
  font-size: 14px;
  color: #ffffff;
}

.bg-cta-2 h4 {
  font-size: 35px;
  font-weight: 700;
}

.bg-cta-2 .row {
  padding: 6rem 0rem;
}

@media only screen and (max-width: 768px) {
  .bg-cta-2 .row {
    padding: 2rem 0rem;
  }

  .owl-carousel.them1.owl-theme {
    margin-top: 10px;
  }

  .owl-carousel.them1.owl-theme .owl-stage-outer {
    margin: 0px 0px !important;
  }
}

.owl-theme .owl-dots {
  display: none;
}

.owl-carousel.them1.owl-theme .owl-stage-outer {
  margin: 0px 0px !important;
}

/* Search button start*/

#search-btn {
  /* position: absolute;
top: 1em;
right: 1em; */

  padding: 10px;
  color: #d14347;
}

#search-btn:hover {
  /* color: rgba(0,0,0,0.5); */
  cursor: pointer;
}

.offcanvas-body .megamenu-1 li a {
  color: #bb2024 !important;
}

.offcanvas-body .dropdown-menu .megamenu-1 li a {
  color: #000 !important;
  cursor: pointer;
}

.offcanvas-body .dropdown-menu .megamenu-1 li a:hover {
  color: #bb2024 !important;
}

.nav-link:focus,
.nav-link {
  /* color: #bb2024; */
  color: #037b90;
}

#search-overlay {
  display: none;
}

.search_block {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
  z-index: 9999;
}

.search_block:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
}

.centered {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 10px 15px;
  color: #fff;
  border: none;
  background: transparent;
}

#search-box {
  position: relative;
  width: 100%;
  margin: 0;
}

#search-form {
  height: 3.5em;
  border: 1px solid #999;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
}

#search-text {
  font-size: 14px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

#search-box input[type="text"] {
  width: 90%;
  padding: 10px;
  color: #333;
  outline: none;
  font-size: 1.4em;
}

#search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 3.5em;
  width: 100px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-width: 0;
  background-color: #f55113;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
}

#close-btn {
  position: fixed;
  top: 1em;
  right: 1em;
}

#close-btn:hover {
  color: #777;
  cursor: pointer;
}

/* Search button End*/

.btn_white {
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: 400;
}

.border-box {
  position: relative;
  display: block;
  width: 40px;
  height: 2px;
  background: #ffffff;
  margin: 19px 0px;
}

.video-caption {
  position: absolute;
  top: 10px;
  color: #fff;
}

.scrollbar {
  margin-left: 30px;
  float: left;
  height: 300px;
  width: 65px;
  background: #f5f5f5;
  overflow-y: scroll;
  margin-bottom: 25px;
}

/* custom Scrollbar */

.site-mobile-menu.style-1::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #ccc;
  -webkit-box-shadow: inset 0 0 6px #ccc;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.site-mobile-menu.style-1::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

.site-mobile-menu.style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px #ccc;
  -webkit-box-shadow: inset 0 0 6px #ccc;
  background-color: #c1c1c1;
}

.is-sticky .js-sticky-header {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.btn-style-1 {
  color: black;
  border: 1px solid #bb2024;
  background: #ff7f50;

  font-size: 12px;
  font-weight: 700 !important;
  line-height: 18px;
  text-align: center;
  padding: 8px 30px;
  border-radius: 10px;
  white-space: nowrap;
}

.btn-style-1:hover {
  color: #ffff;
  border: 1px solid #bb2024;
  background: rgb(211, 84, 11);
}

.bg-cta-2 {
  /* background-image: url(./img/CTA-2.png); */
  background-image: url(../../assets/img/CTA-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-cta-2 h6 {
  font-size: 14px;
  color: #ffffff;
}

.bg-cta-2 h4 {
  font-size: 35px;
  font-weight: 700;
}

.bg-cta-2 .row {
  padding: 6rem 0rem;
}

h4.hr-line:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 1px;
  top: 0px;
  border-bottom: 3px solid #fbf7f4;
  bottom: 0px;
}

.social-icons-tutor li {
  border: 0px;
  background-color: transparent;
}

.social-links-tutor li i {
  color: grey;
}

.owl-carousel3 .item {
  width: auto !important;
}

.owl-carousel3 .badge {
  margin-right: 10px;
}

.owl-stage-outer {
  margin: 0px 30px;
}

/* flip card css */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
}

.flip-card {
  margin-top: -100px;
}

.flip-card a {
  color: #64c7e0;
  font-size: 13px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  padding: 2rem;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #ffffff;
  color: rgb(8, 8, 8);
}

.flip-card-back {
  background-color: #ffffff;

  color: rgb(8, 8, 8);
  transform: rotateY(180deg);
}

/* flip card css End */

@media only screen and (max-width: 768px) {
  .bg-cta-2 .row {
    padding: 2rem 0rem;
  }

  .flip-card {
    background-color: transparent;
    width: 100%;
    height: 350px;
    perspective: 1000px;
  }

  .flip-card {
    margin-top: 0px !important;
  }

  .testimonials .owl-stage-outer,
  .owl-carousel1 .owl-stage-outer {
    margin: 0px 0px !important;
  }
}

.catalog .nav-link:focus,
.catalog .nav-link:hover {
  color: #bb2024 !important;
}

/* .btn-save {
  background-color: #624FD7;
  color: #ffffff;
}

.btn-save:hover {
  background-color: #6e59ee;
  color: #fff;
} */

.btn-save {
  border: 1px #ff7f50 solid !important;
  color: #ff7f50 !important;
}

.btn-save:hover {
  background: #ff7f50 !important;
  color: #fff !important;
}

.btn-info {
  background-color: #037b90 !important;
  color: #fff !important;
}

@media (min-width: 1200px) {
  div.qrbox .col-xl-4 {
    width: auto !important;
  }

  div.qrbox .offset-xl-4 {
    margin-left: auto !important;
  }
}

div.qrbox .card {
  border: 0px !important;
  padding: 0px !important;
}

div.qrbox .card .card-body {
  padding: 0px !important;
}

div.qrbox {
  position: absolute;
  right: 5%;
  bottom: 5%;
}

.catalog .nav-link:focus,
.catalog .nav-link:hover {
  color: #bb2024 !important;
}

.user-title {
  color: #2b3674;
  font-weight: 600;
  font-size: 25px;
}

.btn-outline-danger1 {
  border-radius: 8px;
}

p.paratext {
  color: #5c5c5c;
}

.progress-bar {
  background-color: #624fd7;
}

.enrolled-course .accordion-button::after {
  right: 15px;
}

.enrolled-course .accordion-body {
  background: #f8fcff;
}

.enrolled-course .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.enrolled-course .acc-quiz .accordion-button::after {
  background: none;
}

.prof-name {
  color: #929292;
}

.content-tab .form-control,
.content-tab .btn-outline-purple:hover,
.content-tab .btn-outline-purple {
  border: 1px solid #e9ecef !important;
}

.content-tab .form-control1 {
  border: 5px solid #e9ecef !important;
}

#references-accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #000;
}

.assesment .btn-outline-purple {
  border-radius: 7px;
  border: 1px #6268ee solid !important;
}

.assesment .btn-outline-purple:hover {
  background: #6268ee;
}

.tab-wrapper .tab-content {
  padding: 10px 20px;
}

.tab-wrapper .nav-tabs a {
  border: 0 !important;
  color: #000;
  font-weight: 500;
  background-color: transparent !important;
}

.tab-wrapper .nav-tabs li .active span {
  border-bottom: 2px solid #ee6b1d !important;
  color: #ee6b1d;
}

.tab-wrapper .nav-tabs li {
  border-bottom: 2px solid transparent;
}

.tab-wrapper .nav-tabs li a {
  width: 100%;
  text-align: center;
}

.tab-wrapper ul.nav.nav-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.tab-wrapper .nav-tabs li {
  flex-basis: 90px;
  min-width: 90px;
  display: flex;
  align-items: flex-start;
  margin: 0 !important;
}

.tab-wrapper .tabs-wrapper {
  position: relative;
}

.text-grey {
  color: #959595;
}

.text-wrap {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.message.active {
  background: #ffffff;
  border: 1px solid #d1d0d0;
  border-radius: 5px;
}

.message .bg-secondary {
  background-color: #ee7b37 !important;
}

.message .checked {
  color: #ee7b37 !important;
}

/* Track */
.chat-box-window ::-webkit-scrollbar-track,
.message-box::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px !important;
}

/* Handle */
.chat-box-window ::-webkit-scrollbar-thumb,
.message-box::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px !important;
}

/* Handle on hover */
.chat-box-window ::-webkit-scrollbar-thumb:hover,
.message-box::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

/* width */

.chat-box-window ::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.chat-box-window ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.chat-box-window ::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Handle on hover */
.chat-box-window ::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.chat-box-window {
  border-radius: 16px 16px 0 0;
}

.chat-box {
  overflow: hidden;
}

.chat-box section {
  padding: 12px;
}

.chat-box section div {
  margin: 12px 0;
}

.chat-box section span {
  display: inline-block;
  padding: 6px 8px;
  margin: 1px 0;
  max-width: 90%;
  word-wrap: break-word;
}

.chat-box section div.chat1 {
  text-align: left;
}

.chat-box section div.chat1 span {
  background-color: #ececec;
  border-radius: 4px 16px 16px 4px;
}

.chat-box section div.chat1 span:first-of-type {
  border-top-left-radius: 16px;
}

.chat-box section div.chat1 span:last-of-type {
  border-bottom-left-radius: 16px;
}

.chat-box section div.chat2 {
  text-align: right;
}

.chat-box section div.chat2 span {
  background-color: #bcf;
  border-radius: 16px 4px 4px 16px;
}

.chat-box section div.chat2 span:first-of-type {
  border-top-right-radius: 16px;
}

.chat-box section div.chat2 span:last-of-type {
  border-bottom-right-radius: 16px;
}

.chat-box .modal-footer textarea {
  font-family: "Karla", sans-serif;
  outline: 0;
  padding: 0 12px;

  width: 100%;
  font-size: 1em;
}

.chat-message .input-group-text {
  background-color: none !important;
}

.headerbg h5 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #037b90 !important;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Scrollbar Styles */

/* Track */
/* ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #037b90; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
} */

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #037b90;
  /* -webkit-box-shadow: inset 0 0 6px #037b90;  */
}

.dataTables_paginate::-webkit-scrollbar {
  width: 10px !important;
}

.shadow-lg {
  margin-bottom: 8rem;
}

.dd-container {
  display: flex;
}

.dd-wrapper {
  display: flex;
  margin-bottom: 2rem;
  margin-right: 2rem;
}

.saparator {
  margin-top: 0.5rem;
}

.lbl {
  margin-right: 5px;
  font-size: 18px !important;
  background-color: #037b90;
  color: #fff;
  border-radius: 10px;
  padding: 6px 12px;
}

.dd {
  width: 16rem;
  font-size: 16px;
  border-radius: 0.4rem;
  border: none;
}

/* new css  */
.tabs_card,
.tabs_card .card-body {
  border-radius: 10px;
}

#pills-tab-cstm.nav-pills .nav-link.active,
#pills-tab-cstm.nav-pills .show>.nav-link {
  background: linear-gradient(272.94deg, #2e768d 2.53%, #1b6379 105.9%);
  border-radius: 10px;
  color: #fff5d9;
  font-weight: 600;
}

#pills-tab-cstm .nav-link {
  color: #000000;
  font-weight: 600;
}

.bg-c-lavender {
  background-color: #d4f0f6;
}

.bg-c-lavender-blush {
  background-color: #ffe0eb;
}

.bg-c-alice-blue {
  background-color: #e7edff;
}

.bg-c-cosmic-latte {
  background-color: #d4f0f6;
}

.bg-c-lavender,
.bg-c-lavender-blush,
.bg-c-alice-blue,
.bg-c-cosmic-latte {
  border-radius: 18px;
}

.card-1 h6.card-title {
  font-size: 14px;
}

.btncustom {
  background-color: #2c748b !important;
  color: white !important;
}

.no-border-bottom th {
  border-bottom-width: 0 !important;
}

.parent-icon .icon path {
  fill: #2c748b;
}

/* ng-select main styling fix */
.ng-select {
  width: 400px !important;
  position: relative;
  /* z-index: 1060 !important; */
}

/* Dropdown panel styling */
.ng-dropdown-panel {
  background-color: #fff !important;
  z-index: 9 !important;
  border: 1px solid #ccc !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  max-height: 300px;
  overflow-y: auto;
}

/* Dropdown item hover & selected */
.ng-dropdown-panel .ng-option {
  padding: 10px;
  cursor: pointer;
}

.ng-dropdown-panel .ng-option:hover,
.ng-dropdown-panel .ng-option-selected {
  background-color: #f1f1f1 !important;
  color: #000 !important;
}

/* Fix clipping from parent container */
.ng-select,
.ng-select .ng-select-container {
  overflow: visible !important;
}

.table-wrapper {
  overflow-x: auto;
}

.education-table {
  font-size: 0.95rem;
  white-space: nowrap;
  width: 100%;
}

.education-table thead.edu-thead {
  background-color: #e7f2f4;
  color: #2e7a91;
  font-weight: 600;
}

.education-table th,
.education-table td {
  vertical-align: middle;
  text-align: center;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

.readonly-input {
  background-color: #f1f9f9;
  border: 1px solid #d9e4e6;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 0.9rem;
}

.readonly-dropdown {
  background-color: #eaeaea;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.edu-thead tr th {
  background-color: #e7f2f4 !important;
  color: #2e7a91 !important;
  border-radius: 0px !important;
}