@import url("../libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css");
@import url("../css/icons.min.css");
@import url("../css/flaticon.css");
@import url("../css/jquery-ui.css");
@import url("../css/fontawesome-all.css");
@import url("../css/animate.css");
@import url("../libs/Inte_Tel_Code/css/intlTelInput.css");
@import url("../libs/summernote/summernote.min.css");
@import url("../libs/select2/css/select2.min.css");
@import url("../libs/bootstrap-rating/bootstrap-rating.css");
@import url("../css/owl.css");
@import url("../css/swiper.css");
@import url("../css/jquery.bootstrap-touchspin.css");
@import url("../css/jquery.mCustomScrollbar.min.css");
@import url("../css/jquery.fancybox.min.css");
@import url("../libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css");
@import url("../libs/bootstrap-timepicker/css/bootstrap-timepicker.min.css");
@import url("../libs/flatbicker/flatpickr.min.css");
@import url("../libs/toastr/build/toastr.min.css");
@font-face {
  font-family: din_L;
  src: url("../font/PingAR_LT_Light.otf") format("truetype");
}
@font-face {
  font-family: din_M;
  src: url("../font/PingAR_LT_Medium.otf") format("truetype");
}
@font-face {
  font-family: din_B;
  src: url("../font/PingAR_LT_Bold.otf") format("truetype");
}
@font-face {
  font-family: din_R;
  src: url("../font/PingAR_LT_Regular.otf") format("truetype");
}
@font-face {
  font-family: din_AB;
  src: url("../font/PingAR_LT_Black.otf") format("truetype");
}
@font-face {
  font-family: din_AH;
  src: url("../font/PingAR_LT_Heavy.otf") format("truetype");
}
@font-face {
  font-family: din_UL;
  src: url("../font/DIN_ULTRALIGHT.otf") format("truetype");
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  direction: ltr;
  text-align: start;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: din_M;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #029FF9;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: din_M;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: din_M;
}

p, .text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::selection {
  background: #029FF9;
  color: #ffffff;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::-webkit-selection {
  background: #029FF9;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  /* z-index: 99; */
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #029FF9;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000000000000;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #029FF9;
  display: none;
  border-radius: 8px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #029FF9;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/***

====================================================================
		Styled Pagination
====================================================================

***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  width: 48px;
  height: 48px;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 50%;
  border-bottom: 0px solid #029FF9;
  transition: all 300ms ease;
  border: 1px solid #F0F0F0;
  font-family: "din_R";
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #ffffff !important;
  background: #DD8C18 !important;
  border: 1px solid #DD8C18 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: #BAF8DF;
  border: 1px solid #BAF8DF;
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #0D7D50 !important;
  border: 1px solid #0D7D50 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

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

.form-group label {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_M";
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}

.inputIcreaseDecrse_style_2 .number-spinner {
  position: relative;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  left: 0;
  width: 45px;
  top: auto;
  bottom: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-start;
  justify-content: center;
  color: #029FF9;
  padding-top: 5px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  right: auto;
  left: 0;
  width: 45px;
  top: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-end;
  justify-content: center;
  color: #029FF9;
  padding-bottom: 5px;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 50px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 120px;
  font-size: 16px;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #898989;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #898989;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 24px;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 15px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool] + label {
  background-color: #f46a6a;
}

input[switch=bool] + label:before,
input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #34c38f;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #556ee6;
}

input[switch=success]:checked + label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked + label {
  background-color: #50a5f1;
}

input[switch=warning]:checked + label {
  background-color: #f1b44c;
}

input[switch=danger]:checked + label {
  background-color: #f46a6a;
}

input[switch=dark]:checked + label {
  background-color: #343a40;
}

input[switch=dark]:checked + label:before {
  color: #eff2f7;
}

input[switch] + label {
  height: 32px;
  width: 51px;
  background-color: #F0F0F0;
}

input[switch] + label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked + label:after {
  left: 3px;
  background-color: #fff;
}

input[switch] + label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}
.withswitchbtnn label {
  height: 32px;
  width: 51px;
}
.withswitchbtnn input[switch] + label {
  background: #f1f1f1;
}
.withswitchbtnn input[switch]:checked + label {
  background: #5EBE90;
}
.withswitchbtnn input[switch] + label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #8D8D8D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}
.withswitchbtnn input[switch]:checked + label:after {
  left: 4px;
  background-color: #fff;
}

.datepicker {
  border-radius: 4px;
  direction: rtl;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  z-index: 99999 !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.datepicker td, .datepicker th {
  height: 35px;
  width: 35px;
  border-radius: 0;
  font-family: "din_R";
  font-size: 15px;
}

.datepicker table tr td.selected, .datepicker table tr td.range-start {
  background: #029FF9 !important;
}

.datepicker table tr td.range {
  background: rgba(2, 159, 249, 0.08) !important;
  color: #029FF9;
}

.datepicker table tr td.range-end {
  background-color: #029FF9 !important;
}

.datepicker .datepicker-switch {
  pointer-events: none;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #029FF9, #029FF9);
  text-shadow: none;
}

.toast {
  min-width: 300px;
  padding-inline-end: 15px !important;
}

#toast-container > .toast-error {
  background-image: url(../images/Coursale/close_not.png) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container > div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-error {
  background: #E2080C;
}

#toast-container > .toast-success {
  background-image: url(../images/Coursale/checkbox-circle-line.svg) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-success {
  background: #5EBE90;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 13px 35px;
  font-weight: 500;
  background-color: #252525;
  border: 2px solid #252525;
  overflow: hidden;
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.btn-style-one .btn-title {
  position: relative;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-one:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #5EBE90;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #EA4335;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #EA4335;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green*/
.btn-style-green {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 150px;
  font-weight: 500;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green .btn-title {
  position: relative;
}

.btn-style-green img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-green:hover img {
  filter: none;
}

.btn-style-green:hover {
  color: #5EBE90;
}

.btn-style-green:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green light*/
.btn-style-green-light {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #5EBE90;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light .btn-title {
  position: relative;
}

.btn-style-green-light img {
  margin-left: 5px;
}

.btn-style-green-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-green-light:hover {
  color: #FFFFFF !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #029FF9;
  border: 1px solid #029FF9;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 16px;
  color: #029FF9;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #029FF9;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 13px 40px;
  font-weight: 400;
  overflow: hidden;
  background-color: #029FF9;
  border: 2px solid #029FF9;
  transition: all 300ms linear;
}

.btn-style-four:hover {
  color: #029FF9;
  background-color: #222222;
  border: 2px solid #222222;
  -ms-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  -o-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 13px 35px;
  font-weight: 500;
  background-color: #252525;
  border: 2px solid #252525;
  overflow: hidden;
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.btn-style-one .btn-title {
  position: relative;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-one:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #5EBE90;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #EA4335;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #EA4335;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green*/
.btn-style-green {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 150px;
  font-weight: 500;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green .btn-title {
  position: relative;
}

.btn-style-green img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-green:hover img {
  filter: none;
}

.btn-style-green:hover {
  color: #5EBE90;
}

.btn-style-green:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green light*/
.btn-style-green-light {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #5EBE90;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light .btn-title {
  position: relative;
}

.btn-style-green-light img {
  margin-left: 5px;
}

.btn-style-green-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-green-light:hover {
  color: #FFFFFF !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #029FF9;
  border: 1px solid #029FF9;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 16px;
  color: #029FF9;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #029FF9;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 13px 40px;
  font-weight: 400;
  overflow: hidden;
  background-color: #029FF9;
  border: 2px solid #029FF9;
  transition: all 300ms linear;
}

.btn-style-four:hover {
  color: #029FF9;
  background-color: #222222;
  border: 2px solid #222222;
  -ms-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  -o-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
}

@font-face {
  font-family: din_L;
  src: url("../font/PingAR_LT_Light.otf") format("truetype");
}
@font-face {
  font-family: din_M;
  src: url("../font/PingAR_LT_Medium.otf") format("truetype");
}
@font-face {
  font-family: din_B;
  src: url("../font/PingAR_LT_Bold.otf") format("truetype");
}
@font-face {
  font-family: din_R;
  src: url("../font/PingAR_LT_Regular.otf") format("truetype");
}
@font-face {
  font-family: din_AB;
  src: url("../font/PingAR_LT_Black.otf") format("truetype");
}
@font-face {
  font-family: din_AH;
  src: url("../font/PingAR_LT_Heavy.otf") format("truetype");
}
@font-face {
  font-family: din_UL;
  src: url("../font/DIN_ULTRALIGHT.otf") format("truetype");
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  direction: ltr;
  text-align: start;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: din_M;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #029FF9;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: din_M;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: din_M;
}

p, .text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::selection {
  background: #029FF9;
  color: #ffffff;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::-webkit-selection {
  background: #029FF9;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  /* z-index: 99; */
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #029FF9;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000000000000;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #029FF9;
  display: none;
  border-radius: 8px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #029FF9;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/***

====================================================================
		Styled Pagination
====================================================================

***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  width: 48px;
  height: 48px;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 50%;
  border-bottom: 0px solid #029FF9;
  transition: all 300ms ease;
  border: 1px solid #F0F0F0;
  font-family: "din_R";
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #ffffff !important;
  background: #DD8C18 !important;
  border: 1px solid #DD8C18 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: #BAF8DF;
  border: 1px solid #BAF8DF;
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #0D7D50 !important;
  border: 1px solid #0D7D50 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

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

.form-group label {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_M";
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}

.inputIcreaseDecrse_style_2 .number-spinner {
  position: relative;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  left: 0;
  width: 45px;
  top: auto;
  bottom: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-start;
  justify-content: center;
  color: #029FF9;
  padding-top: 5px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  right: auto;
  left: 0;
  width: 45px;
  top: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-end;
  justify-content: center;
  color: #029FF9;
  padding-bottom: 5px;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 50px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 120px;
  font-size: 16px;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #898989;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #898989;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 24px;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 15px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool] + label {
  background-color: #f46a6a;
}

input[switch=bool] + label:before,
input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #34c38f;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #556ee6;
}

input[switch=success]:checked + label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked + label {
  background-color: #50a5f1;
}

input[switch=warning]:checked + label {
  background-color: #f1b44c;
}

input[switch=danger]:checked + label {
  background-color: #f46a6a;
}

input[switch=dark]:checked + label {
  background-color: #343a40;
}

input[switch=dark]:checked + label:before {
  color: #eff2f7;
}

input[switch] + label {
  height: 32px;
  width: 51px;
  background-color: #F0F0F0;
}

input[switch] + label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked + label:after {
  left: 3px;
  background-color: #fff;
}

input[switch] + label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}
.withswitchbtnn label {
  height: 32px;
  width: 51px;
}
.withswitchbtnn input[switch] + label {
  background: #f1f1f1;
}
.withswitchbtnn input[switch]:checked + label {
  background: #5EBE90;
}
.withswitchbtnn input[switch] + label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #8D8D8D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}
.withswitchbtnn input[switch]:checked + label:after {
  left: 4px;
  background-color: #fff;
}

.datepicker {
  border-radius: 4px;
  direction: rtl;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  z-index: 99999 !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.datepicker td, .datepicker th {
  height: 35px;
  width: 35px;
  border-radius: 0;
  font-family: "din_R";
  font-size: 15px;
}

.datepicker table tr td.selected, .datepicker table tr td.range-start {
  background: #029FF9 !important;
}

.datepicker table tr td.range {
  background: rgba(2, 159, 249, 0.08) !important;
  color: #029FF9;
}

.datepicker table tr td.range-end {
  background-color: #029FF9 !important;
}

.datepicker .datepicker-switch {
  pointer-events: none;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #029FF9, #029FF9);
  text-shadow: none;
}

.toast {
  min-width: 300px;
  padding-inline-end: 15px !important;
}

#toast-container > .toast-error {
  background-image: url(../images/Coursale/close_not.png) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container > div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-error {
  background: #E2080C;
}

#toast-container > .toast-success {
  background-image: url(../images/Coursale/checkbox-circle-line.svg) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-success {
  background: #5EBE90;
}

.main-header {
  position: fixed;
  left: 0;
  top: 30px;
  width: 100%;
  z-index: 99999;
  transition: all 300ms ease;
}

.main-header.fixed-header {
  top: 0;
  position: fixed;
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  z-index: 9999999;
}

.header-style-two.fixed-header .main-box {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.main-header .main-box {
  position: relative;
  padding: 10px 0px;
}

.main-header .logo-box {
  position: relative;
  float: left;
  padding: 5px 0;
}

.main-header .outer-box {
  position: relative;
  float: right;
  align-items: center;
  display: flex;
  gap: 8px;
}

.main-header .btn-box {
  position: relative;
  float: right;
  margin-left: 20px;
  padding: 8px 0;
}

.nav-toggler {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 8px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #029FF9;
  transition: transform 0.2s;
}

.nav-toggler span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 25px;
  height: 3px;
  background-color: #ffffff;
}

.nav-toggler span::before, .nav-toggler span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.2s, width 0.2s;
}

.nav-toggler span::before {
  transform-origin: right top;
  transform: translateY(-8px);
}

.nav-toggler span::after {
  transform-origin: right bottom;
  transform: translateY(8px);
}

/*Search Box Widget*/
.main-header .search-box {
  position: relative;
  float: left;
  margin-left: 20px;
  padding: 8px 0;
}

.main-header .search-box .search-btn {
  position: relative;
  display: block;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  padding: 0;
  border-radius: 50%;
  background-color: transparent;
}

.main-header .cart-btn {
  position: relative;
  float: left;
  padding: 8px 0;
}

.main-header .cart-btn:before {
  position: absolute;
  left: 0;
  top: 100%;
  height: 100%;
  width: 100%;
  content: "";
  visibility: hidden;
  box-shadow: none !important;
}

.main-header .cart-btn button {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  background-color: transparent;
  line-height: 40px;
  font-size: 28px;
  font-weight: 500;
  color: #ffffff;
  z-index: 9;
}

.main-header .cart-btn .count {
  position: absolute;
  right: 0px;
  top: 4px;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 50%;
}

.main-header .badge {
  background-color: #dddddd;
  border-radius: 8px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.main-header .shopping-cart {
  position: absolute;
  margin: 20px 0;
  right: 0;
  background: #222222;
  width: 300px;
  border-radius: 8px;
  padding: 20px;
  max-height: 450px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transform-origin: top right;
  transition: all 300ms ease;
}

.main-header .cart-btn:hover:before,
.main-header .cart-btn:hover .shopping-cart {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.main-header .shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #444444;
  padding-bottom: 15px;
}

.main-header .shopping-cart .shopping-cart-total {
  float: right;
  font-size: 15px;
  line-height: 30px;
  color: #dddddd;
}

.main-header .shopping-cart .shopping-cart-total .lighter-text {
  font-size: 15px;
  line-height: 30px;
  color: #aaaaaa;
}

.main-header .shopping-cart .shopping-cart-items {
  padding-top: 20px;
}

.main-header .shopping-cart .shopping-cart-items li {
  position: relative;
  margin-bottom: 18px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  background-color: #252525;
}

.main-header .shopping-cart .shopping-cart-items img {
  float: left;
  margin-right: 12px;
}

.main-header .shopping-cart .shopping-cart-items .item-name {
  display: block;
  padding-top: 7px;
  font-size: 17px;
  color: #ffffff;
}

.main-header .shopping-cart .shopping-cart-items .item-price {
  color: #029FF9;
  margin-right: 8px;
}

.main-header .shopping-cart .shopping-cart-items .item-quantity {
  color: #dddddd;
}

.main-header .shopping-cart .shopping-cart-items .product-detail {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.main-header .shopping-cart .cart-icon {
  color: #dddddd;
  font-size: 22px;
  margin-right: 7px;
  float: left;
}

.main-header .shopping-cart .theme-btn {
  display: block;
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.main-header .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.main-header .mCSB_scrollTools {
  opacity: 0 !important;
}

.main-menu {
  position: relative;
  float: left;
}

.main-menu .navbar-header {
  display: none;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

/***

====================================================================
	Sidenav Bar
====================================================================

***/
.sidenav-bar {
  position: fixed;
  right: 0px;
  top: 0;
  max-width: 100%;
  height: 100%;
  width: 20%;
  background-color: #252525;
  margin: 0 auto;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 300ms ease;
  transform: scaleX(0);
  transform-origin: right;
}

.sidenav-bar .nav-logo {
  position: relative;
  padding: 30px 20px;
  text-align: left;
}

.sidenav-bar .nav-logo img {
  max-width: 200px;
}

.sidenav-bar-visible {
  transition: all 500ms ease;
}

.sidenav-bar-visible .sidenav-bar {
  opacity: 1;
  right: 0;
  transform: scale(1);
  visibility: visible;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  transition: all 300ms ease;
  z-index: 99999999;
}

.sidenav-bar-visible header {
  width: 80%;
}

.sidenav-bar-visible main {
  width: 80%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.sidenav-bar .menu-box {
  position: relative;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: top right;
  transition: all 200ms ease;
}

.sidenav-bar-visible .sidenav-bar .menu-box {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.sidenav-bar .close-btn {
  position: absolute;
  right: 10px;
  top: 15px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
  transform: translateY(-50px);
}

.sidenav-bar-visible .sidenav-bar .close-btn {
  transform: translateY(0px);
  transition: all 500ms ease;
}

.sidenav-bar .close-btn:hover {
  opacity: 0.5;
}

.sidenav-bar .side-nav {
  position: relative;
  margin-top: 24%;
}

.sidenav-bar .navigation {
  position: relative;
  display: block;
  margin: 0 20px;
  overflow: hidden;
}

.sidenav-bar .navigation > li {
  position: relative;
  display: block;
  left: 100%;
  margin-bottom: 5px;
  transition: all 300ms ease;
}

.sidenav-bar-visible .sidenav-bar .navigation > li {
  left: 0;
  transition-delay: 200ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(2) {
  transition-delay: 300ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(3) {
  transition-delay: 400ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(4) {
  transition-delay: 500ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(5) {
  transition-delay: 600ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(6) {
  transition-delay: 700ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(7) {
  transition-delay: 800ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(8) {
  transition-delay: 900ms;
}

.sidenav-bar-visible .sidenav-bar .navigation > li:nth-child(9) {
  transition-delay: 1000ms;
}

.sidenav-bar .navigation li > a {
  position: relative;
  display: block;
  line-height: 20px;
  padding: 15px 20px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0.02em;
  margin-bottom: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  transition: all 300ms ease;
}

.sidenav-bar .navigation li ul li a img {
  height: 24px;
  margin-left: 4px;
}

.sidenav-bar .navigation > li > a {
  font-weight: 400;
  letter-spacing: 0.08em;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
}

.sidenav-bar .navigation li:hover > a,
.sidenav-bar .navigation li.current > a {
  color: #029FF9;
}

.sidenav-bar .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 50px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  transition: all 300ms ease;
}

.sidenav-bar .navigation li.dropdown .dropdown-btn.active .fa:before {
  display: inline-block;
  position: relative;
  content: "\f068";
  transform: rotate(180deg);
  transition: all 300ms ease;
}

.sidenav-bar .navigation li > ul,
.sidenav-bar .navigation li > ul > li > ul {
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}

.sidenav-bar .contact-info-box {
  position: relative;
  padding: 0 30px;
  margin-top: 40px;
}

.sidenav-bar .contact-info-box .info-box {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
}

.sidenav-bar .contact-info-box .info-box .icon-box {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #ffffff;
  line-height: 40px;
}

.sidenav-bar .contact-info-box .info-box strong {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.sidenav-bar .contact-info-box .info-box p {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.sidenav-bar .contact-info-box .info-box p a {
  color: #ffffff;
  display: inline-block;
  transition: all 300ms ease;
}

.sidenav-bar .contact-info-box .info-box p a:hover {
  color: #029FF9;
}

/*===============================================
		Header Style Two
================================================*/
.header-span {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
}

.header-style-two {
  position: fixed;
  background-color: transparent;
  top: 0;
}

.header-style-two .logo-outer {
  position: relative;
  float: left;
}

.header-style-two .logo {
  position: relative;
}

.header-style-two .logo img {
  position: relative;
  max-width: 100%;
  height: auto;
}

.header-style-two .nav-outer {
  position: relative;
  float: right;
}

.header-style-two .main-box {
  position: relative;
  left: 0px;
  top: 0px;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1019607843);
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.main-menu {
  position: relative;
  float: left;
}

.main-menu .navbar-header {
  display: none;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  margin-right: 50px;
  transition: all 300ms ease;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 15px 0;
  opacity: 1;
  text-align: center;
  font-family: din_M;
  transition: all 300ms ease;
}

.main-menu .navigation > li > a img {
  margin-right: 5px;
}

.main-menu .navigation > li > a span {
  margin: 0 5px;
  font-family: "din_L";
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
  color: #029FF9;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #292929;
  line-height: 20px;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 110%;
  width: 220px;
  padding: 10px 24px;
  z-index: 100;
  background: #fff;
  margin-top: 10px;
  border-radius: 8px;
  transition: all 200ms linear;
  opacity: 1;
  border: 1px solid #f9f9f9;
}

.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #F0F0F0;
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none !important;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0px;
  line-height: 24px;
  font-weight: 400;
  font-family: din_R;
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  border: 0px solid transparent;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > a img {
  margin-left: 5px;
  height: 24px;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: #029FF9 !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 900;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 110%;
  top: 0%;
  width: 200px;
  padding: 0px 0px;
  z-index: 100;
  background: rgba(47, 46, 50, 0.9);
  transition: all 200ms linear;
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 20px;
  line-height: 24px;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
  text-transform: capitalize;
  border-left: 4px solid transparent;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: #ffffff;
  background: #222222;
  border-left: 4px solid #029FF9;
}

.main-menu .navigation > li.dropdown:hover > ul {
  transition: all 300ms linear;
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  position: relative;
  float: right;
}

.header-style-two .outer-box .btn-box {
  display: none;
}

.main-header .NotificationBTN .Noti-btn {
  position: relative;
  display: block;
  height: 56px;
  width: 56px;
  background: rgba(255, 255, 255, 0.1019607843);
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  color: #FFFFFF;
  padding: 0;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}

.main-header .NotificationBTN .Noti-btn img {
  filter: grayscale(100) brightness(100);
}

.main-header .NotificationBTN .Noti-btn:hover {
  background: #5EBE90;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  color: #fff;
}

.main-header .NotificationBTN .Noti-btn:hover img {
  filter: grayscale(100) brightness(100);
}

.main-header .NotificationBTN .Noti-btn .ContNot {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 25px;
  width: 25px;
  background: #EA4335;
  display: block;
  line-height: 22px;
  font-family: "din_R";
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
}

.MyAccount .header-item {
  display: block;
  height: 56px;
  padding: 8px 8px;
  border-radius: 8px;
  color: #FFFFFF;
  width: -moz-max-content;
  width: max-content;
  font-size: 16px;
  position: relative;
  top: 0px;
  margin: 0 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  background: rgba(255, 255, 255, 0.1019607843);
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
}

.MyAccount .header-item .iconAccount {
  margin-left: 5px;
  border-radius: 8px;
}

.MyAccount .header-item span {
  margin-left: 5px;
}

.MyAccount .header-item i {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  transform: scale(1.5);
  position: relative;
  top: 3px;
  left: -2px;
  color: #002de7;
  font-size: 20px;
}

.MyAccount .dropdown-menu {
  width: 229px;
  left: 0px !important;
  top: 15px !important;
  border-radius: 8px;
  padding: 0px;
  padding-bottom: 0;
  padding-top: 15px;
  overflow: hidden;
  border: none;
  border: 1px solid #F0F0F0;
}

.MyAccount .dropdown-menu .dropdown-item {
  direction: rtl;
  text-align: right;
  padding: 15px 5px;
  font-size: 16px;
  color: #1F1D20;
  font-weight: 400;
  font-family: din_R;
  margin-bottom: 5px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin: 0 20px;
  transition: all 0.4s ease-in-out;
  font-weight: 400;
  width: calc(100% - 40px);
}

.bt-0 {
  border-top: 0 !important;
}

.MyAccount .dropdown-menu .dropdown-item .COunt {
  color: #029FF9;
}

.MyAccount .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.MyAccount .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0px !important;
  padding-bottom: 18px;
  margin: auto;
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% - 30px);
  text-align: start;
  background: #E2080C;
  border-top: 0;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFFFFF !important;
  padding: 0;
  line-height: 52px;
  margin-top: 10px;
}

.MyAccount .dropdown-menu .dropdown-item img {
  margin-left: 7px;
}

.MyAccount .dropdown-item:focus, .MyAccount .dropdown-item:hover {
  background: none;
  color: #029FF9 !important;
}

.MyAccount .dropdown-menu .dropdown-item:last-child:hover {
  color: #FFFFFF !important;
}

.MyAccount .HederInfo {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 15px;
  margin-bottom: 20px;
}

.MyAccount .HederInfo .ImageVector {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.MyAccount .HederInfo .ImageVector img {
  display: block;
  width: 100%;
  height: 100%;
}

.MyAccount .HederInfo .UserData {
  text-align: start;
}

.MyAccount .HederInfo .UserData h2 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0px;
}

.MyAccount .HederInfo .UserData p {
  color: #898989;
  font-size: 13px;
  font-weight: 400;
  font-family: "din_R";
  line-height: 16px;
  margin-bottom: 4px;
}

.main-header .NotificationBTN .dropdown-menu {
  left: 0 !important;
  right: auto !important;
  float: right;
  text-align: right;
  margin-top: 15px !important;
  padding: 0px;
  background: #FFFFFF;
  border: 0px solid #f9f9f9;
  box-shadow: none;
  border-radius: 8px 8px 10px 10px;
}

.width_444 {
  width: 444px;
}

.NotificationBTN .dropdown-menu .nav {
  padding: 24px;
  border: 0;
  padding-bottom: 0px;
  padding-top: 15px;
}

.NotificationBTN .dropdown-menu .nav .nav-item .nav-link {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
  border: 0;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 20px;
  background: transparent;
}

.NotificationBTN .dropdown-menu .nav .nav-item .nav-link span {
  color: #029FF9;
  margin: 0 5px;
}

.NotificationBTN .dropdown-menu .nav .nav-item .active {
  border-bottom: 1px solid #029FF9;
  color: #000;
}

.NotificationBTN .NotificationItems {
  padding: 24px;
  border: 0;
  padding-bottom: 32px;
  max-height: 400px;
  overflow: auto;
}

.NotificationBTN .NotificationItems::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #ffffff;
}

.NotificationBTN .NotificationItems::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #f9f9f9;
}

.NotificationBTN .NotificationItems .NotIItem {
  display: flex;
  align-items: self-start;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.NotificationBTN .NotificationItems .NotIItem:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.NotificationBTN .NotificationItems .NotIItem .Icon {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
}

.NotificationBTN .NotificationItems .NotIItem .Icon .Main_Image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.NotificationBTN .NotificationItems .NotIItem .Icon .SmallImage {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti {
  display: block;
  width: calc(100% - 68px);
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_M";
  line-height: 20px;
  margin-bottom: 5px;
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti p strong {
  color: #000;
  font-weight: 500;
  font-family: "din_B";
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti p span {
  color: #5EBE90;
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti .TimeSend {
  color: #898989;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: block;
  font-family: "din_R";
}

.NotificationBTN .NotificationItems .NotIItem .DataNoti .Internal_LinkNot {
  color: #029FF9;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  font-family: din_M;
  margin-bottom: 5px;
}

.NotificationBTN .NotificationItems .NotIItem .FlowersImages {
  margin-bottom: 5px;
}

.NotificationBTN .NotificationItems .NotIItem .FlowersImages .flowerItem {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-left: -10px;
}

.NotificationBTN .NotificationItems .NotIItem .FlowersImages .flowerItem img {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.NotificationBTN .NotificationItems .NotIItem .FlowersImages .flowerItem span {
  display: block;
  width: 32px;
  height: 32px;
  background: #5EBE90;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  direction: ltr;
}

.NotificationBTN .ShowAllItems a {
  display: block;
  width: 100%;
  height: 56px;
  background: #5EBE90;
  border-radius: 0 0 8px 8px;
  color: #fff;
  direction: ltr;
  line-height: 56px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_M";
}

.NotificationBTN .ShowAllItems a img {
  margin-left: 5px;
}

.NotificationBTN .AllChats {
  padding: 24px;
  border: 0;
  padding-bottom: 24px;
  max-height: 400px;
  overflow: auto;
  border-radius: 8px;
  margin-top: 5px;
}

.NotificationBTN .AllChats::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #ffffff;
}

.NotificationBTN .AllChats::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #f9f9f9;
}

.NotificationBTN .AllChats .ChateItem {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.NotificationBTN .AllChats .ChateItem:first-child {
  padding-top: 0;
}

.NotificationBTN .AllChats .ChateItem:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.NotificationBTN .AllChats .ChateItem .chatData {
  display: flex;
  align-items: self-start;
  gap: 15px;
}

.NotificationBTN .AllChats .ChateItem .chatData .chatIcon img {
  display: block;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}

.NotificationBTN .AllChats .ChateItem .chatData .ChatInfo h2 {
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.NotificationBTN .AllChats .ChateItem .chatData .ChatInfo p {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}

.NotificationBTN .AllChats .ChateItem .chatData .ChatInfo p span {
  margin: 0 5px;
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}

.NotificationBTN .AllChats .ChateItem .chatTime {
  line-height: 20px;
}

.NotificationBTN .AllChats .ChateItem .chatTime span {
  line-height: 20px;
  font-size: 14px;
  color: #898989;
  font-weight: 400;
  font-family: "din_L";
}

/*************/
.cartShoping_Btn .width_380 {
  width: 380px;
  box-shadow: 0 0 5px #eee;
  border: 1px solid #eee !important;
}
.cartShoping_Btn .cartItems {
  padding: 24px;
  border-radius: 8px;
}
.cartShoping_Btn .cartItems .itemCart {
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.cartShoping_Btn .cartItems .itemCart .image {
  width: 108px;
  height: 108px;
  overflow: hidden;
  display: block;
  border-radius: 8px;
}
.cartShoping_Btn .cartItems .itemCart .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData {
  display: block;
  width: calc(100% - 132px);
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData .Titlee {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #000;
  text-align: justify;
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData .UserName {
  color: #8D8D8D;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0;
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData .Price {
  font-size: 16px;
  font-weight: 400;
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData .Price strong {
  color: #000;
  font-weight: 700;
  margin: 0 5px;
}
.cartShoping_Btn .cartItems .itemCart .ItemCartData .Price .OldPrice {
  color: #8D8D8D;
  text-decoration: line-through;
}
.cartShoping_Btn .cartItems .TotalPrice {
  text-align: center;
}
.cartShoping_Btn .cartItems .TotalPrice h2 {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.cartShoping_Btn .cartItems .TotalPrice h2 span {
  color: #8D8D8D;
  font-size: 16px;
  text-decoration: line-through;
  font-weight: 600;
}
.cartShoping_Btn .cartItems .theme-btn {
  width: 100%;
  margin-top: 24px;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 13px 35px;
  font-weight: 500;
  background-color: #252525;
  border: 2px solid #252525;
  overflow: hidden;
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.btn-style-one .btn-title {
  position: relative;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-one:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #5EBE90;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #EA4335;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #EA4335;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green*/
.btn-style-green {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 150px;
  font-weight: 500;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green .btn-title {
  position: relative;
}

.btn-style-green img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-green:hover img {
  filter: none;
}

.btn-style-green:hover {
  color: #5EBE90;
}

.btn-style-green:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green light*/
.btn-style-green-light {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #5EBE90;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light .btn-title {
  position: relative;
}

.btn-style-green-light img {
  margin-left: 5px;
}

.btn-style-green-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-green-light:hover {
  color: #FFFFFF !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #029FF9;
  border: 1px solid #029FF9;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 16px;
  color: #029FF9;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #029FF9;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 13px 40px;
  font-weight: 400;
  overflow: hidden;
  background-color: #029FF9;
  border: 2px solid #029FF9;
  transition: all 300ms linear;
}

.btn-style-four:hover {
  color: #029FF9;
  background-color: #222222;
  border: 2px solid #222222;
  -ms-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  -o-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
}

@font-face {
  font-family: din_L;
  src: url("../font/PingAR_LT_Light.otf") format("truetype");
}
@font-face {
  font-family: din_M;
  src: url("../font/PingAR_LT_Medium.otf") format("truetype");
}
@font-face {
  font-family: din_B;
  src: url("../font/PingAR_LT_Bold.otf") format("truetype");
}
@font-face {
  font-family: din_R;
  src: url("../font/PingAR_LT_Regular.otf") format("truetype");
}
@font-face {
  font-family: din_AB;
  src: url("../font/PingAR_LT_Black.otf") format("truetype");
}
@font-face {
  font-family: din_AH;
  src: url("../font/PingAR_LT_Heavy.otf") format("truetype");
}
@font-face {
  font-family: din_UL;
  src: url("../font/DIN_ULTRALIGHT.otf") format("truetype");
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  direction: ltr;
  text-align: start;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: din_M;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #029FF9;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: din_M;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: din_M;
}

p, .text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::selection {
  background: #029FF9;
  color: #ffffff;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::-webkit-selection {
  background: #029FF9;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  /* z-index: 99; */
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #029FF9;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000000000000;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #029FF9;
  display: none;
  border-radius: 8px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #029FF9;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/***

====================================================================
		Styled Pagination
====================================================================

***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  width: 48px;
  height: 48px;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 50%;
  border-bottom: 0px solid #029FF9;
  transition: all 300ms ease;
  border: 1px solid #F0F0F0;
  font-family: "din_R";
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #ffffff !important;
  background: #DD8C18 !important;
  border: 1px solid #DD8C18 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: #BAF8DF;
  border: 1px solid #BAF8DF;
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #0D7D50 !important;
  border: 1px solid #0D7D50 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

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

.form-group label {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_M";
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}

.inputIcreaseDecrse_style_2 .number-spinner {
  position: relative;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  left: 0;
  width: 45px;
  top: auto;
  bottom: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-start;
  justify-content: center;
  color: #029FF9;
  padding-top: 5px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  right: auto;
  left: 0;
  width: 45px;
  top: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-end;
  justify-content: center;
  color: #029FF9;
  padding-bottom: 5px;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 50px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 120px;
  font-size: 16px;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #898989;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #898989;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 24px;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 15px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool] + label {
  background-color: #f46a6a;
}

input[switch=bool] + label:before,
input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #34c38f;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #556ee6;
}

input[switch=success]:checked + label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked + label {
  background-color: #50a5f1;
}

input[switch=warning]:checked + label {
  background-color: #f1b44c;
}

input[switch=danger]:checked + label {
  background-color: #f46a6a;
}

input[switch=dark]:checked + label {
  background-color: #343a40;
}

input[switch=dark]:checked + label:before {
  color: #eff2f7;
}

input[switch] + label {
  height: 32px;
  width: 51px;
  background-color: #F0F0F0;
}

input[switch] + label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked + label:after {
  left: 3px;
  background-color: #fff;
}

input[switch] + label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}
.withswitchbtnn label {
  height: 32px;
  width: 51px;
}
.withswitchbtnn input[switch] + label {
  background: #f1f1f1;
}
.withswitchbtnn input[switch]:checked + label {
  background: #5EBE90;
}
.withswitchbtnn input[switch] + label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #8D8D8D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}
.withswitchbtnn input[switch]:checked + label:after {
  left: 4px;
  background-color: #fff;
}

.datepicker {
  border-radius: 4px;
  direction: rtl;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  z-index: 99999 !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.datepicker td, .datepicker th {
  height: 35px;
  width: 35px;
  border-radius: 0;
  font-family: "din_R";
  font-size: 15px;
}

.datepicker table tr td.selected, .datepicker table tr td.range-start {
  background: #029FF9 !important;
}

.datepicker table tr td.range {
  background: rgba(2, 159, 249, 0.08) !important;
  color: #029FF9;
}

.datepicker table tr td.range-end {
  background-color: #029FF9 !important;
}

.datepicker .datepicker-switch {
  pointer-events: none;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #029FF9, #029FF9);
  text-shadow: none;
}

.toast {
  min-width: 300px;
  padding-inline-end: 15px !important;
}

#toast-container > .toast-error {
  background-image: url(../images/Coursale/close_not.png) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container > div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-error {
  background: #E2080C;
}

#toast-container > .toast-success {
  background-image: url(../images/Coursale/checkbox-circle-line.svg) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-success {
  background: #5EBE90;
}

.form-wizard-wrapper label {
  font-size: 14px;
  text-align: right;
}

.wizard .steps > ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding: 40px 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}

@media (max-width: 1199.98px) {
  .wizard .steps > ul {
    flex-direction: column;
  }
}
.wizard .steps > ul > a,
.wizard .steps > ul > li {
  flex-basis: 0;
  flex-grow: 1;
}

.wizard .steps > ul > li {
  width: 100%;
}

.wizard .steps > ul > li a {
  display: flex;
  padding-bottom: 32px;
  color: #495057;
  font-weight: 500;
  align-items: center;
  gap: 16px;
}

.wizard .steps > ul > li:nth-last-child(2) a {
  padding-bottom: 0;
}

.wizard .steps > ul > li:last-child {
  display: none;
}

.wizard .steps > ul .current-info {
  position: absolute;
  left: -999em;
}

.wizard .steps ul li a .Title .mainTitle {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

.wizard .steps ul li a .Title .sectitle {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}

.wizard .steps .number {
  display: inline-flex;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  color: #029FF9;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.wizard .steps .number .internal {
  width: 32px;
  height: 32px;
  line-height: 40px;
  display: block;
  background: #fff;
  border-radius: 50%;
  color: #029FF9;
}

.wizard .steps .current a,
.wizard .steps .current a:active,
.wizard .steps .current a:hover {
  color: #495057;
}

.wizard .steps .current a .number,
.wizard .steps .current a:active .number,
.wizard .steps .current a:hover .number {
  background-color: #fff;
  color: #fff;
  border: 2px solid #029FF9;
}

.wizard .steps .current a .number .internal {
  background: #029FF9;
  color: #029FF9;
}

.wizard .steps .done a .number,
.wizard .steps .done a:active .number,
.wizard .steps .done a:hover .number {
  background-color: #fff;
  color: #FFFFFF;
  border: 2px solid #5EBE90;
}

.wizard .steps .done a .number .internal {
  background: #5EBE90;
  color: #FFFFFF;
}

.wizard > .content {
  background-color: transparent;
  padding: 14px;
  margin-top: 0;
  border-radius: 0;
  min-height: 150px;
}

.wizard > .content > .title {
  position: absolute;
  left: -999em;
}

.wizard > .content > .body {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  position: static;
}

.wizard > .actions {
  position: absolute;
  display: block;
  text-align: right;
  width: -moz-max-content !important;
  width: max-content !important;
  left: 40px;
  top: 50px;
}

.wizard > .actions > ul {
  display: flex;
  text-align: right;
  padding-left: 0;
  gap: 8px;
}

.wizard > .actions > ul > li {
  display: inline-block;
  margin: 0;
}

.wizard .actions ul li .previous {
  height: 56px;
  width: 135px;
  background: #fff;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  line-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 16px;
  color: #029FF9;
}

.wizard .actions ul li .next {
  height: 56px;
  width: 135px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  border-radius: 8px;
  line-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 16px;
}
.wizard .actions ul li .next img {
  filter: brightness(100) grayscale(100);
  transform: rotate(180deg);
}

.wizard .actions ul li .finish {
  height: 56px;
  width: 135px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  border-radius: 8px;
  line-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 16px;
}
.wizard .actions ul li .finish img {
  filter: brightness(100) grayscale(100);
  transform: rotate(180deg);
}

.wizard .actions ul li.disabled {
  display: none !important;
}

.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover {
  background-color: #556ee6;
  border-radius: 4px;
  padding: 8px 15px;
  color: #fff;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:active,
.wizard > .actions .disabled a:hover {
  opacity: 0.65;
  background-color: #556ee6;
  color: #fff;
  cursor: not-allowed;
}

.wizard.vertical-wizard {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.wizard.vertical-wizard .steps > ul {
  flex-direction: column;
}

.wizard.vertical-wizard .steps > ul > li {
  width: 100% !important;
}

.wizard.vertical-wizard .actions,
.wizard.vertical-wizard .content,
.wizard.vertical-wizard .steps {
  width: 100%;
}

@media (min-width: 1200px) {
  .wizard.vertical-wizard .steps {
    width: 25%;
  }
}
.wizard.vertical-wizard .content {
  padding: 40px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  width: 70%;
  margin-right: 5%;
}

.wizard.vertical-wizard .content > .body {
  padding: 0;
}

.wizard.vertical-wizard .content .StepHeader .HeaderTitle {
  padding-bottom: 40px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 40px;
}
.wizard.vertical-wizard .content .StepHeader .HeaderTitle h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000;
}
.wizard.vertical-wizard .content .StepHeader .HeaderTitle p {
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
}

.wizard.vertical-wizard .content .DwraItemsType .DowraItem {
  height: 280px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 24px;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem label {
  height: 280px;
  padding: 32px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem label img {
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem label h2 {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem label p {
  color: #8D8D8D;
  font-size: 16px;
  line-height: 24px;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem input {
  display: none;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem.active {
  background: #029FF9;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem.active label img {
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem.active label h2 {
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .DwraItemsType .DowraItem.active label p {
  color: #ddd;
}
.wizard.vertical-wizard .content .DowraSelectedType {
  padding: 16px 24px;
  border-radius: 8px;
  background: #029FF9;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wizard.vertical-wizard .content .DowraSelectedType .DowraData {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wizard.vertical-wizard .content .DowraSelectedType .DowraData .icon img {
  display: block;
  width: 40px;
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DowraSelectedType .DowraData .DataContent h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 4px;
}
.wizard.vertical-wizard .content .DowraSelectedType .DowraData .DataContent p {
  font-family: "din_R";
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .DowraSelectedType .ChangeDowra .ChangeA {
  display: block;
  height: 50px;
  line-height: 50px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1215686275);
  color: #FFFFFF;
  font-size: 16px;
  padding: 0 24px;
}
.wizard.vertical-wizard .content .CustomTitle {
  margin-bottom: 32px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wizard.vertical-wizard .content .CustomTitle h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #000;
}
.wizard.vertical-wizard .content .CustomTitle .AddNewItem_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
}
.wizard.vertical-wizard .content .CustomTitle .AddNewItem_BTN span {
  margin-left: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .select2-container--focus {
  display: none;
}
.wizard.vertical-wizard .content .DawraOrders {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.wizard.vertical-wizard .content .DawraOrders .orderItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem:last-child {
  margin-bottom: 0;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem .OrdermenuIcon img {
  display: block;
  width: 24px;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem .OrderInput {
  flex-grow: 1;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem .OrderInput input {
  width: 100;
  padding: 10px;
  color: #8D8D8D;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem .DeleteOrderItem {
  background: none;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem .DeleteOrderItem img {
  display: block;
  width: 24px;
}
.wizard.vertical-wizard .content .DawraOrders .orderItem.error input {
  border: 2px solid #5EBE90;
}
.wizard.vertical-wizard .content .DawraOrders .AddNewwItem {
  margin-top: 16px;
}
.wizard.vertical-wizard .content .DawraOrders .AddNewwItem .AddNewItem_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
}
.wizard.vertical-wizard .content .DawraOrders .AddNewwItem .AddNewItem_BTN span {
  margin-inline-end: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .DawraStudentNeed {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem:last-child {
  margin-bottom: 0;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem .OrdermenuIcon img {
  display: block;
  width: 24px;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem .OrderInput {
  flex-grow: 1;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem .OrderInput input {
  width: 100;
  padding: 10px;
  color: #8D8D8D;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem .DeleteNeedItem {
  background: none;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem .DeleteNeedItem img {
  display: block;
  width: 24px;
}
.wizard.vertical-wizard .content .DawraStudentNeed .NeedItem.error input {
  border: 2px solid #5EBE90;
}
.wizard.vertical-wizard .content .DawraStudentNeed .AddNewwItemNeed {
  margin-top: 16px;
}
.wizard.vertical-wizard .content .DawraStudentNeed .AddNewwItemNeed .AddNewItemNeed_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
}
.wizard.vertical-wizard .content .DawraStudentNeed .AddNewwItemNeed .AddNewItemNeed_BTN span {
  margin-left: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .LanguageDropMenuSteper .header-item {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: ltr;
  text-align: end;
}
.wizard.vertical-wizard .content .LanguageDropMenuSteper .dropdown-menu {
  width: 100%;
}
.wizard.vertical-wizard .content .LanguageDropMenuSteper .dropdown-menu .dropdown-item {
  padding: 12px 8px;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem {
  margin-bottom: 24px;
  padding: 16px 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: rgba(2, 159, 249, 0.0588235294);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .InstructorData {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .InstructorData .Image {
  display: block;
  height: 56px;
  width: 56px;
  overflow: hidden;
  border-radius: 50%;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .InstructorData .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .InstructorData .dataContent h2 {
  color: #000;
  margin: 8px;
  font-weight: 700;
  font-size: 16px;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .InstructorData .dataContent p {
  font-size: 12px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .DeleteInstructor .DeleteInst {
  background: none;
}
.wizard.vertical-wizard .content .Instructors .InstructorItem .DeleteInstructor .DeleteInst img {
  display: inline-block;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem {
  margin-bottom: 24px;
  padding: 16px 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: rgba(2, 159, 249, 0.0588235294);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DocumentData {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DocumentData .Image {
  display: block;
  height: 32px;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DocumentData .Image img {
  display: block;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DocumentData .dataContent h2 {
  color: #000;
  margin: 8px;
  font-weight: 700;
  font-size: 16px;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DocumentData .dataContent p {
  font-size: 12px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DeleteDocument .DeleteInst {
  background: none;
}
.wizard.vertical-wizard .content .Documantss .DocumentItem .DeleteDocument .DeleteInst img {
  display: inline-block;
}
.wizard.vertical-wizard .content .UploadInput {
  padding: 15px;
}
.wizard.vertical-wizard .content .UploadInput .dz-message {
  padding-top: 50px;
  padding-bottom: 50px;
}
.wizard.vertical-wizard .content .UploadInput .DeleteImage {
  top: 15px;
  left: 15px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
  background: #029FF9;
  box-shadow: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button::after {
  content: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .rightSide {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .rightSide img {
  display: block;
  filter: grayscale(100) brightness(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .rightSide h2 {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide {
  gap: 16px;
  align-items: center;
  display: flex;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide .AcordinArrow img {
  filter: grayscale(100) brightness(100);
  transform: rotate(180deg);
  display: block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide .Buttons {
  gap: 16px;
  align-items: center;
  display: flex;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide .Buttons .BTN_Item {
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide .Buttons .BTN_Item img {
  filter: grayscale(100) brightness(100);
  display: block;
  height: 24px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide p {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button .leftSide p span {
  margin: 0 4px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background: rgba(2, 159, 249, 0.0588235294);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide h2 {
  color: #000;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide img {
  filter: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed .leftSide .AcordinArrow img {
  filter: none;
  transform: rotate(0);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed .leftSide .Buttons .BTN_Item img {
  filter: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-header .accordion-button.collapsed .leftSide p {
  color: #8D8D8D;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item:first-child .accordion-header .accordion-button {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .ImageIcon {
  display: block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .TypeLesson {
  height: 24px;
  border-radius: 4px;
  padding: 0 12px;
  width: 60px;
  text-align: center;
  color: #029FF9;
  background: rgba(2, 159, 249, 0.0588235294);
  font-size: 12px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .FollowVideo {
  color: #029FF9;
  font-family: "din_R";
  text-decoration: underline;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DurationVideo {
  padding: 4px 12px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  font-size: 14px;
  border-radius: 4px;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DurationVideo img {
  margin: 4px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .Availablee {
  padding: 4px 12px;
  background: #5EBE90;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .Availablee img {
  margin: 4px;
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide .Buttons {
  gap: 8px;
  align-items: center;
  display: flex;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide .Buttons .BTN_Item {
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide .Buttons .BTN_Item img {
  display: block;
  height: 24px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion {
  margin-bottom: 24px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  background: #5EBE90;
  box-shadow: none;
  padding: 16px 24px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader .rightSide {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader .rightSide img {
  display: inline-block;
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader .rightSide .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 8px;
  padding: 0 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
  background: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader .leftSide .Buttons .BTN_Item img {
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree {
  padding: 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs {
  width: 100%;
  position: relative;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .AnswerInput {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
  background: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .TrueOrFass {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  left: 0;
  padding-left: 12px;
  height: 100%;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .TrueOrFass .withswitchbtnn {
  display: inline-block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .DeleteAnswer {
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .DeleteAnswer img {
  display: inline-block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .AddNewAnser {
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .AddNewAnser .AddNewItem_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .AddNewAnser .AddNewItem_BTN span {
  margin-left: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .QuestionDegree .form-group {
  margin-bottom: 0;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item {
  margin-bottom: 24px;
  border-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  border: 0;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button {
  gap: 16px;
  background: #029FF9;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button .rightSide {
  width: 100%;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button .rightSide img {
  display: inline-block;
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button .rightSide .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 8px;
  padding: 0 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
  background: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button .leftSide .Buttons .BTN_Item {
  display: inline-block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-header .accordion-button .leftSide .Buttons .BTN_Item img {
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs {
  width: 100%;
  position: relative;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .AnswerInput {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
  background: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .TrueOrFass {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  left: 0;
  padding-left: 12px;
  height: 100%;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .TrueOrFass .withswitchbtnn {
  display: inline-block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .DeleteAnswer {
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .Answerrs .AnswerItem .DeleteAnswer img {
  display: inline-block;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .AddNewAnser {
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .AddNewAnser .AddNewItem_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
  background: none;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .AddNewAnser .AddNewItem_BTN span {
  margin-left: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #fff;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AllAddedQuestions .accordion .accordion-item .accordion-body .QutionAnswers_Degree .QuestionDegree .form-group {
  margin-bottom: 0;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam {
  margin-bottom: 12px;
  display: flex;
  gap: 16px;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam .Added_Item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  color: #029FF9;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam .Added_Item img {
  display: inline-block;
  margin-left: 8px;
  transition: 0;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam .Added_Item:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam .Added_Item:hover img {
  filter: brightness(100) grayscale(100);
}
.wizard.vertical-wizard .content .CheckBoxItems {
  display: flex;
  align-items: center;
  gap: 24px;
}
.wizard.vertical-wizard .content .CheckBoxItems .CheckItem {
  display: inline-block;
}
.wizard.vertical-wizard .content .GdwlaetElDawra {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wizard.vertical-wizard .content .GdwlaetElDawra h2 {
  color: #8D8D8D;
  font-weight: 500;
  font-size: 14px;
}
.wizard.vertical-wizard .content .LastStepData .Confermatiosuccess {
  margin-bottom: 40px;
  text-align: center;
}
.wizard.vertical-wizard .content .LastStepData .Confermatiosuccess img {
  margin: auto;
  margin-bottom: 24px;
  width: 62px;
}
.wizard.vertical-wizard .content .LastStepData .Confermatiosuccess h2 {
  color: #000;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 20px;
}
.wizard.vertical-wizard .content .LastStepData .Confermatiosuccess p {
  color: #8D8D8D;
  font-size: 16px;
  line-height: 24px;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .LastStepData .Confermatiosuccess p strong {
  color: #000;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast {
  position: relative;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox {
  height: 100%;
  position: relative;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox {
  padding: 24px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .titileCourse {
  margin-bottom: 16px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .GotoDawra {
  margin-top: 24px;
  display: flex;
  gap: 16px;
}
.wizard.vertical-wizard .content .LastStepData .DwraDataLast .DowenBox .GotoDawra .theme-btn {
  flex-grow: 1;
}

.ClaenderDateScudual {
  padding: 8px 12px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  width: -moz-max-content;
  width: max-content;
}
.ClaenderDateScudual .datepicker-inline {
  width: -moz-max-content;
  width: max-content;
  border: 0 !important;
}
.ClaenderDateScudual .datepicker thead tr th {
  font-size: 14px !important;
}
.ClaenderDateScudual .datepicker .datepicker-switch {
  pointer-events: none;
  color: #000;
  font-size: 16px !important;
  font-weight: 500;
}
.ClaenderDateScudual .datepicker .prev {
  background: #5EBE90;
  border-radius: 50%;
  height: 39px;
  color: #FFFFFF;
  font-size: 20px !important;
}
.ClaenderDateScudual .datepicker .next {
  background: #5EBE90;
  border-radius: 50%;
  height: 39px;
  color: #FFFFFF;
  font-size: 20px !important;
}
.ClaenderDateScudual .ClaenderBox .datepicker thead tr:last-child {
  background-color: rgba(255, 255, 255, 0);
}
.ClaenderDateScudual .datepicker .table-condensed > tbody > tr > td,
.ClaenderDateScudual .datepicker .table-condensed > tbody > tr > th {
  height: 36px;
  width: 39px;
  border-radius: 50%;
  line-height: 36px;
  font-size: 14px;
  background: #F5F5F5;
  padding-top: 3px;
  font-family: "din_R";
}
.ClaenderDateScudual .datepicker table {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border-spacing: 16px 8px;
  border-collapse: separate;
}
.ClaenderDateScudual .datepicker thead tr:last-child th {
  border-right: 0;
}
.ClaenderDateScudual .datepicker thead tr:last-child th:last-child {
  border-right: 0;
}
.ClaenderDateScudual .table-condensed > tbody > tr > td,
.ClaenderDateScudual .table-condensed > tbody > tr > th,
.ClaenderDateScudual .table-condensed > tfoot > tr > td,
.ClaenderDateScudual .table-condensed > tfoot > tr > th,
.ClaenderDateScudual .table-condensed > thead > tr > td,
.ClaenderDateScudual .table-condensed > thead > tr > th {
  padding: 5px;
  height: 36px;
  width: 36px;
  padding: 0;
  font-weight: 500;
  color: #000;
}
.ClaenderDateScudual .datepicker table tr td.active.active,
.ClaenderDateScudual .datepicker table tr td.active.disabled,
.ClaenderDateScudual .datepicker table tr td.active.disabled.active,
.ClaenderDateScudual .datepicker table tr td.active.disabled.disabled,
.ClaenderDateScudual .datepicker table tr td.active.disabled:active,
.ClaenderDateScudual .datepicker table tr td.active.disabled:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled.active:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled.disabled:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled:hover:active,
.ClaenderDateScudual .datepicker table tr td.active.disabled:hover:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled[disabled]:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled[disabled],
.ClaenderDateScudual .datepicker table tr td.active:active,
.ClaenderDateScudual .datepicker table tr td.active:hover,
.ClaenderDateScudual .datepicker table tr td.active.active:hover,
.ClaenderDateScudual .datepicker table tr td.active.disabled:hover,
.ClaenderDateScudual .datepicker table tr td.active:hover:active,
.ClaenderDateScudual .datepicker table tr td.active:hover:hover,
.ClaenderDateScudual .datepicker table tr td.active[disabled]:hover,
.ClaenderDateScudual .datepicker table tr td.active[disabled] {
  background: #5EBE90 !important;
  color: #FFFFFF;
}
.ClaenderDateScudual .datepicker table tr td.old {
  background: #f5f5f5;
  color: #8D8D8D;
}
.ClaenderDateScudual .datepicker table tr td.new {
  background: #f5f5f5;
  color: #8D8D8D;
}
.ClaenderDateScudual .datepicker table tr td.today {
  border: 0px solid #029FF9;
  color: #FFFFFF !important;
  border-radius: 50%;
  background: #029FF9;
  background-color: #029FF9 !important;
  display: inline-block;
  line-height: 36px;
  padding: 0;
  background-image: none;
  padding-top: 3px;
  height: 39px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
  width: 307px !important;
  border-radius: 8px !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843) !important;
  padding: 8px 16px !important;
  margin-top: 8px !important;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(2, 159, 249, 0.0588235294) !important;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: none !important;
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu::after {
  content: none !important;
}

.bootstrap-timepicker-widget table td a {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #000;
  background: none;
  font-size: 20px;
  border: 0;
}

.bootstrap-timepicker-widget table td a:hover {
  background: none;
}

.select2-container--default .select2-selection--multiple {
  background-color: #FFFFFF;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  display: block;
  width: 100%;
  min-height: 56px;
  height: auto;
  padding: 0 24px;
  padding-right: 32px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-family: "din_R";
  font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 8px;
}

/****************/
.note-modal {
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.4392156863);
  direction: ltr;
}

.note-modal-backdrop {
  display: none !important;
}

.note-modal-title {
  text-align: start;
}

.note-modal-footer {
  height: auto;
  padding: 10px;
  text-align: center;
  display: flow-root;
}

.note-modal-body {
  position: relative;
  padding: 20px 30px;
  direction: ltr;
  text-align: start;
}

.note-modal button.close {
  z-index: 999;
  position: relative;
  opacity: 1;
}

.note-modal button.close i {
  color: #000;
}

.note-modal-content {
  border: 0px;
  background: #fff;
  border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}

.note-modal-footer .note-btn {
  background: #029FF9;
  height: 48px;
  border-radius: 55px;
  padding: 0 25px;
  border: 1px solid #029FF9;
  color: #FFFFFF;
}

.note-modal-footer .note-btn.disabled, .note-modal-footer .note-btn:disabled {
  border: 1px solid rgba(13, 125, 80, 0.0784313725);
  color: #0d7d50;
  background: rgba(13, 125, 80, 0.0784313725);
}

.note-modal .note-modal-body .form-group .form-control {
  padding: 0 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.note-modal-content {
  border: 0px solid #f00;
  background: #fff;
  border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}

.note-modal-header {
  border: 0;
}

.note-modal-content input[type=file] {
  display: block;
  width: 100%;
  height: 56px;
  border: 1px solid #f0f0f0;
  border-radius: 55px;
  padding: 10px 15px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
}

.note-modal-content .checkbox label input {
  margin: 0 5px;
  width: 20px;
  height: 20px;
}

.note-editor .dropdown-toggle::after {
  content: none !important;
}

.note-editor .note-toolbar, .note-popover .popover-content {
  margin: 0;
  padding: 0 0 5px 5px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px 8px 0 0;
  direction: ltr;
  text-align: right;
}

.note-editor.note-airframe, .note-editor.note-frame {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}

.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
  background-color: #029FF9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  border-top: 1px solid #fff;
}

.note-editor .note-editing-area {
  position: relative;
  min-height: 150px;
}

.note-btn {
  background: #029FF9;
  color: #fff;
  border: 1px solid #029FF9;
}

.note-editor a {
  color: #000;
}

.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
  min-width: 160px;
  z-index: 99999;
}

.note-editor .modal {
  z-index: 999999;
}

.note-toolbar {
  direction: rtl;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.note-popover .popover-content .note-color-all .note-dropdown-menu {
  min-width: -moz-max-content;
  min-width: max-content;
}

.NewsNot {
  padding: 24px;
  border-radius: 8px;
  background: rgba(94, 190, 144, 0.0588235294);
  margin-bottom: 40px;
}
.NewsNot .NotData p {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 32px;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 13px 35px;
  font-weight: 500;
  background-color: #252525;
  border: 2px solid #252525;
  overflow: hidden;
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.btn-style-one .btn-title {
  position: relative;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-one:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #5EBE90;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #EA4335;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #EA4335;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green*/
.btn-style-green {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 150px;
  font-weight: 500;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green .btn-title {
  position: relative;
}

.btn-style-green img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-green:hover img {
  filter: none;
}

.btn-style-green:hover {
  color: #5EBE90;
}

.btn-style-green:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green light*/
.btn-style-green-light {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #5EBE90;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light .btn-title {
  position: relative;
}

.btn-style-green-light img {
  margin-left: 5px;
}

.btn-style-green-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-green-light:hover {
  color: #FFFFFF !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #029FF9;
  border: 1px solid #029FF9;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 16px;
  color: #029FF9;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #029FF9;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 13px 40px;
  font-weight: 400;
  overflow: hidden;
  background-color: #029FF9;
  border: 2px solid #029FF9;
  transition: all 300ms linear;
}

.btn-style-four:hover {
  color: #029FF9;
  background-color: #222222;
  border: 2px solid #222222;
  -ms-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  -o-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
}

@font-face {
  font-family: din_L;
  src: url("../font/PingAR_LT_Light.otf") format("truetype");
}
@font-face {
  font-family: din_M;
  src: url("../font/PingAR_LT_Medium.otf") format("truetype");
}
@font-face {
  font-family: din_B;
  src: url("../font/PingAR_LT_Bold.otf") format("truetype");
}
@font-face {
  font-family: din_R;
  src: url("../font/PingAR_LT_Regular.otf") format("truetype");
}
@font-face {
  font-family: din_AB;
  src: url("../font/PingAR_LT_Black.otf") format("truetype");
}
@font-face {
  font-family: din_AH;
  src: url("../font/PingAR_LT_Heavy.otf") format("truetype");
}
@font-face {
  font-family: din_UL;
  src: url("../font/DIN_ULTRALIGHT.otf") format("truetype");
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  direction: ltr;
  text-align: start;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: din_M;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #029FF9;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: din_M;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: din_M;
}

p, .text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::selection {
  background: #029FF9;
  color: #ffffff;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::-webkit-selection {
  background: #029FF9;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  /* z-index: 99; */
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #029FF9;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000000000000;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #029FF9;
  display: none;
  border-radius: 8px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #029FF9;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/***

====================================================================
		Styled Pagination
====================================================================

***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  width: 48px;
  height: 48px;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 50%;
  border-bottom: 0px solid #029FF9;
  transition: all 300ms ease;
  border: 1px solid #F0F0F0;
  font-family: "din_R";
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #ffffff !important;
  background: #DD8C18 !important;
  border: 1px solid #DD8C18 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: #BAF8DF;
  border: 1px solid #BAF8DF;
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #0D7D50 !important;
  border: 1px solid #0D7D50 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

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

.form-group label {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_M";
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}

.inputIcreaseDecrse_style_2 .number-spinner {
  position: relative;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  left: 0;
  width: 45px;
  top: auto;
  bottom: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-start;
  justify-content: center;
  color: #029FF9;
  padding-top: 5px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  right: auto;
  left: 0;
  width: 45px;
  top: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-end;
  justify-content: center;
  color: #029FF9;
  padding-bottom: 5px;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 50px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 120px;
  font-size: 16px;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #898989;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #898989;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 24px;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 15px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool] + label {
  background-color: #f46a6a;
}

input[switch=bool] + label:before,
input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #34c38f;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #556ee6;
}

input[switch=success]:checked + label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked + label {
  background-color: #50a5f1;
}

input[switch=warning]:checked + label {
  background-color: #f1b44c;
}

input[switch=danger]:checked + label {
  background-color: #f46a6a;
}

input[switch=dark]:checked + label {
  background-color: #343a40;
}

input[switch=dark]:checked + label:before {
  color: #eff2f7;
}

input[switch] + label {
  height: 32px;
  width: 51px;
  background-color: #F0F0F0;
}

input[switch] + label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked + label:after {
  left: 3px;
  background-color: #fff;
}

input[switch] + label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}
.withswitchbtnn label {
  height: 32px;
  width: 51px;
}
.withswitchbtnn input[switch] + label {
  background: #f1f1f1;
}
.withswitchbtnn input[switch]:checked + label {
  background: #5EBE90;
}
.withswitchbtnn input[switch] + label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #8D8D8D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}
.withswitchbtnn input[switch]:checked + label:after {
  left: 4px;
  background-color: #fff;
}

.datepicker {
  border-radius: 4px;
  direction: rtl;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  z-index: 99999 !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.datepicker td, .datepicker th {
  height: 35px;
  width: 35px;
  border-radius: 0;
  font-family: "din_R";
  font-size: 15px;
}

.datepicker table tr td.selected, .datepicker table tr td.range-start {
  background: #029FF9 !important;
}

.datepicker table tr td.range {
  background: rgba(2, 159, 249, 0.08) !important;
  color: #029FF9;
}

.datepicker table tr td.range-end {
  background-color: #029FF9 !important;
}

.datepicker .datepicker-switch {
  pointer-events: none;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #029FF9, #029FF9);
  text-shadow: none;
}

.toast {
  min-width: 300px;
  padding-inline-end: 15px !important;
}

#toast-container > .toast-error {
  background-image: url(../images/Coursale/close_not.png) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container > div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-error {
  background: #E2080C;
}

#toast-container > .toast-success {
  background-image: url(../images/Coursale/checkbox-circle-line.svg) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-success {
  background: #5EBE90;
}

.main-footer {
  position: relative;
  background: linear-gradient(261.21deg, #029FF9 0%, #015E93 100%);
}
.main-footer .footerlayer {
  position: absolute;
  top: 0;
  right: 0;
}
.main-footer .widgets-section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
  padding-bottom: 0px;
  z-index: 2;
}

.main-footer .footer-column {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .footer-widget {
  position: relative;
}

.main-footer .footer-column .widget-title {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.main-footer .about-widget {
  position: relative;
  padding-left: 80px;
  text-align: justify;
}

.main-footer .logo {
  position: relative;
  margin-bottom: 24px;
}

.main-footer .footer-logo figure {
  margin: 0;
}

.main-footer .footer-logo img {
  display: block;
  max-width: 100%;
}

.main-footer .about-widget .text {
  position: relative;
  margin-bottom: 40px;
}

.main-footer .about-widget .text p {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 24px;
  font-family: "din_R";
}

.social-icon-two {
  position: relative;
  display: block;
}

.social-icon-two li {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}

.social-icon-two li a {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  color: #FFFFFF;
  text-align: center;
  background-color: transparent;
  border: 0px solid rgba(255, 255, 255, 0.1607843137);
  border-radius: 50%;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon-two li a:hover {
  border-color: #5EBE90;
  background: #5EBE90;
  color: #FFFFFF;
}

/*Recent Posts*/
.recent-posts {
  position: relative;
  padding-left: 40px;
}

.recent-posts .post {
  position: relative;
  min-height: 90px;
  margin-bottom: 30px;
}

.recent-posts .post:last-child {
  margin-bottom: 0;
}

.recent-posts .post .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 90px;
  width: 90px;
  overflow: hidden;
}

.recent-posts .post .thumb a {
  display: block;
}

.recent-posts .post .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.recent-posts .post h4 {
  position: relative;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}

.recent-posts .post h4 a {
  color: #ffffff;
  transition: all 300ms ease;
}

.recent-posts .post h4 a:hover {
  color: #029FF9;
}

.recent-posts .post .date {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #bbbbbb;
}

.recent-posts .post .date span {
  color: #029FF9;
  margin-right: 4px;
  opacity: 0.7;
}

/*=== User LInks ===*/
.useful-links {
  position: relative;
  padding-left: 50px;
}

.user-links li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.user-links li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: din_R;
  font-weight: 400;
  padding: 0 0px;
  border-left: 0px solid #029FF9;
  transition: all 300ms ease;
}

.user-links li a:hover {
  color: #029FF9;
}

.main-footer .contact-list {
  position: relative;
}

.main-footer .contact-list li {
  position: relative;
  padding: 10px 30px;
  padding-left: 55px;
  margin-bottom: 10px;
  background-color: #252525;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.main-footer .contact-list li:last-child {
  margin-bottom: 0;
}

.main-footer .contact-list li .icon {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 23px;
  line-height: 25px;
  color: #FFFFFF;
}

.main-footer .contact-list li .text {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 400;
}

.main-footer .contact-list li .text a {
  color: #FFFFFF;
  transition: all 300ms ease;
}

.main-footer .contact-list li .text a:hover {
  color: #029FF9;
}

/*=== Footer Bottom ===*/
.main-footer .footer-bottom {
  position: relative;
  width: 100%;
}

.main-footer .footer-bottom .inner-container {
  position: relative;
  border-top: 2px solid rgba(255, 255, 255, 0.1019607843);
}

.main-footer .footer-bottom .copyright-text {
  position: relative;
  float: left;
  padding: 18px 0;
}

.main-footer .footer-bottom .copyright-text p {
  position: relative;
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a {
  color: #ffffff;
  font-weight: 600;
  transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover {
  color: #ffffff;
}

.main-footer .footer-bottom .footer-nav {
  position: relative;
  float: right;
}

.main-footer .footer-bottom .footer-nav ul {
  position: relative;
  padding: 18px 0;
}

.main-footer .footer-bottom .footer-nav ul li {
  position: relative;
  float: left;
  margin: 0 0px;
}

.main-footer .footer-bottom .footer-nav ul li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 400;
  padding: 0px 20px;
  text-transform: uppercase;
  background-color: transparent;
  transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav ul li:nth-child(1) a {
  border-right: 1px solid #fff;
}

.main-footer .footer-bottom .footer-nav ul li:nth-child(2) a {
  border-right: 1px solid #fff;
}

.main-footer .footer-bottom .footer-nav ul li a:hover {
  color: #029FF9;
}

.main-footer .contactOnfoo {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.main-footer .contactOnfoo span {
  color: #FFFFFF;
  display: block;
  font-weight: 700;
  font-size: 20px;
  padding: 8px 0;
  padding-left: 24px;
  margin-left: 24px;
  border-left: 2px solid rgba(255, 255, 255, 0.1019607843);
}
.main-footer .contactOnfoo .linkatcontact a {
  display: block;
  color: #FFFFFF;
  width: -moz-max-content;
  width: max-content;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 13px 35px;
  font-weight: 500;
  background-color: #252525;
  border: 2px solid #252525;
  overflow: hidden;
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.btn-style-one .btn-title {
  position: relative;
}

.btn-style-one:hover {
  color: #ffffff;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-one:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 8px;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #5EBE90;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #EA4335;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #EA4335;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green*/
.btn-style-green {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  padding: 0px 15px;
  height: 56px;
  width: 150px;
  font-weight: 500;
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green .btn-title {
  position: relative;
}

.btn-style-green img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-green:hover img {
  filter: none;
}

.btn-style-green:hover {
  color: #5EBE90;
}

.btn-style-green:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style green light*/
.btn-style-green-light {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #5EBE90;
  padding: 0px 15px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light .btn-title {
  position: relative;
}

.btn-style-green-light img {
  margin-left: 5px;
}

.btn-style-green-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-green-light:hover {
  color: #FFFFFF !important;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.btn-style-green-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-green-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 500;
  background-color: #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #029FF9;
  border: 1px solid #029FF9;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 16px;
  color: #029FF9;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #029FF9;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #029FF9;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #029FF9;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #029FF9;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 13px 40px;
  font-weight: 400;
  overflow: hidden;
  background-color: #029FF9;
  border: 2px solid #029FF9;
  transition: all 300ms linear;
}

.btn-style-four:hover {
  color: #029FF9;
  background-color: #222222;
  border: 2px solid #222222;
  -ms-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  -o-box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
  box-shadow: rgb(34, 34, 34) 0 0px 0px 40px inset;
}

@font-face {
  font-family: din_L;
  src: url("../font/PingAR_LT_Light.otf") format("truetype");
}
@font-face {
  font-family: din_M;
  src: url("../font/PingAR_LT_Medium.otf") format("truetype");
}
@font-face {
  font-family: din_B;
  src: url("../font/PingAR_LT_Bold.otf") format("truetype");
}
@font-face {
  font-family: din_R;
  src: url("../font/PingAR_LT_Regular.otf") format("truetype");
}
@font-face {
  font-family: din_AB;
  src: url("../font/PingAR_LT_Black.otf") format("truetype");
}
@font-face {
  font-family: din_AH;
  src: url("../font/PingAR_LT_Heavy.otf") format("truetype");
}
@font-face {
  font-family: din_UL;
  src: url("../font/DIN_ULTRALIGHT.otf") format("truetype");
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

body {
  direction: ltr;
  text-align: start;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 400;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: din_M;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #029FF9;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: din_M;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: din_M;
}

p, .text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #8D8D8D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::selection {
  background: #029FF9;
  color: #ffffff;
}

::-moz-selection {
  background: #029FF9;
  color: #ffffff;
}

::-webkit-selection {
  background: #029FF9;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  /* z-index: 99; */
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #029FF9;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #029FF9;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000000000000000;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #029FF9;
  display: none;
  border-radius: 8px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #029FF9;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/***

====================================================================
		Styled Pagination
====================================================================

***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  width: 48px;
  height: 48px;
  font-weight: 600;
  color: #000;
  text-align: center;
  border-radius: 50%;
  border-bottom: 0px solid #029FF9;
  transition: all 300ms ease;
  border: 1px solid #F0F0F0;
  font-family: "din_R";
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #ffffff !important;
  background: #DD8C18 !important;
  border: 1px solid #DD8C18 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: #BAF8DF;
  border: 1px solid #BAF8DF;
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #0D7D50 !important;
  border: 1px solid #0D7D50 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

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

.form-group label {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_M";
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}
.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #029FF9;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #029FF9;
}

.inputIcreaseDecrse_style_2 .number-spinner {
  position: relative;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  left: 0;
  width: 45px;
  top: auto;
  bottom: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-start;
  justify-content: center;
  color: #029FF9;
  padding-top: 5px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 25px;
  right: auto;
  left: 0;
  width: 45px;
  top: 0px;
}
.inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  border: 0px solid #029FF9;
  border-radius: 50%;
  align-items: flex-end;
  justify-content: center;
  color: #029FF9;
  padding-bottom: 5px;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0 50px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 50px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 120px;
  font-size: 16px;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #898989;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #898989;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 24px;
  height: 24px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 15px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  color: #029FF9;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 56px;
  display: flex;
  align-items: center;
  line-height: 56px;
  justify-content: center;
  cursor: pointer;
    z-index: 999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label {
  background-color: #002DE7;
}

input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool] + label {
  background-color: #f46a6a;
}

input[switch=bool] + label:before,
input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #34c38f;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #556ee6;
}

input[switch=success]:checked + label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked + label {
  background-color: #50a5f1;
}

input[switch=warning]:checked + label {
  background-color: #f1b44c;
}

input[switch=danger]:checked + label {
  background-color: #f46a6a;
}

input[switch=dark]:checked + label {
  background-color: #343a40;
}

input[switch=dark]:checked + label:before {
  color: #eff2f7;
}

input[switch] + label {
  height: 32px;
  width: 51px;
  background-color: #F0F0F0;
}

input[switch] + label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked + label:after {
  left: 3px;
  background-color: #fff;
}

input[switch] + label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}
.withswitchbtnn label {
  height: 32px;
  width: 51px;
}
.withswitchbtnn input[switch] + label {
  background: #f1f1f1;
}
.withswitchbtnn input[switch]:checked + label {
  background: #5EBE90;
}
.withswitchbtnn input[switch] + label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #8D8D8D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}
.withswitchbtnn input[switch]:checked + label:after {
  left: 4px;
  background-color: #fff;
}

.datepicker {
  border-radius: 4px;
  direction: rtl;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  z-index: 99999 !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.datepicker td, .datepicker th {
  height: 35px;
  width: 35px;
  border-radius: 0;
  font-family: "din_R";
  font-size: 15px;
}

.datepicker table tr td.selected, .datepicker table tr td.range-start {
  background: #029FF9 !important;
}

.datepicker table tr td.range {
  background: rgba(2, 159, 249, 0.08) !important;
  color: #029FF9;
}

.datepicker table tr td.range-end {
  background-color: #029FF9 !important;
}

.datepicker .datepicker-switch {
  pointer-events: none;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #029FF9, #029FF9);
  text-shadow: none;
}

.toast {
  min-width: 300px;
  padding-inline-end: 15px !important;
}

#toast-container > .toast-error {
  background-image: url(../images/Coursale/close_not.png) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container > div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-error {
  background: #E2080C;
}

#toast-container > .toast-success {
  background-image: url(../images/Coursale/checkbox-circle-line.svg) !important;
  background-position: calc(100% - 10px) center;
  padding-inline-start: 50px;
  direction: rtl;
}

.toast-success {
  background: #5EBE90;
}

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 3px solid #5EBE90;
  width: 50px;
  height: 50px;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
  z-index: 2;
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 56px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  background-color: rgba(255, 255, 255, 0);
}

.c100 *, .c100 *:before, .c100 *:after {
  box-sizing: content-box;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #3c4761;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0em;
  left: 0px;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  width: 56px;
  height: 56px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  border: 3px solid rgba(255, 255, 255, 0.1019607843);
  z-index: 1;
}

.c100 .slice {
  position: absolute;
  width: 56px;
  height: 56px;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  transform: rotate(18deg);
}

.c100.p6 .bar {
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  transform: rotate(36deg);
}

.c100.p11 .bar {
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  transform: rotate(54deg);
}

.c100.p16 .bar {
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  transform: rotate(72deg);
}

.c100.p21 .bar {
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  transform: rotate(90deg);
}

.c100.p26 .bar {
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  transform: rotate(108deg);
}

.c100.p31 .bar {
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  transform: rotate(126deg);
}

.c100.p36 .bar {
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  transform: rotate(144deg);
}

.c100.p41 .bar {
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  transform: rotate(162deg);
}

.c100.p46 .bar {
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  transform: rotate(180deg);
}

.c100.p51 .bar {
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  transform: rotate(198deg);
}

.c100.p56 .bar {
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  transform: rotate(216deg);
}

.c100.p61 .bar {
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  transform: rotate(234deg);
}

.c100.p66 .bar {
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  transform: rotate(252deg);
}

.c100.p71 .bar {
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  transform: rotate(270deg);
}

.c100.p76 .bar {
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  transform: rotate(288deg);
}

.c100.p81 .bar {
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  transform: rotate(306deg);
}

.c100.p86 .bar {
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  transform: rotate(324deg);
}

.c100.p91 .bar {
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  transform: rotate(342deg);
}

.c100.p96 .bar {
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  transform: rotate(360deg);
}

/*** Right To Left Style ***/
.rtl {
  direction: rtl;
  text-align: right;
}
.rtl .swiper-slider-area, .rtl .banner-slider-arrows, .rtl .styled-pagination, .rtl .owl-carousel {
  direction: ltr !important;
}
.rtl .main-menu .navigation > li, .rtl .team-block .other-info li strong, .rtl .main-footer .footer-bottom .copyright-text, .rtl .fun-facts .bar-item .skill-header .skill-title, .rtl .header-style-two .main-menu {
  float: right;
}
.rtl .main-header .cart-btn, .rtl .main-header .search-box, .rtl .main-header .btn-box, .rtl .main-header .logo-box {
  float: right;
}
.rtl .main-footer .footer-bottom .footer-nav, .rtl .header-style-two .nav-outer {
  float: left;
}
.rtl .main-header {
  left: auto;
  right: 0;
}
.rtl .main-header .outer-box {
  float: left;
}
.rtl .main-menu .navigation > li > ul, .rtl .main-footer .footer-column .widget-title:before, .rtl .banner-section-three .shape-outer, .rtl .sidenav-bar .contact-info-box .info-box .icon-box, .rtl .sidenav-bar-visible header {
  left: auto;
  right: 0;
}
.rtl .sidenav-bar .navigation li.dropdown .dropdown-btn, .rtl .main-header .shopping-cart {
  right: auto;
  left: 0;
}
.rtl .team-block .other-info, .rtl .ui-menu .ui-menu-item-wrapper, .rtl .property-block .lower-content, .rtl .pricing-table .table-content ul {
  text-align: right;
}
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
  text-align: right;
}
.rtl .main-menu .navigation > li > ul > li > ul > li > a, .rtl .main-menu .navigation > li > ul > li > a {
  text-align: right;
}
.rtl .pricing-table .title-box {
  text-align: left;
}
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
  border-left: 0;
  border-right: 4px solid transparent;
}
.rtl .main-menu .navigation > li > ul > li > ul > li > a, .rtl .main-menu .navigation > li > ul > li > a {
  border-left: 0;
  border-right: 4px solid transparent;
}
.rtl .main-header .btn-box, .rtl .main-header .search-box, .rtl .main-header .btn-box {
  margin-left: 0;
  margin-right: 20px;
}
.rtl .sidenav-bar .close-btn {
  right: auto;
  left: 10px;
}
.rtl .main-header .shopping-cart .cart-icon {
  float: right;
  margin-left: 7px;
  margin-right: 0;
}
.rtl .main-header .shopping-cart .shopping-cart-total {
  float: left;
}
.rtl .main-header .shopping-cart .shopping-cart-total .main-color-text {
  float: left;
}
.rtl .main-header .shopping-cart .shopping-cart-items .item-quantity, .rtl .main-header .shopping-cart .shopping-cart-items img {
  float: right;
}
.rtl .sidenav-bar {
  right: auto;
  left: 0;
  transform-origin: left;
  margin: 0;
}
.rtl .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 0;
}
.rtl .sidenav-bar .contact-info-box .info-box {
  padding-left: 0;
  padding-right: 50px;
}
.rtl .header-style-two .main-menu .navigation > li, .rtl .main-menu .navigation > li {
  margin-right: 0;
  margin-left: 25px;
}
.rtl .banner-section-two .slide-item .btn-box .theme-btn {
  margin: 0;
}
.rtl .call-back-section .image-column .image, .rtl .list-style-two li:before, .rtl .faq-form-section .image-column .image, .rtl .banner-section-three .center-stipts, .rtl .testimonial-block .content-box .icon, .rtl .team-block .devider {
  transform: scaleX(-1);
}
.rtl .banner-section-three .center-stipts {
  left: auto;
  right: 40%;
}
.rtl .user-links li a {
  border-left: 0;
  border-right: 0px solid #029FF9;
}
.rtl .main-footer .contact-list li {
  padding: 10px 30px;
  padding-right: 55px;
}
.rtl .main-footer .contact-list li .icon {
  left: auto;
  right: 15px;
}
.rtl .list-style-one li, .rtl .list-style-two li {
  padding-left: 0;
  padding-right: 35px;
}
.rtl .list-style-one li:before, .rtl .list-style-two li:before {
  left: auto;
  right: 0;
}
.rtl .page-breadcrumb li {
  margin: 0;
  padding: 0;
  margin-left: 10px;
  padding-left: 15px;
}
.rtl .page-breadcrumb li:last-child {
  padding-left: 0;
  margin-left: 0;
}
.rtl .page-breadcrumb li:after {
  right: auto;
  left: -3px;
}
.rtl .sidebar .search-box .form-group input[type=submit], .rtl .sidebar .search-box .form-group button {
  right: auto;
  left: 10px;
}
.rtl .tag-list li {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}
.rtl .sidebar .related-posts .post {
  padding-left: 0;
  padding-right: 90px;
}

/************Start New Style************/
.Lang_BTN {
  display: inline-flex;
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.1019607843);
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  cursor: pointer;
  margin: 0;
}
.Lang_BTN input, .Lang_BTN .Light_ModeIcon, .Lang_BTN .Dark_ModeIcon {
  display: none;
}

.switch_Mode_Label {
  display: inline-flex;
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.1019607843);
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  cursor: pointer;
  margin: 0;
}
.switch_Mode_Label input, .switch_Mode_Label .Light_ModeIcon, .switch_Mode_Label .Dark_ModeIcon {
  display: none;
}

.light-mode .switch_Mode_Label .Light_ModeIcon, .dark-mode .switch_Mode_Label .Dark_ModeIcon {
  display: block !important;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  direction: ltr;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 15px;
  border-radius: 30px 0 0 30px;
}

.iti--separate-dial-code .iti__selected-flag:hover {
  background-color: rgba(0, 0, 0, 0);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
  color: #000;
  font-weight: 600;
  font-family: "din_L";
}

.iti--separate-dial-code .iti__selected-dial-code::after {
  content: "";
}

.bg {
  display: -webkit-box;
  direction: rtl;
}

.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: auto;
  margin: 0 0px;
  margin-left: 0px;
}

.chiller_cb input {
  display: none;
}

.chiller_cb input:checked ~ span {
  background: #5EBE90;
  border-color: #5EBE90;
  border-radius: 50%;
}

.chiller_cb input:checked ~ span:before {
  width: 13px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.3s;
}

.chiller_cb input:checked ~ span:after {
  width: 7px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.2s;
}

.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}

.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}

.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}

.chiller_cb label {
  padding-right: 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 16px !important;
  margin-bottom: 0 !important;
  font-family: "din_R";
}

.chiller_cb label a {
  margin: 0 5px;
}

.chiller_cb span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(141, 141, 141, 0.1607843137);
  border-radius: 50%;
  position: absolute;
  right: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
  background: #fff;
  top: 0px;
}

.chiller_cb span:before {
  transform: rotate(-50deg);
  top: 15px;
  left: 8px;
}

.chiller_cb span:after {
  transform: rotate(48deg);
  bottom: 8px;
  left: 5px;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  background-color: #FFFFFF;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  padding-right: 32px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-family: "din_R";
  font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #8D8D8D;
  line-height: 56px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-dropdown {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  background: #FFFFFF;
  direction: rtl;
  border-radius: 8px;
}

.select2-dropdown {
  border-radius: 8px;
  overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
  color: #212121;
}

.select2-container--default .select2-results__option[aria-selected=true] img {
  filter: brightness(100) grayscale(100);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eee;
  color: #212121;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-family: "din_R";
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 8px 16px;
  font-size: 16px;
}

.select2-results__option[aria-selected]:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #029FF9;
  color: #FFFFFF;
  font-family: "din_R";
}

.socialSelect_p_0 .select2-container--default .select2-selection--single {
  padding: 0 !important;
}

.socialSelect_p_0 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered span img {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 8px;
}

.select2-results__option[aria-selected] span img {
  margin: 0 8px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.socialSelect_p_0 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 56px;
  height: 56px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #029FF9;
  color: #FFFFFF;
}

.form-group .inputGroup .teaxtAreaControl {
  height: 100px;
  border-radius: 16px;
  padding-top: 16px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #fff;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #f9f9f9;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 5px 15px;
}

/***** Banner **/
.select2-dropdown {
  border-radius: 8px;
}

.select2-results__option[aria-selected]:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-dropdown--above .select2-results__option[aria-selected]:last-child {
  border-radius: 0;
}

.BannrSection {
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
  padding-top: 150px;
  padding-bottom: 0px;
  position: relative;
}
.BannrSection .BannerLayerData {
  position: relative;
  z-index: 2;
}
.BannrSection .layerImage {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.BannrSection .BannerData .DataContent {
  margin-bottom: 30px;
}
.BannrSection .BannerData .DataContent h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 20px;
  color: #FFFFFF;
  text-align: justify;
}
.BannrSection .BannerData .DataContent h2 span {
  background: linear-gradient(261.28deg, #049FF7 30.89%, #57BB98 58.58%);
  -webkit-background-clip: text;
  color: transparent;
}
.BannrSection .BannerData .DataContent h2 .typewrite {
  color: #029FF9;
  display: block;
  direction: ltr;
  min-height: 56px;
  border-left: 0px solid #029FF9;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  line-height: 56px;
  padding-left: 5px;
}
.BannrSection .BannerData .DataContent h2 .typewrite::after {
  content: "";
  bottom: 7px;
  position: absolute;
  height: 25px;
  left: -4px;
  width: 2px;
  background: #029FF9;
}
.BannrSection .BannerData .DataContent h2 .typewrite wrap {
  direction: ltr;
}
.BannrSection .BannerData .DataContent p {
  color: #bcbcbc;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: din_R;
  text-align: justify;
}
.BannrSection .BannerData .SearchBannerBox {
  background: linear-gradient(90deg, #049FF7 0%, #57BB98 100%);
  padding: 3px;
  border-radius: 8px;
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .border_left {
  border-left: 2px solid rgba(141, 141, 141, 0.1607843137);
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .form-group .inputGroup .form-control {
  border: 0;
  border-radius: 0;
  font-weight: 600;
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .btn-style-green {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .form-group {
  margin-bottom: 0 !important;
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .select2-container--default .select2-selection--single {
  border: 0;
  border-radius: 0;
}
.BannrSection .BannerData .SearchBannerBox .BoxBanerData .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 8px;
}
.BannrSection .BannerData .SearchNoots {
  margin-top: 24px;
}
.BannrSection .BannerData .SearchNoots p {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.BannrSection .BannerData .SearchNoots p span {
  color: #5EBE90;
}
.BannrSection .BannerData .BannerLinks a {
  margin: 0 4px;
}
.BannrSection .ImageBanner {
  display: block;
  width: 455px;
  height: auto;
  margin: auto;
  margin-left: 0;
}
.BannrSection .ImageBanner img {
  display: block;
  width: 100%;
  height: auto;
}

.SubscripWeather p {
  color: #fff;
  font-family: "din_R";
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 16px;
}
.SubscripWeather .formBox {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 8px;
  border-radius: 8px;
}
.SubscripWeather .formBox input {
  border: 0px solid rgba(240, 240, 240, 0.1607843137);
  background: transparent;
  height: 56px;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  box-shadow: none;
  padding: 0 15px;
  line-height: 56px;
  padding-right: 30px;
}
.SubscripWeather .formBox input::-moz-placeholder {
  color: #8D8D8D;
}
.SubscripWeather .formBox input::placeholder {
  color: #8D8D8D;
}
.SubscripWeather .formBox img {
  position: absolute;
  right: 8px;
}
.SubscripWeather .formBox .theme-btn {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  background: #5EBE90;
}
.SubscripWeather .DowenLinks {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.SubscripWeather .DowenLinks a {
  flex-grow: 1;
}
.SubscripWeather .DowenLinks a img {
  width: 100%;
}

.Sec_Title {
  margin-bottom: 50px;
}
.Sec_Title h2 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 15px;
}
.Sec_Title p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.Sec_Title p span {
  color: #5EBE90;
  font-weight: 700;
}

.DepartMentSection {
  padding: 70px 0;
  padding-bottom: 50px;
}
.DepartMentSection .owl-prev, .DepartMentSection .owl-next {
  border-radius: 50% !important;
}

.Department_Items .DepartItem {
  display: flex;
  padding: 32px 24px;
  border-radius: 8px;
  height: 275px;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.Department_Items .DepartItem .iconDepart {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.Department_Items .DepartItem .iconDepart img {
  width: 64px;
  height: 64px;
  display: block;
}
.Department_Items .DepartItem .Depart_Info {
  text-align: center;
}
.Department_Items .DepartItem .Depart_Info h2 {
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}
.Department_Items .DepartItem .Depart_Info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  direction: rtl;
  color: #8D8D8D;
}
.Department_Items .owl-nav {
  display: flex;
  gap: 16px;
  position: relative;
  top: 0;
  left: 0;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 40px;
}
.Department_Items .owl-nav .owl-prev, .Department_Items .owl-nav .owl-next {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
}
.Department_Items .owl-nav .owl-prev:hover, .Department_Items .owl-nav .owl-next:hover {
  background: #5EBE90 !important;
  border-color: #5EBE90;
}
.Department_Items .owl-nav .owl-prev:hover img, .Department_Items .owl-nav .owl-next:hover img {
  filter: brightness(100) grayscale(100);
}
.Department_Items .owl-carousel .owl-stage-outer {
  direction: rtl;
}

.BestPartner {
  padding-top: 70px;
  padding-bottom: 80px;
}
.BestPartner .owl-nav {
  display: flex;
  gap: 16px;
  position: relative;
  top: 0;
  left: 0;
  justify-content: center;
  margin-top: 40px;
}
.BestPartner .owl-nav .owl-prev, .BestPartner .owl-nav .owl-next {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
}
.BestPartner .owl-nav .owl-prev:hover, .BestPartner .owl-nav .owl-next:hover {
  background: #5EBE90 !important;
  border-color: #5EBE90;
}
.BestPartner .owl-nav .owl-prev:hover img, .BestPartner .owl-nav .owl-next:hover img {
  filter: brightness(100) grayscale(100);
}

.PartnerItems {
  margin-top: 60px;
}
.PartnerItems .Partner_Item .Image {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
}
.PartnerItems .Partner_Item .Image img {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
  margin: auto;
  transition: all 0.2s ease-in-out;
  filter: grayscale(5) brightness(0.8);
}
.PartnerItems .Partner_Item:hover .Image img {
  filter: none;
}
.PartnerItems .Partner_Item .Image img.Light {
  display: block;
}
.PartnerItems .Partner_Item .Image img.dark {
  display: none;
}

/**************/
.BestCourses .Sec_Title {
  position: relative;
}
.BestCourses .Sec_Title .AllItems {
  position: absolute;
  top: 30px;
  left: 0;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.BestCourses .Sec_Title .AllItems .spanTitle {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 5px;
  display: inline;
  line-height: 56px;
}
.BestCourses .Sec_Title .AllItems .iconImage {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.BestCourses .Sec_Title .AllItems .iconImage img {
  width: 100%;
  height: 100%;
  display: block;
}
.BestCourses .CoursesTaps .nav {
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  padding: 12px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border: 0;
  margin-bottom: 30px;
}
.BestCourses .CoursesTaps .nav .nav-item {
  border: 0;
}
.BestCourses .CoursesTaps .nav .nav-item .nav-link {
  height: 56px;
  border-radius: 8px;
  border: 0;
  line-height: 56px;
  padding: 0 24px;
  color: #000;
}
.BestCourses .CoursesTaps .nav .nav-item .active {
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  color: #FFFFFF;
}

.CoursesItems .courseItem {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.CoursesItems .courseItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 240px;
}
.CoursesItems .courseItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CoursesItems .courseItem .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.CoursesItems .courseItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.CoursesItems .courseItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.CoursesItems .courseItem .DowenBox {
  padding: 24px;
}
.CoursesItems .courseItem .DowenBox .titileCourse {
  margin-bottom: 15px;
}
.CoursesItems .courseItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.CoursesItems .courseItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.CoursesItems .courseItem .DowenBox .featCOurse {
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
}
.CoursesItems .courseItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.CoursesItems .courseItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.CoursesItems .courseItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}

.rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}
.rating-star .badge {
  display: none;
}
.rating-star .countrate {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
}

.Best_Featuress .overlay {
  background: #027FC7;
  padding: 70px 0;
  position: relative;
}
.Best_Featuress .overlay .imageovrlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.Best_Featuress .overlay .imageovrlay img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.2;
}
.Best_Featuress .Sec_Title {
  text-align: center;
  position: relative;
  z-index: 99;
}
.Best_Featuress .Sec_Title h2 {
  color: #FFFFFF;
}
.Best_Featuress .Sec_Title h2 span {
  color: #5EBE90;
}
.Best_Featuress .Sec_Title p {
  color: #FFFFFF;
}
.Best_Featuress .featuresItemss {
  margin-top: 60px;
  position: relative;
  z-index: 99;
}
.Best_Featuress .featuresItemss .featItem {
  position: relative;
  height: 280px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
}
.Best_Featuress .featuresItemss .featItem .Featitemlayer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.Best_Featuress .featuresItemss .featItem .Featitemlayer img {
  display: block;
  width: auto;
}
.Best_Featuress .featuresItemss .featItem .featData {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
.Best_Featuress .featuresItemss .featItem .featData .image {
  margin-bottom: 15px;
}
.Best_Featuress .featuresItemss .featItem .featData .image img {
  margin: auto;
  display: block;
  width: 64px;
  height: 64px;
}
.Best_Featuress .featuresItemss .featItem .featData .infoFeat {
  padding: 0 32px;
}
.Best_Featuress .featuresItemss .featItem .featData .infoFeat h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
.Best_Featuress .featuresItemss .featItem .featData .infoFeat p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
}

.BestNews .Sec_Title {
  position: relative;
}
.BestNews .Sec_Title .AllItems {
  position: absolute;
  top: 30px;
  left: 0;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.BestNews .Sec_Title .AllItems .iconImage {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
}
.BestNews .Sec_Title .AllItems .iconImage img {
  width: 100%;
  height: 100%;
}
.BestNews .Sec_Title .AllItems .spanTitle {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 5px;
  display: inline;
  line-height: 56px;
}
.BestNews .owl-nav {
  display: flex;
  gap: 16px;
  position: relative;
  top: 0;
  left: 0;
  justify-content: center;
  margin-top: 40px;
}
.BestNews .owl-nav .owl-prev, .BestNews .owl-nav .owl-next {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
}
.BestNews .owl-nav .owl-prev:hover, .BestNews .owl-nav .owl-next:hover {
  background: #5EBE90 !important;
  border-color: #5EBE90;
}
.BestNews .owl-nav .owl-prev:hover img, .BestNews .owl-nav .owl-next:hover img {
  filter: brightness(100) grayscale(100);
}
.BestNews .overlay {
  padding: 70px 0;
  position: relative;
}
.BestNews .overlay .imageovrlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #5EBE90;
  opacity: 0.06;
}
.BestNews .overlay .NewsItems {
  margin-top: 60px;
  position: relative;
}
.BestNews .overlay .NewsItems .ItemNews {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.BestNews .overlay .NewsItems .ItemNews .NewsImage {
  display: block;
  width: 125px;
  height: 125px;
  border-radius: 8px;
  overflow: hidden;
}
.BestNews .overlay .NewsItems .ItemNews .NewsImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.BestNews .overlay .NewsItems .ItemNews .NewsData {
  display: block;
  width: calc(100% - 141px);
}
.BestNews .overlay .NewsItems .ItemNews .NewsData span {
  color: #029FF9;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.BestNews .overlay .NewsItems .ItemNews .NewsData span img {
  margin: 0 4px;
}
.BestNews .overlay .NewsItems .ItemNews .NewsData h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
.BestNews .overlay .NewsItems .ItemNews .NewsData p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.BestNews .overlay .NewsItems .ItemNews .NewsData p img {
  margin: 0 4px;
}

.LoginAsKader {
  padding-top: 80px;
}
.LoginAsKader .loginAskaderImage {
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.LoginAsKader .loginAskaderImage img {
  width: 350px;
  height: auto;
  margin: auto;
  margin-bottom: -30px;
  display: block;
}
.LoginAsKader .kdaerloginData {
  display: flex;
  height: 100%;
  align-items: center;
}
.LoginAsKader .kdaerloginData .TransTitle {
  margin-bottom: 22px;
}
.LoginAsKader .kdaerloginData .TransTitle img {
  margin-left: 24px;
}
.LoginAsKader .kdaerloginData .TransTitle span {
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(88.9deg, #049FF7 0.95%, #57BB98 70.43%);
  -webkit-background-clip: text;
  color: transparent;
}
.LoginAsKader .kdaerloginData h2 {
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: 700;
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 5px;
  display: inline;
  line-height: 56px;
}
.LoginAsKader .kdaerloginData h2 span {
  color: #029FF9;
}
.LoginAsKader .kdaerloginData .loginBTNKader {
  display: block;
  margin-top: 52px;
}
.LoginAsKader .kdaerloginData .loginBTNKader .theme-btn {
  width: auto;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}

/***********************/
.AuthenticationPage .rightSide {
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
  height: 100vh;
  position: fixed;
  width: 50%;
  top: 0;
}
.AuthenticationPage .rightSide .DtataSide {
  position: absolute;
  width: 100%;
  height: 100%;
}
.AuthenticationPage .rightSide .DtataSide .BGImage {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.AuthenticationPage .rightSide .DtataSide .BGImage .ImageOne {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.AuthenticationPage .rightSide .DtataSide .BGImage .ImageTwo {
  position: absolute;
  height: 80%;
  bottom: 0;
}
.AuthenticationPage .rightSide .DtataSide .DataContent {
  position: absolute;
  top: 0;
  padding: 50px 50px;
}
.AuthenticationPage .rightSide .DtataSide .DataContent .Logo a img {
  width: -moz-max-content;
  width: max-content;
}
.AuthenticationPage .LeftSide .SideData {
  display: flex;
  height: 100%;
  min-height: 100vh;
  align-items: center;
  padding: 0 98px;
}
.AuthenticationPage .LeftSide .SideData .FormSide .WelecomSecHello {
  margin-bottom: 40px;
}
.AuthenticationPage .LeftSide .SideData .FormSide .WelecomSecHello h2 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 24px;
}
.AuthenticationPage .LeftSide .SideData .FormSide .WelecomSecHello p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
}
.AuthenticationPage .LeftSide .SideData .FormSide .WelecomSecHello p a {
  color: #000;
  font-weight: 700;
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  display: inline;
}
.AuthenticationPage .LeftSide .SideData .FormSide .rermperForget {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AuthenticationPage .LeftSide .SideData .FormSide .rermperForget .ForgtPass p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.AuthenticationPage .LeftSide .SideData .FormSide .rermperForget .ForgtPass p a {
  color: #5EBE90;
  text-decoration: underline;
}
.AuthenticationPage .LeftSide .SideData .FormSide .theme-btn {
  width: 100%;
}

.ModalAuth .modal-dialog {
  min-width: 560px;
}
.ModalAuth .modal-content {
  border-radius: 8px;
  border: 0;
  overflow: hidden;
}
.ModalAuth .modal-body {
  padding: 40px;
}
.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
}
.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
}
.ModalAuth .ModalAuthBoxy .Title_Image .image {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 50%;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 24px;
}
.ModalAuth .ModalAuthBoxy .Title_Image .image img {
  margin-bottom: 0px;
  width: 64px;
  height: 64px;
}
.ModalAuth .ModalAuthBoxy .Title_Image .groupImage {
  border: 0;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  margin-bottom: 24px;
}
.ModalAuth .ModalAuthBoxy .Title_Image .groupImage img {
  margin-bottom: 0px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  height: 100%;
}
.ModalAuth .ModalAuthBoxy .Title_Image .GroupStatus {
  margin-top: 12px;
  margin-bottom: 24px;
}
.ModalAuth .ModalAuthBoxy .Title_Image .GroupStatus .Item_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin: auto;
}
.ModalAuth .ModalAuthBoxy .Title_Image .GroupStatus .Item_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin: auto;
}
.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ModalAuth .ModalAuthBoxy .Title_Image p {
  font-size: 16px;
  color: #8D8D8D;
  margin-bottom: 15px;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .Title_Image p strong {
  color: #000;
}
.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #000;
  font-weight: 700;
  display: block;
  direction: ltr;
}
.ModalAuth .ModalAuthBoxy .DescriptionModal {
  margin-top: 24px;
}
.ModalAuth .ModalAuthBoxy .DescriptionModal p {
  color: #000;
}
.ModalAuth .ModalAuthBoxy .titile_Rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ModalAuth .ModalAuthBoxy .titile_Rate h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.ModalAuth .ModalAuthBoxy .titile_Rate .rating-star .rating-symbol {
  cursor: pointer;
}
.ModalAuth .ModalAuthBoxy .titile_AvilableTo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ModalAuth .ModalAuthBoxy .titile_AvilableTo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.ModalAuth .ModalAuthBoxy .titile_AvilableTo .rating-star .rating-symbol {
  cursor: pointer;
}
.ModalAuth .ModalAuthBoxy .DocumentItem {
  margin-bottom: 24px;
  padding: 16px 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: rgba(2, 159, 249, 0.0588235294);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ModalAuth .ModalAuthBoxy .DocumentItem .DocumentData {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ModalAuth .ModalAuthBoxy .DocumentItem .DocumentData .Image {
  display: block;
  height: 32px;
}
.ModalAuth .ModalAuthBoxy .DocumentItem .DocumentData .Image img {
  display: block;
}
.ModalAuth .ModalAuthBoxy .DocumentItem .DocumentData .dataContent h2 {
  color: #000;
  margin: 8px;
  font-weight: 700;
  font-size: 16px;
}
.ModalAuth .ModalAuthBoxy .DocumentItem .DocumentData .dataContent p {
  font-size: 12px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .VideoPlayerr {
  height: 230px;
  border-radius: 8px;
  outline: 0;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.ModalAuth .ModalAuthBoxy .plyr--video {
  height: 230px;
  border-radius: 8px;
  outline: 0;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.ModalAuth .ModalAuthBoxy .FormModal .Acivateinputs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  direction: ltr;
}
.ModalAuth .ModalAuthBoxy .FormModal .Acivateinputs input {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  color: #000;
  font-size: 22px;
  outline: 0;
  box-shadow: none;
}
.ModalAuth .ModalAuthBoxy .FormModal .Acivateinputs input.active {
  border: 1px solid #5EBE90;
  font-size: 22px;
  font-weight: 500;
  color: #000;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss {
  max-height: 400px;
  overflow: auto;
  padding-left: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #fff;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 8px;
  background: #f9f9f9;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata .Image {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata .userInfo h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 5px;
  color: #000;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata .userInfo span {
  color: #029FF9;
  font-size: 12px;
  line-height: 16px;
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .Userata .userInfo p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss .InstrucItem .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .filterdroop .header-item {
  min-width: 100% !important;
  padding: 0 50px !important;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .filterdroop .dropdown-menu {
  width: 100%;
  padding: 8px;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .filterdroop .dropdown-menu .dropdown-item {
  padding: 12px 0;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .filterdroop .dropdown-menu .dropdown-item .userInfo h2 {
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav {
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  padding: 0px;
  width: 100%;
  margin: auto;
  border: 0;
  margin-bottom: 30px;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav .nav-item {
  border: 0;
  flex-grow: 1;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav .nav-item .nav-link {
  height: 56px;
  border-radius: 8px;
  border: 0;
  line-height: 56px;
  padding: 0 24px;
  color: #8D8D8D;
  text-align: center;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav .nav-item .nav-link img {
  margin: 0 8px;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav .nav-item .active {
  background: #029FF9 !important;
  color: #FFFFFF;
}
.ModalAuth .ModalAuthBoxy .FormModal .TapsModal .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}
.ModalAuth .ModalAuthBoxy .resendCode {
  margin-top: 16px;
}
.ModalAuth .ModalAuthBoxy .resendCode p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.ModalAuth .ModalAuthBoxy .resendCode p span {
  display: inline-block;
  width: 70px;
  height: 35px;
  line-height: 35px;
  color: #5EBE90;
  border-radius: 35px;
  margin: 0 5px;
}
.ModalAuth .ModalAuthBoxy .resendCode p a {
  font-weight: 500;
  margin: 0 5px;
  display: none;
  color: #5EBE90;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem {
  padding-bottom: 24px;
  border-radius: 0;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide {
  display: flex;
  align-items: start;
  gap: 16px;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .image {
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems {
  display: flex;
  align-items: start;
  gap: 16px;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems .InfoCOntent h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems .InfoCOntent p {
  font-family: "din_R";
  font-weight: 400;
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems .InfoCOntent p span {
  color: #029FF9;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems .StatusItem .Item_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .RightSide .DataItems .StatusItem .Item_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .leftSide .buttonGroup {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ModalAuth .ModalAuthBoxy .userItems .userItem .leftSide .buttonGroup button {
  display: inline-block;
  background: none;
}
.ModalAuth .ModalAuthBoxy .imageProfile {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
  position: relative;
}
.ModalAuth .ModalAuthBoxy .imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ModalAuth .ModalAuthBoxy .imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .imageProfile .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor {
  margin-bottom: 24px;
  text-align: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .image {
  display: block;
  height: 124px;
  width: 124px;
  margin: auto;
  margin-bottom: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .JobTitle {
  font-size: 16px;
  color: #029FF9;
  margin-bottom: 8px;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .InstractInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 12px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .InstractInfo p {
  font-size: 16px;
  color: #8D8D8D;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .InstractInfo p img {
  margin-left: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .InstructorStatus .Item_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin: auto;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .MainInfoInstructor .InstructorStatus .Item_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin: auto;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic {
  display: flex;
  align-items: center;
  padding: 24px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 12px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p {
  font-size: 16px;
  color: #000;
  padding: 0 16px;
  border-left: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-family: "din_R";
  flex-grow: 1;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p span {
  color: #029FF9;
  margin-right: 4px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p:first-child {
  padding-right: 0;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p:last-child {
  padding-left: 0;
  border-left: 0 !important;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items {
  margin-bottom: 24px;
  margin-top: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupRight {
  width: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupRight .filterIem {
  width: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupRight .filterIem h2 {
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupRight .filterIem .form-group {
  width: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupRight .filterIem .form-group .inputGroup {
  width: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .groupLeft .filterIem h2 {
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .Userata h2 {
  font-family: "din_R";
  font-size: 14px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .Userata h2 span {
  color: #029FF9;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .Filtr_Items .Userata img {
  height: 20px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox {
  height: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox {
  padding: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DataWithOrdre {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DataWithOrdre .OrderActtions {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DataWithOrdre .OrderActtions .Accept {
  height: 40px;
  padding: 0 24px;
  line-height: 40px;
  background: #5EBE90;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DataWithOrdre .OrderActtions .Refused {
  height: 40px;
  padding: 0 24px;
  line-height: 40px;
  background: #E2080C;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .titileCourse {
  margin-bottom: 16px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 0;
  padding-bottom: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus {
  width: 100%;
  margin-bottom: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar {
  margin-bottom: 16px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  border-bottom: 8px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  font-family: "din_R";
  border-radius: 4px;
  font-size: 14px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Green_Not {
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Red_Not {
  background: rgba(226, 8, 12, 0.0784313725);
  color: #E2080C;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Blue_Not {
  background: rgba(2, 159, 249, 0.1019607843);
  color: #029FF9;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Yellow_Not {
  background: rgba(180, 209, 0, 0.08);
  color: #B4D100;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Birble_Not {
  background: rgba(52, 88, 155, 0.0784313725);
  color: #34589B;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo p {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorDawrat .DawratyItems .DwraItem .DowenBox .DwraNotAndInfo p strong {
  color: #000;
  font-weight: 700;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications .table-responsive {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table {
  --bs-table-bg: none;
  margin: 0;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table thead tr {
  background: rgba(2, 159, 249, 0.0588235294);
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table thead tr th {
  padding: 32px 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table thead tr th p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody {
  vertical-align: middle;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td {
  padding: 32px 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  box-shadow: none;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td p span {
  display: inline-block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .Status_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .Status_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor p {
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor p span {
  display: inline-block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor p img {
  margin-left: 4px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .header-item {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu {
  width: 330px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  white-space: normal;
  overflow: hidden;
  word-wrap: break-word;
  padding: 0;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 16px 8px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem {
  display: flex;
  gap: 12px;
  align-items: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .image {
  display: block;
  height: 68px;
  width: 68px;
  overflow: hidden;
  border-radius: 50%;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData {
  width: calc(100% - 80px);
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData h2 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData p {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 24px;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData p span {
  display: inline-block;
}
.ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorNotifications table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter {
  margin-bottom: 24px;
  margin-top: 24px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items {
  justify-content: start;
  gap: 4px;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items .filterIem .form-control {
  width: 230px;
  padding-inline-end: 10px;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items .filterIem .filterdroop .header-item {
  min-width: 160px;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items .Userata h2 {
  font-family: "din_R";
  font-size: 14px;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items .Userata h2 span {
  color: #029FF9;
}
.ModalAuth .ModalAuthBoxy .CustomMentInstructorFilter .groupItem .Filtr_Items .Userata img {
  height: 20px;
}
.ModalAuth .ForMenhaModals .mainTitle {
  margin-bottom: 32px;
}
.ModalAuth .ForMenhaModals .mainTitle h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ModalAuth .ForMenhaModals .mainTitle h2 span {
  color: #5EBE90;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr {
  margin-bottom: 24px;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata .userImage {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata .userImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata .userInfo h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata .userInfo span {
  color: #029FF9;
  font-size: 12px;
  line-height: 0;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .UserDtata .userInfo p {
  color: #8D8D8D;
  font-size: 13px;
  font-family: "din_R";
  font-weight: 400;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .OrderActtions {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .OrderActtions .Accept {
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  background: #5EBE90;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
}
.ModalAuth .ForMenhaModals .NewOrdereUsr .orderItem .OrderActtions .Refused {
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  background: #E2080C;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
}
.ModalAuth .ForMenhaModals .AllOrderMenha {
  margin-bottom: 24px;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userImage {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userInfo h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userInfo span {
  color: #029FF9;
  font-size: 12px;
  line-height: 0;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userInfo p {
  color: #8D8D8D;
  font-size: 13px;
  font-family: "din_R";
  font-weight: 400;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .UserDtata .userInfo p span {
  font-weight: 700;
  color: #000;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .OrderStatus {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .OrderStatus .Accept {
  color: #5EBE90;
  font-size: 12px;
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ForMenhaModals .AllOrderMenha .orderItem .OrderStatus .Refused {
  color: #E2080C;
  font-size: 12px;
  width: -moz-max-content;
  width: max-content;
}
.ModalAuth .ForMenhaModals .MenhaUsers {
  margin-bottom: 24px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userImage {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo span {
  color: #8D8D8D;
  font-size: 12px;
  line-height: 0;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .progressBar {
  margin-bottom: 12px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  border-bottom: 8px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 14px;
  font-family: "din_R";
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo p {
  color: #8D8D8D;
  font-size: 13px;
  font-family: "din_R";
  font-weight: 400;
  line-height: 20px;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo p span {
  font-weight: 700;
  color: #000;
}
.ModalAuth .ForMenhaModals .MenhaUsers .orderItem .DeleteUser .DleteItem {
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  background: rgba(226, 8, 12, 0.0784313725);
  border-radius: 4px;
  color: #E2080C;
  font-size: 14px;
}
.ModalAuth .FiltrForModalMenhaBig {
  display: block;
  margin-bottom: 24px;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem {
  width: 100%;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem h2 {
  width: -moz-max-content;
  width: max-content;
  min-width: 85px;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem .form-group {
  width: 100%;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem .form-group .inputGroup {
  width: 100%;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem .form-group .inputGroup .dropdown .header-item {
  width: 100%;
  padding-inline-start: 50px;
}
.ModalAuth .FiltrForModalMenhaBig .filterIem .form-group .inputGroup .dropdown .dropdown-menu {
  width: 100%;
}
.ModalAuth .CoursesItems .DawraItem {
  margin-bottom: 24px;
}
.ModalAuth .CoursesItems .DawraItem .chiller_cb label {
  padding-right: 32px;
}
.ModalAuth .CoursesItems .DawraItem .courseItem {
  margin-bottom: 8px;
}
.ModalAuth .CoursesItems .DawraItem .courseItem .DowenBox {
  padding: 12px;
}
.ModalAuth .CoursesItems .DawraItem .courseItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 8px;
}
.ModalAuth .CoursesItems .DawraItem .courseItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-size: 16px;
}

.User_Avilable .AvilableItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0;
}
.User_Avilable .AvilableItem .rightInfo p span {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.User_Avilable .AvilableItem .rightInfo p img {
  margin-left: 5px;
}
.User_Avilable .AvilableItem .LeftInfo p {
  font-size: 16px;
  color: #8D8D8D;
  font-weight: 400;
}
.User_Avilable .AvilableItem .LeftInfo p span {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.User_Avilable .AvilableItem .LeftInfo p img {
  position: relative;
  top: -2px;
  margin-right: 3px;
}
.User_Avilable .Avilable .rightInfo p .IconAvilable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #5EBE90;
  color: #FFFFFF;
  margin-left: 4px;
}
.User_Avilable .Avilable .rightInfo p span {
  color: #5EBE90;
}
.User_Avilable .Not_Avilable .rightInfo p span {
  color: #E2080C;
}

.iti--separate-dial-code .iti__selected-flag {
  border-radius: 0;
}

.iti__country-list {
  z-index: 99999;
}

.chiller_cb label a {
  color: #5EBE90;
}

.Page_Header {
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
  padding-top: 135px;
  padding-bottom: 50px;
}
.Page_Header .PageTitle {
  text-align: center;
}
.Page_Header .PageTitle .UserImage {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 24px;
}
.Page_Header .PageTitle .UserImage img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Page_Header .PageTitle h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 16px;
  color: #FFFFFF;
}
.Page_Header .PageTitle .PofleUser_BTNS {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 30px;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .header-item {
  display: block;
  background: #fff;
  border-radius: 50%;
  height: 56px;
  width: 56px;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .header-item img {
  filter: brightness(0) grayscale(0);
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu {
  width: 180px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 8px 16px;
  text-align: start;
  left: auto !important;
  right: auto !important;
  z-index: 999999;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: #029FF9 !important;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #029FF9 !important;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu .dropdown-item img {
  margin-left: 5px;
}
.Page_Header .PageTitle .PofleUser_BTNS .HeaderDeop .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.Page_Header .PageTitle .PofleUser_BTNS .Green_BTN {
  position: relative;
  font-size: 16px;
  line-height: 52px;
  padding: 0px 16px;
  height: 56px;
  width: 145px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 50px;
}
.Page_Header .PageTitle .PofleUser_BTNS .Green_BTN img {
  margin-left: 5px;
}
.Page_Header .PageTitle .Bio {
  text-align: center;
  margin-bottom: 5px;
}
.Page_Header .PageTitle .Bio p {
  font-size: 16px;
  font-weight: 400;
  color: #bcbcbc;
  font-family: "din_R";
}
.Page_Header .PageTitle .Bio p span {
  font-weight: 400;
  margin: 0 5px;
}
.Page_Header .PageTitle .Bio p .active {
  color: #5EBE90;
}
.Page_Header .PageTitle .Bio p .block {
  color: #E2080C;
}
.Page_Header .PageTitle .Bio .UserStatistic {
  margin-top: 16px;
}
.Page_Header .PageTitle .Bio .UserStatistic ul li {
  display: inline-block;
  margin: 0 4px;
}
.Page_Header .PageTitle .Bio .UserStatistic ul li p {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
}
.Page_Header .PageTitle .Bio .UserStatistic ul li p img {
  display: inline-block;
  margin: 0;
}
.Page_Header .PageTitle .Bio .UserStatistic ul li p span {
  font-weight: 700;
}
.Page_Header .PageTitle .Bio .UserSocila {
  margin-top: 16px;
}
.Page_Header .PageTitle .Bio .UserSocila a {
  display: inline-flex;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 4px;
  margin: 4px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.Page_Header .PageTitle .Bio .UserSocila a img {
  display: inline-block;
}
.Page_Header .PageTitle .Bio .UserSocila a:hover {
  background: #029FF9;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}
.Page_Header .PageTitle ul {
  margin-top: 0px;
  padding: 0;
}
.Page_Header .PageTitle ul li {
  color: #8D8D8D;
  display: inline-block;
  margin: 5px;
  font-size: 16px;
  font-weight: 400;
}
.Page_Header .PageTitle ul li a {
  color: #bcbcbc;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.Page_Header .PageTitle ul li img {
  margin-left: 8px;
}
.Page_Header .PageTitle ul li.active {
  color: #FFFFFF;
}
.Page_Header .PageTitle ul li.active a {
  color: #FFFFFF;
}
.Page_Header .PageTitle ul li.active img {
  filter: none;
}
.Page_Header .PageTitle .SearchHeader {
  background: linear-gradient(90deg, #049FF7 0%, #57BB98 100%);
  padding: 3px;
  border-radius: 8px;
  margin-top: 24px;
}
.Page_Header .PageTitle .SearchHeader .formBox {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 8px;
  border-radius: 8px;
  position: relative;
}
.Page_Header .PageTitle .SearchHeader .formBox img {
  position: absolute;
  right: 8px;
}
.Page_Header .PageTitle .SearchHeader .formBox input {
  border: 0px;
  background: transparent;
  height: 56px;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  box-shadow: none;
  padding: 0 16px;
  line-height: 56px;
  padding-right: 30px;
}
.Page_Header .PageTitle .SearchHeader .formBox .theme-btn {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}

.filterdroop .header-item {
  display: block;
  position: relative;
  height: 56px;
  line-height: 52px;
  padding: 0 16px 0 24px;
  border-radius: 8px;
  background: transparent;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  min-width: 180px;
  text-align: start;
  color: #8D8D8D;
  font-family: "din_R";
}
.filterdroop .dropdown-menu {
  width: 180px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 8px 16px;
  text-align: start;
  z-index: 99999;
}
.filterdroop .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.filterdroop .dropdown-menu .dropdown-item:hover, .filterdroop .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #5EBE90 !important;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .Userata .Image {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .Userata .userInfo h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .Userata .userInfo p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.filterdroop .dropdown-menu .dropdown-item .UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}
.filterdroop .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.DropDowenUsers .dropdown-menu .UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  color: #000;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo h2 img {
  height: 20px;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p img {
  height: 20px;
}
.DropDowenUsers .dropdown-menu .UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}
.DropDowenUsers .dropdown-menu .SearchInputItem:first-child {
  border-bottom: 0 !important;
}

.Page_COntent {
  padding: 50px 0;
}

.coursesPage .CoursesItems {
  margin-top: 50px;
}

.Filtr_Items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.Filtr_Items .groupRight {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Filtr_Items .groupLeft {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Filtr_Items .filterIem {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Filtr_Items .filterIem .form-group {
  margin-bottom: 0;
}
.Filtr_Items .filterIem h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

/******************/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 52px;
  width: 50px;
  height: 50px;
  font-weight: 500;
  color: #000;
  text-align: center;
  border-radius: 4px;
  border-bottom: 0px;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  background: rgba(94, 190, 144, 0.0588235294);
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #FFFFFF !important;
  background: #5EBE90 !important;
  border: 1px solid #5EBE90 !important;
}

.styled-pagination li:first-child a, .styled-pagination li:last-child a {
  background: rgba(94, 190, 144, 0.0588235294);
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
}

.styled-pagination li:first-child a:hover, .styled-pagination li:last-child a:hover {
  background: #5EBE90 !important;
  border: 1px solid #5EBE90 !important;
}

.styled-pagination li:first-child a:hover img, .styled-pagination li:last-child a:hover img {
  filter: brightness(100) grayscale(100) !important;
}

.CourseDetailsHeader {
  padding: 50px 0;
  padding-top: 150px;
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
}
.CourseDetailsHeader .NashreDawra {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #001019;
}
.CourseDetailsHeader .NashreDawra p {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.CourseDetailsHeader .NashreDawra p img {
  margin-left: 8px;
}
.CourseDetailsHeader .NashreDawra button {
  display: block;
  width: -moz-max-content;
  width: max-content;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1607843137);
  color: #FFFFFF;
}
.CourseDetailsHeader .uprCourseDataBox {
  padding-left: 24px;
}
.CourseDetailsHeader .Breatkramp ul {
  margin-top: 0px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.CourseDetailsHeader .Breatkramp ul li {
  color: #8D8D8D;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.CourseDetailsHeader .Breatkramp ul li a {
  color: #bcbcbc;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.CourseDetailsHeader .Breatkramp ul li img {
  margin-left: 4px;
}
.CourseDetailsHeader .Breatkramp ul li.active {
  color: #FFFFFF;
}
.CourseDetailsHeader .Breatkramp ul li.active a {
  color: #FFFFFF;
}
.CourseDetailsHeader .Breatkramp ul li.active img {
  filter: none;
}
.CourseDetailsHeader .CourseShortInfo {
  margin-top: 24px;
}
.CourseDetailsHeader .CourseShortInfo .titilee {
  margin-bottom: 24px;
}
.CourseDetailsHeader .CourseShortInfo .titilee h2 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 46px;
  text-align: justify;
  line-height: 56px;
}
.CourseDetailsHeader .CourseShortInfo .courseCatAndType {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.CourseDetailsHeader .CourseShortInfo .courseCatAndType span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
}
.CourseDetailsHeader .CourseShortInfo .courseCatAndType span img {
  margin-left: 5px;
}
.CourseDetailsHeader .CourseShortInfo .shortDesc {
  margin-bottom: 24px;
}
.CourseDetailsHeader .CourseShortInfo .shortDesc p {
  color: #bcbcbc;
  font-size: 18px;
  line-height: 24px;
  text-align: justify;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee {
  display: flex;
  align-items: center;
  gap: 20px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss .rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss .rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss .rating-star .rating-symbol .UnselectedRate {
  color: #8D8D8D;
  font-size: 20px;
  margin: 0 2px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss .rating-star .badge {
  display: none;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss .rating-star .countrate {
  margin: 0 8px;
  color: #FFFFFF;
  font-size: 16px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss p {
  color: #FFFFFF;
  font-size: 16px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Starss p span {
  color: #FFFFFF;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Subscribe p {
  color: #bcbcbc;
  font-size: 16px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Subscribe p img {
  margin-left: 5px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Subscribe p span {
  color: #FFFFFF;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Datee p {
  color: #bcbcbc;
  font-size: 16px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Datee p img {
  margin-left: 5px;
}
.CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Datee p span {
  color: #FFFFFF;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 24px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre {
  display: flex;
  align-items: center;
  gap: 16px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre .iconimage .Image {
  background: #029FF9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre .iconimage .Image img {
  display: block;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre .trainerData .names p {
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 4px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre .trainerData .names p span {
  text-decoration: underline;
  margin: 0 4px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .Trainerre .trainerData .names .CourseTainer {
  color: #bcbcbc;
  font-size: 14px;
  margin: 0 4px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .favButton button {
  background: #5EBE90;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .favButton button .alt_image {
  display: block;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .favButton button .Full_image {
  display: none;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .favButton button.saved .alt_image {
  display: none;
}
.CourseDetailsHeader .CourseShortInfo .Trainner_Favicon .favButton button.saved .Full_image {
  display: block;
}

.courseDetaisPage .BoxCourseCartData {
  margin-top: -540px;
  margin-bottom: 24px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.courseDetaisPage .BoxCourseCartData .CourseImage {
  position: relative;
}
.courseDetaisPage .BoxCourseCartData .CourseImage .Image {
  height: 300px;
  width: 100%;
  display: block;
}
.courseDetaisPage .BoxCourseCartData .CourseImage .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.courseDetaisPage .BoxCourseCartData .CourseImage .VideoIcon {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.courseDetaisPage .BoxCourseCartData .CourseImage .VideoIcon a {
  background: rgba(0, 0, 0, 0.6);
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.courseDetaisPage .BoxCourseCartData .CourseImage .VideoIcon a img {
  display: block;
}
.courseDetaisPage .courseShortCartData {
  padding: 24px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: #FFFFFF;
}
.courseDetaisPage .courseShortCartData .CoursePrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.courseDetaisPage .courseShortCartData .CoursePrice .NewPrice {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.courseDetaisPage .courseShortCartData .CoursePrice .OldPrice {
  color: #8D8D8D;
  font-size: 20px;
  font-weight: 700;
  text-decoration: line-through;
}
.courseDetaisPage .courseShortCartData .cartAndPay {
  display: flex;
  gap: 8px;
}
.courseDetaisPage .courseShortCartData .cartAndPay .theme-btn {
  flex-grow: 1;
  margin: 0;
}
.courseDetaisPage .courseShortCartData .cartAndPay .DarkGrayBTN {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #FFFFFF;
  padding: 0px 16px;
  height: 56px;
  width: 100%;
  font-weight: 500;
  background: #8D8D8D;
  overflow: hidden;
  border-radius: 8px;
  border: 0px;
  text-align: center;
  pointer-events: none;
}
.courseDetaisPage .courseShortCartData .noteReturn {
  margin-top: 24px;
}
.courseDetaisPage .courseShortCartData .noteReturn p {
  color: #8D8D8D;
  font-size: 16px;
  text-align: center;
}
.courseDetaisPage .courseShortCartData .CouponCode {
  margin-top: 24px;
}
.courseDetaisPage .courseShortCartData .CouponCode h2 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
}
.courseDetaisPage .courseShortCartData .CouponCode .inputGroup .ApplayCode {
  background: none;
  height: 56px;
  padding: 0 24px;
  color: #029FF9;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.courseDetaisPage .courseShortCartData .CouponCode .inputGroup .ApplayCode.disabled {
  color: #8D8D8D;
  pointer-events: none;
}
.courseDetaisPage .courseShortCartData .CouponCode .ApplayedCodeBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: rgba(94, 190, 144, 0.0588235294);
}
.courseDetaisPage .courseShortCartData .CouponCode .ApplayedCodeBox .CodeData h2 {
  color: #5EBE90;
  font-size: 16px;
}
.courseDetaisPage .courseShortCartData .CouponCode .ApplayedCodeBox .CodeData h2 img {
  margin-right: 8px;
}
.courseDetaisPage .courseShortCartData .CouponCode .ApplayedCodeBox .CodeData p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}
.courseDetaisPage .courseShortCartData .CouponCode .ApplayedCodeBox .DeleteCode .DeleteBTN {
  background: none;
  height: 56px;
  padding: 0 8px;
  color: #E2080C;
  font-size: 16px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess {
  margin-top: 24px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  margin: 4px 0;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li p {
  color: #000;
  font-size: 16px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li p img {
  margin-left: 4px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li.Paymented .GreenCOlor {
  color: #5EBE90;
  font-size: 14px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li.Paymented .GrayCOlor {
  color: #8D8D8D;
  font-size: 14px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom {
  padding: 20px;
  border-radius: 8px;
  gap: 16px;
  display: flex;
  align-items: flex-start;
  background: rgba(2, 159, 249, 0.0588235294);
  width: 100%;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .icon {
  display: block;
  width: 24px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .icon img {
  display: block;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa {
  display: block;
  width: calc(100% - 40px);
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .LinkText {
  color: #029FF9;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  font-family: "din_R";
  display: block;
  text-decoration: underline;
  word-break: break-all;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .COpyLink {
  background: #fff;
  padding: 0 16px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #029FF9;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  transition: all 0.3s ease-in-out;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .COpyLink img {
  margin-left: 8px;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .COpyLink:hover {
  color: #FFFFFF;
  background: #029FF9;
}
.courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .COpyLink:hover img {
  filter: brightness(100) grayscale(100);
}

.courseDetaisContent {
  padding-left: 24px;
}
.courseDetaisContent .nav {
  display: flex;
  background: rgba(2, 159, 249, 0.0588235294);
  padding: 12px 16px;
  border-radius: 8px;
  border: 0;
  gap: 8px;
}
.courseDetaisContent .nav .nav-item {
  flex-grow: 1;
}
.courseDetaisContent .nav .nav-item .nav-link {
  background: none;
  border-radius: 8px;
  border: 0;
  height: 56px;
  line-height: 60px;
  padding: 0 16px;
  text-align: center;
  font-size: 16px;
}
.courseDetaisContent .nav .nav-item .nav-link span {
  color: #8D8D8D;
}
.courseDetaisContent .nav .nav-item .nav-link span img {
  margin-left: 4px;
}
.courseDetaisContent .nav .nav-item .nav-link:hover {
  background: rgba(94, 190, 144, 0.0588235294);
}
.courseDetaisContent .nav .nav-item .nav-link.active {
  background: #029FF9;
}
.courseDetaisContent .nav .nav-item .nav-link.active span {
  color: #FFFFFF;
}
.courseDetaisContent .nav .nav-item .nav-link.active span img {
  filter: brightness(100) grayscale(100);
}
.courseDetaisContent .CourseDetailsTap {
  padding-top: 24px;
}
.courseDetaisContent .CourseDetailsTap .COntTitle {
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .COntTitle h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}
.courseDetaisContent .CourseDetailsTap .COntTitle p {
  font-size: 16px;
  color: #8D8D8D;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .descption {
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .descption .MoreDecripDta {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .descption .MoreDecripDta::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50.8%, #FFFFFF 100%);
}
.courseDetaisContent .CourseDetailsTap .descption p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  font-family: "din_R";
  margin-bottom: 8px;
}
.courseDetaisContent .CourseDetailsTap .descption .ReadMor {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 4px;
  display: inline;
  line-height: 56px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .Eduction_Feature {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .Eduction_Feature .eduFeatItem {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.courseDetaisContent .CourseDetailsTap .Eduction_Feature .eduFeatItem span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.courseDetaisContent .CourseDetailsTap .Eduction_Feature .eduFeatItem p {
  display: block;
  width: calc(100% - 28px);
  font-size: 16px;
  color: #000;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .Neeeds {
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .Neeeds ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.courseDetaisContent .CourseDetailsTap .Neeeds ul li span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}
.courseDetaisContent .CourseDetailsTap .Neeeds ul li p {
  font-size: 16px;
  color: #000;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .Uploadsss {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .Uploadsss ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.courseDetaisContent .CourseDetailsTap .Uploadsss ul li:last-child {
  margin-bottom: 0;
}
.courseDetaisContent .CourseDetailsTap .Uploadsss ul li img {
  display: block;
}
.courseDetaisContent .CourseDetailsTap .Uploadsss ul li a {
  color: #029FF9;
  font-size: 16px;
  text-decoration: underline;
  font-family: "din_R";
  font-weight: 400;
}
.courseDetaisContent .CourseDetailsTap .CourseStatisti_Info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .CourseStatisti_Info p {
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .CourseStatisti_Info p span {
  margin: 0 4px;
}
.courseDetaisContent .CourseDetailsTap .CourseStatisti_Info .OpenAll {
  display: block;
  color: #029FF9;
  text-decoration: underline;
  font-size: 16px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
  background: #029FF9;
  box-shadow: none;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button::after {
  content: none;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide img {
  display: block;
  filter: grayscale(100) brightness(100);
  transform: rotate(180deg);
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide h2 {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .leftSide p {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .leftSide p span {
  margin: 0 4px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background: rgba(2, 159, 249, 0.0588235294);
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide img {
  filter: none;
  transform: rotate(0);
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide h2 {
  color: #000;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .leftSide p {
  color: #8D8D8D;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item:first-child .accordion-header .accordion-button {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide {
  display: flex;
  align-items: center;
  gap: 8px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .ImageIcon {
  display: block;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .FollowVideo {
  color: #029FF9;
  font-family: "din_R";
  text-decoration: underline;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DowenFIle {
  padding: 4px 12px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  font-size: 14px;
  border-radius: 4px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DowenFIle img {
  margin: 4px;
}
.courseDetaisContent .CourseDetailsTap .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .image {
  display: block;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo h2 {
  color: #000;
  text-decoration: underline;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Jobtitle {
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Jobtitle p {
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Jobtitle p span {
  margin: 0 4px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Statistics {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Statistics p {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Statistics p img {
  display: inline-block;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .InstructorInfo .DataInfo .Statistics p span {
  font-weight: 700;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .descption {
  margin-bottom: 0;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .descption .MoreDecripDta {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .descption .MoreDecripDta::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50.8%, #FFFFFF 100%);
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .descption p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  font-family: "din_R";
  margin-bottom: 8px;
}
.courseDetaisContent .CourseDetailsTap .Instructorsss .InstructorItem .descption .ReadMor {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 4px;
  display: inline;
  line-height: 56px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox {
  margin-bottom: 32px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate {
  padding: 32px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate h2 {
  color: #000;
  font-size: 40px;
  margin-bottom: 8px;
  font-weight: 700;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate .rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate .rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate .rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate .rating-star .badge {
  display: none;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .TotalCOuntRate p {
  color: #8D8D8D;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating {
  padding: 32px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .rateCountValue {
  display: flex;
  width: 135px;
  gap: 8px;
  align-items: center;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .rateCountValue i {
  color: #B4D100;
  font-size: 22px;
  position: relative;
  top: -4px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .rateCountValue p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .rateCountValue p span {
  font-weight: 500;
  margin: 8px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .RateingProgressBare {
  display: block;
  width: calc(100% - 143px);
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .RateingProgressBare .bar-item .skill-bar .bar-inner {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .RateingProgressBare .bar-item .skill-bar .bar-inner .bar {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  width: 0px;
  border-bottom: 8px solid #029FF9;
  transition: all 2000ms ease;
  border-radius: 8px;
}
.courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem:last-child {
  margin-bottom: 0;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin: 0;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData {
  display: flex;
  align-items: center;
  gap: 8px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .iconCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  background: #5EBE90;
  border-radius: 50%;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .iconCircle span {
  color: #FFFFFF;
  font-size: 16px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .badge {
  display: none;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .countrate {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN .noreport {
  display: inline-block;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN .reportdone {
  display: none;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN span {
  display: none;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported .noreport {
  display: none;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported .reportdone {
  display: inline-block;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported span {
  display: inline-block;
  color: #E2080C;
  font-size: 16px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .Description {
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .Description p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .DowenReview {
  display: flex;
  align-items: center;
  gap: 24px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .DowenReview .question p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .DowenReview .Answores {
  display: flex;
  align-items: center;
  gap: 8px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .DowenReview .Answores .YessAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.courseDetaisContent .CourseDetailsTap .ReviewsItemss .RviewItem .DowenReview .Answores .NoAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: #FFFFFF;
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.courseDetaisContent .CourseDetailsTap .LoadMoreReviews {
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .LoadMoreReviews a {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 4px;
  display: inline;
  line-height: 56px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.courseDetaisContent .CourseDetailsTap .AddReviewwBox {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .AddReviewwBox .titileRate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.courseDetaisContent .CourseDetailsTap .AddReviewwBox .titileRate h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.courseDetaisContent .CourseDetailsTap .AddReviewwBox .titileRate .rating-star .rating-symbol {
  cursor: pointer;
}
.courseDetaisContent .CourseDetailsTap .AddReviewwBox .form-group label {
  color: #000;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace h2 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
  color: #000;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace h2 img {
  margin: 4px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  margin-bottom: 24px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .mapsIframe {
  display: block;
  height: 300px;
  width: 100%;
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .mapsIframe iframe {
  display: block;
  height: 100%;
  width: 100%;
  outline: 0;
  box-shadow: none;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .mapsIframe iframe:focus {
  outline: 0;
  box-shadow: none;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .FollowOnMap a {
  display: block;
  width: 230px;
  height: 56px;
  line-height: 52px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  color: #029FF9;
  transition: all 0.3s ease-in-out;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .FollowOnMap a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .Title_ButonStarrt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .Title_ButonStarrt .StartNow {
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  padding: 0 16px;
  background: #5EBE90;
  color: #FFFFFF;
  font-size: 13px;
  font-family: "din_R";
  font-weight: 400;
  min-width: 100px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom {
  padding: 20px;
  border-radius: 4px;
  gap: 16px;
  display: flex;
  align-items: flex-start;
  background: rgba(2, 159, 249, 0.0588235294);
  width: 100%;
  margin-top: 24px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .icon {
  display: block;
  width: 24px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .icon img {
  display: block;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa {
  display: block;
  width: calc(100% - 40px);
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .LinkText {
  color: #029FF9;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  font-family: "din_R";
  display: block;
  text-decoration: underline;
  word-break: break-all;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .COpyLink {
  background: #fff;
  padding: 0 16px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #029FF9;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  transition: all 0.3s ease-in-out;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .COpyLink img {
  margin-left: 8px;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .COpyLink:hover {
  color: #FFFFFF;
  background: #029FF9;
}
.courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .COpyLink:hover img {
  filter: brightness(100) grayscale(100);
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem:last-child {
  border-bottom: 0 !important;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .UserData {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .UserData .iconCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  background: #5EBE90;
  border-radius: 50%;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .UserData .iconCircle span {
  color: #FFFFFF;
  font-size: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .UserData .UserInfo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .UserData .UserInfo p {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .Description {
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Question .Description p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr {
  padding-right: 56px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo {
  display: flex;
  align-items: center;
  gap: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .ImageUser {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .ImageUser img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .UserData {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .UserData .DataCOntent h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .UserData .DataCOntent p {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .userInfo .UserData .Motareb {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #029FF9;
  border-radius: 4px;
  font-size: 14px;
  background: rgba(2, 159, 249, 0.0588235294);
  margin: 8px;
  padding: 0 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .DescAnswer {
  margin-bottom: 16px;
}
.courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr .DescAnswer p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}

.VideoPlayerr {
  height: calc(100vh - 80px);
}

.plyr--video {
  height: calc(100vh - 80px);
}

/**********************************/
.PageVideoHeader {
  background: linear-gradient(252.33deg, #002032 0.58%, #029FF9 100%);
  padding: 12px 0px;
}
.PageVideoHeader .HeaderContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.PageVideoHeader .HeaderContent .rightSide {
  display: flex;
  align-items: center;
}
.PageVideoHeader .HeaderContent .rightSide .logo {
  padding: 0 16px;
}
.PageVideoHeader .HeaderContent .rightSide .logo a img {
  display: block;
  height: 30px;
}
.PageVideoHeader .HeaderContent .rightSide .bioo p {
  font-size: 16px;
  color: #FFFFFF;
  padding: 0 16px;
  border-right: 2px solid rgba(255, 255, 255, 0.1019607843);
}
.PageVideoHeader .HeaderContent .leftSidee {
  display: flex;
  align-items: center;
  gap: 16px;
}
.PageVideoHeader .HeaderContent .leftSidee .ButonCLosAndBack a {
  display: inline-flex;
  height: 50px;
  background: rgba(255, 255, 255, 0.1019607843);
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  margin: 0;
  padding: 0 16px;
  color: #FFFFFF;
}
.PageVideoHeader .HeaderContent .leftSidee .ButonCLosAndBack a img {
  margin-left: 8px;
}
.PageVideoHeader .HeaderContent .leftSidee .ButtonOpenMnu .theme-btn {
  height: 50px;
  width: auto;
}
.PageVideoHeader .HeaderContent .leftSidee .ButtonOpenMnu .theme-btn img {
  margin-left: 8px;
}
.PageVideoHeader .HeaderContent .leftSidee .QuesMessage .Questio_BTN {
  display: inline-flex;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1019607843);
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  cursor: pointer;
  margin: 0;
}
.PageVideoHeader .HeaderContent .leftSidee .QuesMessage .Questio_BTN img {
  display: block;
}
.PageVideoHeader .HeaderContent .leftSidee .courseComplete {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row-reverse;
}
.PageVideoHeader .HeaderContent .leftSidee .courseComplete p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.PageVideoHeader .HeaderContent .leftSidee .courseComplete p span {
  margin: 0 4px;
}

/****************/
.superAgentRight {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #1d0c2e;
  width: 40%;
  right: 0;
  transition: 0.3s;
  transform: translate(100%);
  overflow: hidden;
  z-index: 9999;
  padding: 0px;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}
.superAgentRight::-webkit-scrollbar {
  width: 6px;
  background: #fff;
}
.superAgentRight::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 6px;
  background: #eee;
}

.overlay-menu-right {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  display: none;
  z-index: 999;
}
.overlay-menu-right .close-menu {
  position: absolute;
  left: auto;
  right: 41%;
  font-size: 30px !important;
  top: 13px;
  cursor: pointer;
}

.overlay-menu-right.active {
  display: block;
}

.super-agent.active {
  transform: translate(0);
}

body.no-scroll {
  overflow: hidden;
}

.MenuSideBare {
  height: 100%;
}
.MenuSideBare .MenuHeader {
  border-bottom: 0px solid #E8E8E8;
  padding: 24px;
  margin-bottom: 0px;
}
.MenuSideBare .MenuHeader .UperHeader {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.MenuSideBare .MenuHeader .closeIcon {
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  font-size: 30px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.MenuSideBare .MenuHeader .closeIcon img {
  transition: all 0.3s ease-in-out;
}
.MenuSideBare .MenuHeader .closeIcon:hover img {
  transform: scale(1.1);
}
.MenuSideBare .MenuHeader .headerData {
  line-height: normal;
}
.MenuSideBare .MenuHeader .headerData h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
}
.MenuSideBare .MenuHeader .headerData p {
  font-weight: 500;
  font-size: 16px;
}
.MenuSideBare .MenuBody {
  height: calc(100% - 88px);
  overflow: auto;
  padding: 0;
}
.MenuSideBare .MenuBody::-webkit-scrollbar {
  width: 6px;
  background: rgba(255, 255, 255, 0.0588235294);
}
.MenuSideBare .MenuBody::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 6px;
  background: #bcbcbc;
}
.MenuSideBare .MenuBody .form-group label {
  color: #000;
  font-size: 16px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 500;
}
.MenuSideBare .MenuBody .form-group .inputGroup {
  position: relative;
}
.MenuSideBare .MenuBody .form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 56px;
  justify-content: center;
    z-index: 999;
}
.MenuSideBare .MenuBody .form-group .inputGroup .IconSHape img {
  display: block;
  height: 20px;
}
.MenuSideBare .MenuBody .form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: center;
    z-index: 999;
}
.MenuSideBare .MenuBody .form-group .inputGroup .IconSHape_2 img {
  display: block;
  height: 20px;
}
.MenuSideBare .MenuBody .form-group .inputGroup .select2-container--default .select2-selection--multiple {
  padding: 0 35px;
  min-height: 56px;
}
.MenuSideBare .MenuBody .form-group .inputGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 7px;
}
.MenuSideBare .MenuBody .form-group .inputGroup .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px;
}
.MenuSideBare .MenuBody .form-group button {
  width: 100%;
  border-radius: 35px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item {
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
  background: #029FF9;
  box-shadow: none;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button::after {
  content: none;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide img {
  display: block;
  filter: grayscale(100) brightness(100);
  transform: rotate(180deg);
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .rightSide h2 {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .leftSide p {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button .leftSide p span {
  margin: 0 4px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background: rgba(2, 159, 249, 0.0588235294);
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide img {
  filter: none;
  transform: rotate(0);
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .rightSide h2 {
  color: #000;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-header .accordion-button.collapsed .leftSide p {
  color: #8D8D8D;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item:first-child .accordion-header .accordion-button {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide {
  display: flex;
  align-items: center;
  gap: 8px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .ImageIcon {
  display: block;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .FollowVideo {
  color: #029FF9;
  font-family: "din_R";
  text-decoration: underline;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DowenFIle {
  padding: 4px 12px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  font-size: 14px;
  border-radius: 4px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .rightSide .DowenFIle img {
  margin: 4px;
}
.MenuSideBare .CourseDataTaps .accordion .accordion-item .accordion-body .MohtawaCourseItems ul li .leftSide p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  display: block;
  width: -moz-max-content;
  width: max-content;
}

.select2-container {
  z-index: 9999 !important;
}

/*******************/
.ExamPage {
  padding: 50px;
}
.ExamPage .ExamHeader {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ExamPage .ExamHeader .RightSide h2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 12px;
}
.ExamPage .ExamHeader .RightSide p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.ExamPage .ExamHeader .RightSide p span {
  margin: 0;
}
.ExamPage .ExamHeader .LeftSide {
  min-width: 30%;
}
.ExamPage .ExamHeader .LeftSide .progressBar {
  margin-bottom: 16px;
}
.ExamPage .ExamHeader .LeftSide .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.ExamPage .ExamHeader .LeftSide .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  border-bottom: 8px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.ExamPage .ExamHeader .LeftSide .EaxmCounts {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.ExamPage .ExamHeader .LeftSide .EaxmCounts p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
}
.ExamPage .ExamHeader .LeftSide .EaxmCounts p span {
  margin: 4px;
}
.ExamPage .ExamQuestions {
  padding-top: 24px;
}
.ExamPage .ExamQuestions .QuetionItem {
  padding-bottom: 24px;
}
.ExamPage .ExamQuestions .QuetionItem .QuetionTitle {
  margin-bottom: 24px;
}
.ExamPage .ExamQuestions .QuetionItem .QuetionTitle h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.ExamPage .ExamQuestions .QuetionItem .QuetionAnswoer .AnswerItem {
  margin-bottom: 12px;
}
.ExamPage .ExamQuestions .QuetionItem .QuetionAnswoer .AnswerItem .chiller_cb label {
  font-size: 16px;
  font-family: "din_R";
  color: #000;
  padding: 0 32px;
}
.ExamPage .navigationQuetions {
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-top: 24px;
  margin-top: 24px;
}
.ExamPage .navigationQuetions ul {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.ExamPage .navigationQuetions ul li {
  display: inline-block;
  margin: 4px;
}
.ExamPage .navigationQuetions ul li button:disabled {
  display: none;
}
.ExamPage .navigationQuetions ul li .backward img {
  transform: rotate(180deg);
}

.ExameResult {
  padding: 50px;
}
.ExameResult .CongratSec {
  margin-bottom: 24px;
}
.ExameResult .CongratSec .CheckTruIcon {
  display: flex;
  height: 66px;
  width: 66px;
  border-radius: 50px;
  margin: auto;
  margin-bottom: 16px;
  background: #5EBE90;
  align-items: center;
  justify-content: center;
}
.ExameResult .CongratSec .CheckTruIcon span {
  color: #FFFFFF;
  font-size: 40px;
}
.ExameResult .CongratSec h2 {
  color: #000;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 700;
}
.ExameResult .CongratSec p {
  font-size: 16px;
  line-height: 24px;
  color: #8D8D8D;
  text-align: center;
}
.ExameResult .ResultBox {
  padding: 24px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.ExameResult .ResultBox .FinalResult h2 {
  font-weight: 500;
  font-size: 16px;
  color: #8D8D8D;
  line-height: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.ExameResult .ResultBox .FinalResult h1 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.ExameResult .ResultBox .FinalResult h1 .Succss {
  background: #5EBE90;
  color: #FFFFFF;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  min-width: 75px;
  margin: 0 8px;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
.ExameResult .ResultBox .FinalResult h1 .Failed {
  background: #E2080C;
  color: #FFFFFF;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  min-width: 75px;
  margin: 0 8px;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
.ExameResult .ResultBox .FinalResult .writeWrongAnswers {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.ExameResult .ResultBox .FinalResult .writeWrongAnswers .truAsnwes {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.ExameResult .ResultBox .FinalResult .writeWrongAnswers .truAsnwes span {
  color: #5EBE90;
  margin: 0 4px;
}
.ExameResult .ResultBox .FinalResult .writeWrongAnswers .falseAnswers {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.ExameResult .ResultBox .FinalResult .writeWrongAnswers .falseAnswers span {
  color: #E2080C;
  margin: 0 4px;
}
.ExameResult .ResultBox .ReExame {
  padding: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  margin-top: 40px;
}
.ExameResult .ResultBox .ReExame p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.ExameResult .ResultBox .ReExame p span {
  color: #029FF9;
  font-weight: 600;
  margin: 4px;
}
.ExameResult .ResultBox .ReExame .exameReA {
  height: 52px;
  line-height: 52px;
  border-radius: 8px;
  padding: 0 24px;
  background: #5EBE90;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
}
.ExameResult .ResultBox .ReExame .exameReA.desabled {
  pointer-events: none;
  background: #8D8D8D;
}

.cartPage .CustomTitle {
  margin-bottom: 32px;
}
.cartPage .CustomTitle h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}
.cartPage .CustomTitle h2 span {
  color: #5EBE90;
}
.cartPage .CustomTitle p {
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.cartPage .carItems {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 32px;
  margin-bottom: 32px;
  border-radius: 8px;
}
.cartPage .carItems .ItemCart {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.cartPage .carItems .ItemCart:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.cartPage .carItems .ItemCart .ItemImage {
  display: block;
  width: 132px;
  height: 132px;
  overflow: hidden;
  border-radius: 8px;
}
.cartPage .carItems .ItemCart .ItemImage img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cartPage .carItems .ItemCart .ItemData {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  flex-direction: column;
  height: 132px;
  width: calc(100% - 156px);
}
.cartPage .carItems .ItemCart .ItemData .TitleDelete {
  display: flex;
  align-items: self-start;
  gap: 8px;
}
.cartPage .carItems .ItemCart .ItemData .TitleDelete h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-align: justify;
}
.cartPage .carItems .ItemCart .ItemData .TitleDelete .DeleteItem {
  background: none;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: self-start;
  justify-content: flex-end;
}
.cartPage .carItems .ItemCart .ItemData .TitleDelete .DeleteItem img {
  display: block;
}
.cartPage .carItems .ItemCart .ItemData .TrainerName p {
  color: #8D8D8D;
  font-size: 16px;
  line-height: 20px;
}
.cartPage .carItems .ItemCart .ItemData .Price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cartPage .carItems .ItemCart .ItemData .Price .NewPrice {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.cartPage .carItems .ItemCart .ItemData .Price .oldPrice {
  color: #8D8D8D;
  font-size: 16px;
  text-decoration: line-through;
  font-family: "din_R";
}
.cartPage .PayMentMetods {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 32px;
  margin-bottom: 32px;
  border-radius: 8px;
}
.cartPage .PayMentMetods .PaymetItem {
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 32px;
  padding-bottom: 32px;
}
.cartPage .PayMentMetods .PaymetItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0 !important;
}
.cartPage .PayMentMetods .PaymetItem .PayData {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cartPage .PayMentMetods .PaymetItem .PayData img {
  display: block;
}
.cartPage .PayMentMetods .PaymetItem .PayData h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.cartPage .PayMentMetods .PaymetItem .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}
.cartPage .CartAmmountBox .TotalPice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  height: 100px;
  margin-bottom: 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.cartPage .CartAmmountBox .TotalPice p {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.cartPage .CartAmmountBox .TotalPice h2 {
  display: flex;
  align-items: flex-end;
  color: #000;
  font-weight: 700;
  font-size: 40px;
  gap: 8px;
}
.cartPage .CartAmmountBox .TotalPice h2 span {
  font-size: 20px;
}
.cartPage .CartAmmountBox .cartMoreDetails {
  margin-bottom: 24px;
}
.cartPage .CartAmmountBox .cartMoreDetails ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  margin: 8px 0;
}
.cartPage .CartAmmountBox .cartMoreDetails ul li p {
  color: #000;
  font-size: 16px;
}
.cartPage .CartAmmountBox .cartMoreDetails ul li p strong {
  font-weight: 700;
}
.cartPage .CartAmmountBox .cartMoreDetails ul li p span {
  color: #5EBE90;
  margin-left: 8px;
}
.cartPage .CartAmmountBox .SheppingBTN .theme-btn img {
  margin-left: 8px;
}
.cartPage .CartAmmountBox .CouponCode {
  margin-top: 24px;
}
.cartPage .CartAmmountBox .CouponCode h1 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cartPage .CartAmmountBox .CouponCode h2 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
}
.cartPage .CartAmmountBox .CouponCode .inputGroup .ApplayCode {
  background: none;
  height: 56px;
  padding: 0 24px;
  color: #029FF9;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.cartPage .CartAmmountBox .CouponCode .inputGroup .ApplayCode.disabled {
  color: #8D8D8D;
  pointer-events: none;
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  border: 2px dashed rgba(94, 190, 144, 0.1019607843);
  background: rgba(94, 190, 144, 0.0588235294);
  margin-bottom: 24px;
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox .CodeData h2 {
  color: #5EBE90;
  font-size: 16px;
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox .CodeData h2 span {
  color: #000;
  font-family: "din_R";
  margin: 0 4px;
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox .CodeData h2 img {
  margin-right: 4px;
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox .CodeData p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}
.cartPage .CartAmmountBox .CouponCode .ApplayedCodeBox .DeleteCode .DeleteBTN {
  background: none;
  height: 56px;
  padding: 0 8px;
  color: #E2080C;
  font-size: 16px;
}
.cartPage .CartAmmountBox .CouponCode .RejectedCodeBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  border: 2px dashed rgba(226, 8, 12, 0.0784313725);
  background: rgba(226, 8, 12, 0.0784313725);
  margin-bottom: 24px;
}
.cartPage .CartAmmountBox .CouponCode .RejectedCodeBox .CodeData h2 {
  color: #E2080C;
  font-size: 16px;
  margin-bottom: 0;
}
.cartPage .CartAmmountBox .CouponCode .RejectedCodeBox .CodeData h2 span {
  color: #000;
  font-family: "din_R";
  margin: 0 4px;
}
.cartPage .CartAmmountBox .CouponCode .RejectedCodeBox .CodeData h2 img {
  margin-right: 4px;
}
.cartPage .CongratSec {
  margin-bottom: 24px;
}
.cartPage .CongratSec .CheckTruIcon {
  display: flex;
  height: 66px;
  width: 66px;
  border-radius: 50px;
  margin: auto;
  margin-bottom: 16px;
  background: #5EBE90;
  align-items: center;
  justify-content: center;
}
.cartPage .CongratSec .CheckTruIcon span {
  color: #FFFFFF;
  font-size: 40px;
}
.cartPage .CongratSec h2 {
  color: #000;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 700;
}
.cartPage .CongratSec p {
  font-size: 16px;
  line-height: 24px;
  color: #8D8D8D;
  text-align: center;
}
.cartPage .fatorMainInfoBox {
  padding: 32px;
  margin: auto;
  margin-bottom: 56px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  width: 80%;
}
.cartPage .fatorMainInfoBox .InfoItemFat {
  text-align: center;
}
.cartPage .fatorMainInfoBox .InfoItemFat img {
  margin: auto;
  margin-bottom: 8px;
  height: 32px;
}
.cartPage .fatorMainInfoBox .InfoItemFat p {
  color: #8D8D8D;
  font-size: 16px;
  margin-bottom: 8px;
}
.cartPage .fatorMainInfoBox .InfoItemFat h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.cartPage .fatorMainInfoBox .InfoItemFat h2 span {
  font-weight: 400;
  font-family: "din_R";
  font-size: 14px;
  padding: 4px 8px;
  background: #5EBE90;
  color: #FFFFFF;
  border-radius: 4px;
  margin: 0 4px;
  display: inline-block;
}
.cartPage .OrderDetails {
  padding: 32px;
  margin: auto;
  margin-bottom: 56px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  width: 80%;
}
.cartPage .OrderDetails h2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
}
.cartPage .OrderDetails ul li {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.cartPage .OrderDetails ul li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.cartPage .OrderDetails ul li p {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  color: #000;
  font-size: 16px;
  margin-bottom: 12px;
}
.cartPage .OrderDetails ul li p:last-child {
  margin-bottom: 0;
}
.cartPage .OrderDetails ul li p strong {
  font-weight: 700;
}
.cartPage .OrderDetails ul li p a {
  color: #000;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.cartPage .OrderDetails ul li p a:hover {
  color: #029FF9;
}
.cartPage .OrderDetails ul li p span {
  font-weight: 500;
}
.cartPage .OrderDetails ul li p span.Success {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 100px;
  text-align: center;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.cartPage .OrderDetails ul li p span.Rejected {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 100px;
  text-align: center;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.cartPage .PrintAndDowenFatora {
  margin: auto;
  margin-top: 56px;
  width: 80%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.cartPage .PrintAndDowenFatora .theme-btn {
  min-width: 230px;
}
.cartPage .BackageBox {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 16px 32px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartPage .BackageBox .backageData {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.cartPage .BackageBox .backageData .backageIcon {
  padding: 16px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.cartPage .BackageBox .backageData .backageIcon img {
  display: block;
  height: 40px;
}
.cartPage .BackageBox .backageData .BackageDtaa {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  padding: 4px 0;
}
.cartPage .BackageBox .backageData .BackageDtaa h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.cartPage .BackageBox .backageData .BackageDtaa p {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
}
.cartPage .BackageBox .backageData .BackageDtaa p span {
  font-size: 24px;
}
.cartPage .BackageBox .ChangeBackage a {
  width: 100px;
  padding: 0 16px;
  border-radius: 8px;
  height: 46px;
  line-height: 46px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
  transition: all 0.3s ease-in-out;
  display: block;
}
.cartPage .BackageBox .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.cartPage .BackageBox.mainBackage {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: #fff;
}
.cartPage .BackageBox.mainBackage .backageIcon {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.cartPage .BackageBox.mainBackage .ChangeBackage a {
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
}
.cartPage .BackageBox.mainBackage .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.cartPage .FormBoxOrder {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}
.cartPage .FormBoxOrder .socialSelect_p_0 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 56px;
  height: 56px;
  color: #000;
}
.cartPage .FormBoxOrder .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
}

.BackagesPage {
  padding-top: 20px;
}
.BackagesPage .BackagTaps .nav {
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  padding: 12px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border: 0;
  margin-bottom: 30px;
}
.BackagesPage .BackagTaps .nav .nav-item {
  border: 0;
  min-width: 175px;
  text-align: center;
}
.BackagesPage .BackagTaps .nav .nav-item .nav-link {
  height: 56px;
  border-radius: 8px;
  border: 0;
  line-height: 56px;
  padding: 0 24px;
  color: #000;
}
.BackagesPage .BackagTaps .nav .nav-item .nav-link .Note {
  background: #5EBE90;
  color: #FFFFFF;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50px;
  margin: 8px;
}
.BackagesPage .BackagTaps .nav .nav-item .active {
  background: #029FF9;
  color: #FFFFFF;
}
.BackagesPage .BackagesItems .ItemBacage {
  padding: 40px 32px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 24px;
  position: relative;
}
.BackagesPage .BackagesItems .ItemBacage .aksarshohraImage {
  position: absolute;
  top: -10px;
  left: -10px;
}
.BackagesPage .BackagesItems .ItemBacage .aksarshohraImage img {
  display: block;
}
.BackagesPage .BackagesItems .ItemBacage.active_Item {
  background: rgba(94, 190, 144, 0.0588235294);
  border: 2px solid #5EBE90 !important;
}
.BackagesPage .BackagesItems .ItemBacage .iconImage {
  margin-bottom: 16px;
}
.BackagesPage .BackagesItems .ItemBacage .iconImage img {
  display: block;
  height: 64px;
  width: auto;
  margin: auto;
}
.BackagesPage .BackagesItems .ItemBacage .titile {
  margin-bottom: 16px;
  text-align: center;
}
.BackagesPage .BackagesItems .ItemBacage .titile h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  background: linear-gradient(261.28deg, #049FF7 30.89%, #57BB98 58.58%);
  -webkit-background-clip: text;
  color: transparent;
}
.BackagesPage .BackagesItems .ItemBacage .Price {
  margin-bottom: 24px;
  text-align: center;
}
.BackagesPage .BackagesItems .ItemBacage .Price h1 {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 40px;
}
.BackagesPage .BackagesItems .ItemBacage .Price h1 span {
  font-size: 40px;
}
.BackagesPage .BackagesItems .ItemBacage .Price p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #8D8D8D;
}
.BackagesPage .BackagesItems .ItemBacage .BackageFeatrues {
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 24px 0;
}
.BackagesPage .BackagesItems .ItemBacage .BackageFeatrues ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.BackagesPage .BackagesItems .ItemBacage .BackageFeatrues ul li span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8D8D8D;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 14px;
}
.BackagesPage .BackagesItems .ItemBacage .BackageFeatrues ul li span.active {
  background: #5EBE90;
}
.BackagesPage .BackagesItems .ItemBacage .BackageFeatrues ul li p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-family: "din_R";
}
.BackagesPage .BackagesItems .ItemBacage .SubscriptBTN .theme-btn {
  display: block;
}

.MosharkaSteps_Lp {
  padding: 80px 0;
  padding-top: 0;
}
.MosharkaSteps_Lp .StepsGroup {
  display: flex;
  margin-top: 60px;
  gap: 100px;
  justify-content: space-between;
}
.MosharkaSteps_Lp .StepsGroup .StepItem {
  background: rgba(2, 159, 249, 0.0588235294);
  position: relative;
  height: 280px;
  width: 320px;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 24px 32px;
}
.MosharkaSteps_Lp .StepsGroup .StepItem:nth-child(1) {
  z-index: 3;
}
.MosharkaSteps_Lp .StepsGroup .StepItem:nth-child(2) {
  z-index: 2;
}
.MosharkaSteps_Lp .StepsGroup .StepItem:nth-child(3) {
  z-index: 1;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepData {
  display: flex;
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepData img {
  margin-bottom: 16px;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepData h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  padding: 0 4px;
  margin-bottom: 16px;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepData p {
  color: #029FF9;
  font-size: 24px;
  font-weight: 700;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepArowIamge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  left: -75px;
  top: calc(50% - 24px);
  z-index: 99;
}
.MosharkaSteps_Lp .StepsGroup .StepItem .StepArowIamge img {
  display: block;
}

.FAQSection_Home {
  padding: 80px 0;
  background: rgba(94, 190, 144, 0.0588235294);
  position: relative;
}
.FAQSection_Home .FAQSecCOntent {
  position: relative;
  z-index: 2;
}
.FAQSection_Home .imagesFaqBG {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  width: 100%;
}
.FAQSection_Home .imagesFaqBG .RIghtIso {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1;
}
.FAQSection_Home .imagesFaqBG .LeftIso {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
}
.FAQSection_Home .FAQGroup {
  margin: auto;
  width: 80%;
}
.FAQSection_Home .FAQGroup .accordion {
  width: 100%;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item {
  margin-bottom: 0;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  border-radius: 0;
  overflow: hidden;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header {
  line-height: normal;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button {
  background: #fff;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  box-shadow: none;
  outline: 0;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button span {
  font-weight: 700;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: #5EBE90;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) span {
  color: #FFFFFF;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) img {
  filter: brightness(100) grayscale(100);
  transform: rotate(180deg);
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button::after {
  content: none;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-header .accordion-button img {
  transition: all 0.2s ease-in-out;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-collapse .accordion-body {
  background: #fff;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-body {
  padding: 24px;
}
.FAQSection_Home .FAQGroup .accordion .accordion-item .accordion-body p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
}

.UploadInput {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 32px 12px;
  background: rgba(2, 159, 249, 0.0588235294);
  position: relative;
}
.UploadInput .dz-message {
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  text-align: center;
}
.UploadInput .dz-message img {
  margin-bottom: 16px;
}
.UploadInput .dz-message h4 {
  margin-bottom: 12px;
  font-size: 14px;
}
.UploadInput .dz-message h4 span {
  color: #5EBE90;
}
.UploadInput .dz-message p {
  direction: ltr;
  font-size: 12px;
}
.UploadInput .ImagePrivewAndDelete {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}
.UploadInput .ImagePrivewAndDelete .ImagePrivw {
  height: 200px;
  width: 200px;
  border-radius: 16px;
  overflow: hidden;
  display: block;
}
.UploadInput .ImagePrivewAndDelete .ImagePrivw img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.UploadInput .ImagePrivewAndDelete .ImageData h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 4px 0;
}
.UploadInput .ImagePrivewAndDelete .ImageData span {
  position: relative;
  font-size: 16px;
  line-height: 45px;
  padding: 0px 16px;
  height: 40px;
  width: auto;
  font-weight: 500;
  overflow: hidden;
  border-radius: 50px;
  background: #029FF9;
  color: #FFFFFF;
  display: block;
  direction: ltr;
}
.UploadInput .DeleteImage {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background: transparent;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profilePage .ProfileNav {
  padding: 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 24px;
}
.profilePage .ProfileNav ul {
  margin: 0;
}
.profilePage .ProfileNav ul li {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 20px 0px;
  border-radius: 0;
  margin-bottom: 0;
}
.profilePage .ProfileNav ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.profilePage .ProfileNav ul li a p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_R";
}
.profilePage .ProfileNav ul li a p span {
  color: #029FF9;
  margin: 0 4px;
}
.profilePage .ProfileNav ul li a p img {
  margin-left: 8px;
}
.profilePage .ProfileNav ul li a .ArrowImage {
  display: none;
}
.profilePage .ProfileNav ul li.active {
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  border-radius: 8px;
  border: 0;
  padding: 20px 16px;
}
.profilePage .ProfileNav ul li.active p {
  color: #FFFFFF;
}
.profilePage .ProfileNav ul li.active p span {
  color: #FFFFFF;
}
.profilePage .ProfileNav ul li.active p img {
  filter: brightness(100) grayscale(100);
}
.profilePage .ProfileNav ul li.active .ArrowImage {
  display: block;
}
.profilePage .ProfileNav ul li:last-child {
  border-bottom: 0 !important;
}
.profilePage .MainTitleSerach {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}
.profilePage .MainTitleSerach .Titlepage h2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}
.profilePage .MainTitleSerach .Titlepage h2 span {
  color: #5EBE90;
}
.profilePage .MainTitleSerach .Titlepage p {
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.profilePage .MainTitleSerach .Searchh .inputGroup {
  width: 330px;
}
.profilePage .FiltreProfile {
  margin-bottom: 32px;
}
.profilePage .FiltreProfile .Filtr_Items {
  gap: 8px;
}
.profilePage .FiltreProfile .Filtr_Items .RightSide h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
  color: #000;
}
.profilePage .FiltreProfile .Filtr_Items .RightSide .GroupFilter {
  display: flex;
  gap: 4px;
}
.profilePage .FiltreProfile .Filtr_Items .RightSide .GroupFilter .filterIem .inputGroup .header-item {
  min-width: 175px;
}
.profilePage .FiltreProfile .Filtr_Items .Userata h2 {
  font-family: "din_R";
  font-size: 14px;
}
.profilePage .FiltreProfile .Filtr_Items .Userata h2 span {
  color: #029FF9;
}
.profilePage .FiltreProfile .Filtr_Items .Userata img {
  height: 20px;
}
.profilePage .DawratyItems .DwraItem {
  position: relative;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.profilePage .DawratyItems .DwraItem .upeerBox {
  height: 100%;
  position: relative;
}
.profilePage .DawratyItems .DwraItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.profilePage .DawratyItems .DwraItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.profilePage .DawratyItems .DwraItem .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.profilePage .DawratyItems .DwraItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.profilePage .DawratyItems .DwraItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.profilePage .DawratyItems .DwraItem .DowenBox {
  padding: 24px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .titileCourse {
  margin-bottom: 16px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.profilePage .DawratyItems .DwraItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.profilePage .DawratyItems .DwraItem .DowenBox .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.profilePage .DawratyItems .DwraItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus {
  width: 100%;
  margin-top: 24px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar {
  margin-bottom: 16px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  border-bottom: 8px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
}
.profilePage .DawratyItems .DwraItem .DowenBox .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .GotoDawra {
  margin-top: 24px;
}
.profilePage .DawratyItems .DwraItem .DowenBox .GotoDawra .DarkGrayBTN {
  position: relative;
  font-size: 16px;
  line-height: 56px;
  color: #FFFFFF;
  padding: 0px 16px;
  height: 56px;
  width: 100%;
  font-weight: 500;
  background: #8D8D8D;
  overflow: hidden;
  border-radius: 8px;
  border: 0px;
  text-align: center;
  pointer-events: none;
  display: block;
}
.profilePage .FavoretsItems .FaveItem {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.profilePage .FavoretsItems .FaveItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 240px;
}
.profilePage .FavoretsItems .FaveItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.profilePage .FavoretsItems .FaveItem .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.profilePage .FavoretsItems .FaveItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.profilePage .FavoretsItems .FaveItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.profilePage .FavoretsItems .FaveItem .DowenBox {
  padding: 24px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .titileCourse {
  margin-bottom: 15px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .featCOurse {
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart a {
  flex-grow: 1;
  width: 100%;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart .RemoveFav {
  flex-grow: 1;
  width: 56px;
  height: 56px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 4px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart .RemoveFav .alt_image {
  display: block;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart .RemoveFav .Full_image {
  display: none;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart .RemoveFav.saved .alt_image {
  display: none;
}
.profilePage .FavoretsItems .FaveItem .DowenBox .removeFavAndAddCart .RemoveFav.saved .Full_image {
  display: block;
}
.profilePage .ReviewsItemss {
  padding: 40px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.profilePage .ReviewsItemss .RviewItem {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.profilePage .ReviewsItemss .RviewItem:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.profilePage .ReviewsItemss .RviewItem .UperReview {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .iconCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  background: #5EBE90;
  border-radius: 50%;
  overflow: hidden;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .iconCircle span {
  color: #FFFFFF;
  font-size: 16px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .iconCircle img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .badge {
  display: none;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .UserData .UserInfo .rating-star .countrate {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN .noreport {
  display: inline-block;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN .reportdone {
  display: none;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN span {
  display: none;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported .noreport {
  display: none;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported .reportdone {
  display: inline-block;
}
.profilePage .ReviewsItemss .RviewItem .UperReview .ReportButotn .ReportBTN.reported span {
  display: inline-block;
  color: #E2080C;
  font-size: 16px;
}
.profilePage .ReviewsItemss .RviewItem .Description {
  margin-bottom: 16px;
}
.profilePage .ReviewsItemss .RviewItem .Description p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.profilePage .ReviewsItemss .RviewItem .DowenReview {
  display: flex;
  align-items: center;
  gap: 24px;
}
.profilePage .ReviewsItemss .RviewItem .DowenReview .question p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.profilePage .ReviewsItemss .RviewItem .DowenReview .Answores {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profilePage .ReviewsItemss .RviewItem .DowenReview .Answores .YessAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.profilePage .ReviewsItemss .RviewItem .DowenReview .Answores .NoAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: #FFFFFF;
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.profilePage .FawteryProfile .table-responsive {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}
.profilePage .FawteryProfile table {
  --bs-table-bg: none;
  margin: 0;
}
.profilePage .FawteryProfile table thead tr {
  background: rgba(2, 159, 249, 0.0588235294);
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.profilePage .FawteryProfile table thead tr th {
  padding: 32px 24px;
}
.profilePage .FawteryProfile table thead tr th p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
}
.profilePage .FawteryProfile table tbody {
  vertical-align: middle;
}
.profilePage .FawteryProfile table tbody tr td {
  padding: 32px 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  box-shadow: none;
}
.profilePage .FawteryProfile table tbody tr td p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  width: -moz-max-content;
  width: max-content;
}
.profilePage .FawteryProfile table tbody tr td p span {
  display: inline-block;
}
.profilePage .FawteryProfile table tbody tr td .Status_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.profilePage .FawteryProfile table tbody tr td .Status_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor p {
  width: -moz-max-content;
  width: max-content;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor p span {
  display: inline-block;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor p img {
  margin-left: 4px;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .header-item {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu {
  width: 330px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  white-space: normal;
  overflow: hidden;
  word-wrap: break-word;
  padding: 0;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 16px 8px;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem {
  display: flex;
  gap: 12px;
  align-items: center;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .image {
  display: block;
  height: 68px;
  width: 68px;
  overflow: hidden;
  border-radius: 50%;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData {
  width: calc(100% - 80px);
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData h2 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData p {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 24px;
}
.profilePage .FawteryProfile table tbody tr td .DowratInstructor .ShowDowrate .dropdown-menu .dropdown-item .DowraItem .DowraData p span {
  display: inline-block;
}
.profilePage .FawteryProfile table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.profilePage .ProfileSetings {
  padding: 40px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.profilePage .ProfileSetings .imageProfile {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
  position: relative;
}
.profilePage .ProfileSetings .imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profilePage .ProfileSetings .imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #efefef;
}
.profilePage .ProfileSetings .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.profilePage .form-group h2 {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 16px;
}

.NabzaAnyPage .nav {
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  padding: 12px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  border: 0;
  margin-bottom: 30px;
}
.NabzaAnyPage .nav .nav-item {
  border: 0;
}
.NabzaAnyPage .nav .nav-item .nav-link {
  height: 56px;
  border-radius: 8px;
  border: 0;
  line-height: 56px;
  padding: 0 24px;
  color: #8D8D8D;
  width: 270px;
  text-align: center;
}
.NabzaAnyPage .nav .nav-item .nav-link img {
  margin: 0 8px;
}
.NabzaAnyPage .nav .nav-item .active {
  background: #029FF9;
  color: #FFFFFF;
}
.NabzaAnyPage .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}
.NabzaAnyPage .nabzaAnyDesc {
  padding: 40px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.NabzaAnyPage .nabzaAnyDesc .descption .MoreDecripDta {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.NabzaAnyPage .nabzaAnyDesc .descption .MoreDecripDta::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50.8%, #FFFFFF 100%);
}
.NabzaAnyPage .nabzaAnyDesc .descption p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  font-family: "din_R";
  margin-bottom: 8px;
}
.NabzaAnyPage .nabzaAnyDesc .descption .ReadMor {
  background-image: linear-gradient(to right, #5EBE90 0%, #5EBE90 100%);
  background-repeat: no-repeat;
  background-position: 0px 75%;
  background-size: 100% 8px;
  padding-bottom: 0;
  padding-top: 4px;
  display: inline;
  line-height: 56px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  margin-bottom: 24px;
}

.NewsPage .NewsCategory {
  margin-bottom: 40px;
  text-align: center;
}
.NewsPage .NewsCategory a {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  padding: 0 24px;
  border-radius: 8px;
  margin: 4px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: #fff;
  font-size: 16px;
  line-height: 56px;
  height: 56px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
  color: #8D8D8D;
  text-align: center;
  min-width: 160px;
}
.NewsPage .NewsCategory a:hover {
  background: rgba(94, 190, 144, 0.0588235294) !important;
}
.NewsPage .NewsCategory a.active {
  color: #FFFFFF !important;
  border: 2px solid #5EBE90 !important;
  background: #5EBE90 !important;
}
.NewsPage .NewsItems .ItemNews {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.NewsPage .NewsItems .ItemNews .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 240px;
}
.NewsPage .NewsItems .ItemNews .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.NewsPage .NewsItems .ItemNews .upeerBox .couseFeatures {
  position: relative;
  padding: 24px;
  padding-bottom: 0;
  gap: 8px;
  display: inline-flex;
}
.NewsPage .NewsItems .ItemNews .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.NewsPage .NewsItems .ItemNews .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.NewsPage .NewsItems .ItemNews .DowenBox {
  padding: 24px;
}
.NewsPage .NewsItems .ItemNews .DowenBox .titileCourse {
  margin-bottom: 15px;
}
.NewsPage .NewsItems .ItemNews .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.NewsPage .NewsItems .ItemNews .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.NewsPage .NewsItems .ItemNews .DowenBox .featCOurse {
  display: flex;
  gap: 4px;
  align-items: center;
}
.NewsPage .NewsItems .ItemNews .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.NewsPage .NewsItems .ItemNews .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.NewsPage .NewsItems .ItemNews .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}

.NewsDetails_PageHeader {
  padding-bottom: 150px;
}
.NewsDetails_PageHeader .PageTitle .NewsCatAndDate {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.NewsDetails_PageHeader .PageTitle .NewsCatAndDate span {
  display: inline-block;
  height: 50px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 24px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1215686275);
  line-height: 50px;
  color: #FFFFFF;
  font-family: "din_R";
}
.NewsDetails_PageHeader .PageTitle .NewsCatAndDate span img {
  margin-left: 8px;
}
.NewsDetails_PageHeader .PageTitle .NewsCatAndDate span.Category {
  padding: 0 40px;
}
.NewsDetails_PageHeader .PageTitle .NewsCatAndDate span.DateTime {
  color: #FFFFFF;
}

.NewsDetailsPage {
  margin-top: -150px;
}
.NewsDetailsPage .NewsMainImage {
  display: block;
  width: 100%;
  height: 580px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
}
.NewsDetailsPage .NewsMainImage img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.NewsDetailsPage .NewsDataCOntent {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.NewsDetailsPage .NewsDataCOntent h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 40px;
  line-height: 40px;
}
.NewsDetailsPage .NewsDataCOntent p {
  font-size: 16px;
  color: #000;
  font-family: "din_R";
  margin-bottom: 12px;
}
.NewsDetailsPage .NewsDataCOntent ul {
  margin-bottom: 40px;
}
.NewsDetailsPage .NewsDataCOntent ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.NewsDetailsPage .NewsDataCOntent ul li span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}
.NewsDetailsPage .NewsDataCOntent ul li p {
  font-size: 16px;
  color: #000;
  font-family: "din_R";
  margin-bottom: 0;
}
.NewsDetailsPage .NewsDataCOntent .SecImae {
  display: block;
  width: 100%;
  height: 500px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
}
.NewsDetailsPage .NewsDataCOntent .SecImae img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.NewsDetailsPage .NewsDataCOntent .NewsNot {
  padding: 24px;
  border-radius: 8px;
  background: rgba(94, 190, 144, 0.0588235294);
  margin-bottom: 40px;
}
.NewsDetailsPage .NewsDataCOntent .NewsNot .NotData p {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 32px;
}
.NewsDetailsPage .NewsDataCOntent .Eduction_Feature {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.NewsDetailsPage .NewsDataCOntent .Eduction_Feature .eduFeatItem {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.NewsDetailsPage .NewsDataCOntent .Eduction_Feature .eduFeatItem span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.NewsDetailsPage .NewsDataCOntent .Eduction_Feature .eduFeatItem p {
  display: block;
  width: calc(100% - 28px);
  font-size: 16px;
  color: #000;
  font-family: "din_R";
}
.NewsDetailsPage .SharesAndTags {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.NewsDetailsPage .SharesAndTags .ShreTagItem:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem .title {
  min-width: 130px;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem .title h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem .ItemShare a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 4px;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem .ItemShare a img {
  display: inline-block;
}
.NewsDetailsPage .SharesAndTags .ShreTagItem .ItemTags a {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  line-height: 40px;
  margin: 0 4px;
  padding: 0 16px;
  font-size: 14px;
  font-family: "din_R";
  color: #029FF9;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 4px;
}
.NewsDetailsPage .NextPriveNews {
  margin-bottom: 40px;
}
.NewsDetailsPage .NextPriveNews .NextNews {
  background: #5EBE90;
  padding: 32px 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.NewsDetailsPage .NextPriveNews .NextNews .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  border-radius: 8px;
  background: #fff;
}
.NewsDetailsPage .NextPriveNews .NextNews .icon img {
  display: inline-block;
}
.NewsDetailsPage .NextPriveNews .NextNews .DataNews {
  display: block;
  width: calc(100% - 72px);
}
.NewsDetailsPage .NextPriveNews .NextNews .DataNews p {
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 12px;
  font-family: "din_R";
}
.NewsDetailsPage .NextPriveNews .NextNews .DataNews h2 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 20px;
}
.NewsDetailsPage .NextPriveNews .PriveeusNews {
  background: #5EBE90;
  padding: 32px 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  direction: ltr;
  justify-content: space-between;
}
.NewsDetailsPage .NextPriveNews .PriveeusNews .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  border-radius: 8px;
  background: #fff;
}
.NewsDetailsPage .NextPriveNews .PriveeusNews .icon img {
  display: inline-block;
}
.NewsDetailsPage .NextPriveNews .PriveeusNews .DataNews {
  display: block;
  width: calc(100% - 72px);
}
.NewsDetailsPage .NextPriveNews .PriveeusNews .DataNews p {
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 12px;
  font-family: "din_R";
}
.NewsDetailsPage .NextPriveNews .PriveeusNews .DataNews h2 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 20px;
}
.NewsDetailsPage .CommentsAndAddCommint .COntTitle {
  margin-bottom: 40px;
}
.NewsDetailsPage .CommentsAndAddCommint .COntTitle h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}
.NewsDetailsPage .CommentsAndAddCommint .COntTitle p {
  font-size: 16px;
  color: #8D8D8D;
  font-family: "din_R";
}
.NewsDetailsPage .CommentsAndAddCommint .Comments {
  margin-top: 40px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData {
  display: flex;
  align-items: center;
  gap: 8px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .iconCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  background: #5EBE90;
  border-radius: 50%;
  overflow: hidden;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .iconCircle span {
  color: #FFFFFF;
  font-size: 16px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .iconCircle img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo .rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .Selctedrate {
  color: #B4D100;
  font-size: 20px;
  margin: 0 2px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo .rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo .rating-star .badge {
  display: none;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .UserData .UserInfo .rating-star .countrate {
  margin: 0 8px;
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN .noreport {
  display: inline-block;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN .reportdone {
  display: none;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN span {
  display: none;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN.reported .noreport {
  display: none;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN.reported .reportdone {
  display: inline-block;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .UperReview .ReportButotn .ReportBTN.reported span {
  display: inline-block;
  color: #E2080C;
  font-size: 16px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .Description {
  margin-bottom: 16px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .Description p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .DowenReview {
  display: flex;
  align-items: center;
  gap: 24px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .DowenReview .question p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "din_R";
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .DowenReview .Answores {
  display: flex;
  align-items: center;
  gap: 8px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .DowenReview .Answores .YessAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.NewsDetailsPage .CommentsAndAddCommint .Comments .ComentItem .DowenReview .Answores .NoAnswer {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background: #FFFFFF;
  color: #5EBE90;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
  font-size: 14px;
  min-width: 75px;
  text-align: center;
  border-radius: 4px;
}
.NewsDetailsPage .CommentsAndAddCommint .AddCommentBox {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.NewsDetailsPage .CommentsAndAddCommint .AddCommentBox .titileRate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.NewsDetailsPage .CommentsAndAddCommint .AddCommentBox .titileRate h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.NewsDetailsPage .CommentsAndAddCommint .AddCommentBox .titileRate .rating-star .rating-symbol {
  cursor: pointer;
}
.NewsDetailsPage .CommentsAndAddCommint .AddCommentBox .form-group label {
  color: #000;
}

.COntactUsPage .COntactInfo h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  color: #000;
  margin-bottom: 40px;
  padding-left: 32px;
}
.COntactUsPage .COntactInfo .WhatsApp {
  height: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(94, 190, 144, 0.0588235294);
  margin-bottom: 24px;
  border-radius: 8px;
}
.COntactUsPage .COntactInfo .WhatsApp .Icon {
  margin-bottom: 16px;
}
.COntactUsPage .COntactInfo .WhatsApp .Icon img {
  display: block;
  margin: auto;
}
.COntactUsPage .COntactInfo .WhatsApp h2 {
  color: #000;
  font-weight: 700;
  font-size: 24px;
}
.COntactUsPage .COntactInfo .MailInfo {
  height: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 159, 249, 0.0588235294);
  margin-bottom: 24px;
  border-radius: 8px;
}
.COntactUsPage .COntactInfo .MailInfo .Icon {
  margin-bottom: 16px;
}
.COntactUsPage .COntactInfo .MailInfo .Icon img {
  display: block;
  margin: auto;
}
.COntactUsPage .COntactInfo .MailInfo h2 {
  color: #000;
  font-weight: 700;
  font-size: 24px;
}
.COntactUsPage .ContactForm .COntTitle {
  margin-bottom: 24px;
}
.COntactUsPage .ContactForm .COntTitle h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}
.COntactUsPage .ContactForm .COntTitle p {
  font-size: 16px;
  color: #8D8D8D;
  font-family: "din_R";
}
.COntactUsPage .ContactForm .ContactFormInputs {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.COntactUsPage .ContactForm .ContactFormInputs .titileRate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.COntactUsPage .ContactForm .ContactFormInputs .titileRate h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.COntactUsPage .ContactForm .ContactFormInputs .titileRate .rating-star .rating-symbol {
  cursor: pointer;
}
.COntactUsPage .ContactForm .ContactFormInputs .form-group label {
  color: #000;
}

.company_Page .BackageBox {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.company_Page .BackageBox .backageData {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.company_Page .BackageBox .backageData .backageIcon {
  padding: 16px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.company_Page .BackageBox .backageData .backageIcon img {
  display: block;
  height: 40px;
}
.company_Page .BackageBox .backageData .BackageDtaa {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  padding: 4px 0;
}
.company_Page .BackageBox .backageData .BackageDtaa h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.company_Page .BackageBox .backageData .BackageDtaa .Pricee {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_R";
  margin-bottom: 4px;
}
.company_Page .BackageBox .backageData .BackageDtaa .Pricee span {
  font-weight: 700;
}
.company_Page .BackageBox .backageData .BackageDtaa .exxpired {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_R";
}
.company_Page .BackageBox .backageData .BackageDtaa .exxpired span {
  font-size: 16px;
}
.company_Page .BackageBox .ChangeBackage a {
  width: 100px;
  padding: 0 16px;
  border-radius: 8px;
  height: 46px;
  line-height: 46px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
  transition: all 0.3s ease-in-out;
  display: block;
}
.company_Page .BackageBox .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.company_Page .BackageBox.mainBackage {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: #fff;
}
.company_Page .BackageBox.mainBackage .backageIcon {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.company_Page .BackageBox.mainBackage .ChangeBackage a {
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
}
.company_Page .BackageBox.mainBackage .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.company_Page .BackageBox.ProfishionalBackage {
  border: 2px solid #5EBE90;
  background: rgba(94, 190, 144, 0.0588235294);
}
.company_Page .BackageBox.ProfishionalBackage .backageIcon {
  border: 0px solid #5EBE90;
}
.company_Page .BackageBox.ProfishionalBackage .ChangeBackage a {
  border-radius: 8px;
  background: #5EBE90;
  color: #FFFFFF;
}
.company_Page .BackageBox.ProfishionalBackage .ChangeBackage a:hover {
  background: #5EBE90;
  color: #FFFFFF;
}
.company_Page .BackageBox.bussnessBackage {
  border: 2px solid #B4D100;
  background: rgba(94, 190, 144, 0.0588235294);
}
.company_Page .BackageBox.bussnessBackage .backageIcon {
  border: 0px solid #B4D100;
}
.company_Page .BackageBox.bussnessBackage .ChangeBackage a {
  border-radius: 8px;
  background: #B4D100;
  color: #FFFFFF;
}
.company_Page .BackageBox.bussnessBackage .ChangeBackage a:hover {
  background: #B4D100;
  color: #FFFFFF;
}
.company_Page .DawratyItems .DwraItem {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.company_Page .DawratyItems .DwraItem .DowenBox .featCOurse {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users {
  padding: 16px 24px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button {
  flex-grow: 1;
  padding: 0 12px;
  background: none;
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-left: 1px solid rgba(2, 159, 249, 0.1019607843);
  line-height: normal;
  width: 50%;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button:last-child {
  border-left: 0 !important;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button img {
  display: inline-block;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button .count {
  color: #029FF9;
  font-weight: 700;
}
.company_Page .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button .Neww {
  background: #5EBE90;
  color: #FFFFFF;
  padding: 2px 8px;
  font-size: 14px;
  border-radius: 8px;
}

.p_End_10 {
  padding-inline-end: 10px !important;
}

.p_Start_50 {
  padding-inline-start: 50px !important;
}

.p_Start_10 {
  padding-inline-start: 10px !important;
}

.w-165px {
  width: 165px !important;
}

.SupDrop_Dowen_item .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.SupDrop_Dowen_item .dropdown-toggle img {
  display: inline-block;
}
.SupDrop_Dowen_item .dropdown-toggle p {
  color: #000;
  font-size: 16px;
}
.SupDrop_Dowen_item .dropdown-toggle::after {
  content: none;
}
.SupDrop_Dowen_item .dropdown-menu {
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translate(-93%, -8px) !important;
}

.CompanyUsers .nav {
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  display: flex;
  margin: auto;
  border: 0;
  margin-bottom: 30px;
}
.CompanyUsers .nav .nav-item {
  border: 0;
  flex-grow: 1;
  font-family: "din_R";
}
.CompanyUsers .nav .nav-item .nav-link {
  height: 56px;
  border-radius: 8px;
  border: 0;
  line-height: 56px;
  padding: 0 24px;
  color: #8D8D8D;
  text-align: center;
}
.CompanyUsers .nav .nav-item .nav-link img {
  margin: 0 8px;
}
.CompanyUsers .nav .nav-item .active {
  background: #029FF9;
  color: #FFFFFF;
}
.CompanyUsers .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}
.CompanyUsers .userItems .userItem {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.CompanyUsers .userItems .userItem .RightSide {
  display: flex;
  align-items: start;
  gap: 16px;
}
.CompanyUsers .userItems .userItem .RightSide .image {
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
}
.CompanyUsers .userItems .userItem .RightSide .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems {
  display: flex;
  align-items: start;
  gap: 16px;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent p {
  font-family: "din_R";
  font-weight: 400;
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent p span {
  color: #029FF9;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent .groupName {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent .groupName p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .InfoCOntent .groupName img {
  display: block;
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .StatusItem .Item_Active {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #5EBE90;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.CompanyUsers .userItems .userItem .RightSide .DataItems .StatusItem .Item_Block {
  background: rgba(226, 8, 12, 0.0784313725);
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  color: #E2080C;
  border-radius: 4px;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.CompanyUsers .userItems .userItem .leftSide .buttonGroup {
  display: flex;
  align-items: center;
  gap: 8px;
}
.CompanyUsers .userItems .userItem .leftSide .buttonGroup button {
  display: inline-block;
  background: none;
}

.CompanFavPageFilter .form-control {
  width: 200px !important;
}
.CompanFavPageFilter .Userata h2 {
  font-family: "din_R";
  font-size: 14px;
}
.CompanFavPageFilter .Userata h2 span {
  color: #029FF9;
}
.CompanFavPageFilter .Userata img {
  height: 20px;
}

.StatisticsCompany .StatisticItem {
  padding: 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 24px;
}
.StatisticsCompany .StatisticItem .UperBox {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: space-between;
}
.StatisticsCompany .StatisticItem .UperBox h2 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 24px;
}
.StatisticsCompany .StatisticItem .UperBox .MostUserFiltr {
  display: flex;
  align-items: center;
  gap: 8px;
}
.StatisticsCompany .StatisticItem .AllUsers {
  margin-top: 40px;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .UserImage {
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .UserImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .userData h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .userData p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .userData .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 0 !important;
  padding-bottom: 0px;
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .userData .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.StatisticsCompany .StatisticItem .AllUsers .UserItem .userData .featCOurse span img {
  margin: 0 4px;
}

.SegleImage {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 0;
  background: rgba(2, 159, 249, 0.0588235294);
  height: 188px;
  overflow: hidden;
}
.SegleImage img {
  height: 100%;
  width: auto;
  display: block;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.FilterFlexGrow {
  width: 100%;
}
.FilterFlexGrow .GroupFilter {
  width: 100%;
  gap: 12px !important;
  align-items: center;
}
.FilterFlexGrow .GroupFilter h2 {
  min-width: -moz-max-content;
  min-width: max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  margin-bottom: 0 !important;
}
.FilterFlexGrow .GroupFilter .filterIem {
  flex-grow: 1;
  width: 50%;
}
.FilterFlexGrow .GroupFilter .filterIem .form-group {
  width: 100%;
}
.FilterFlexGrow .GroupFilter .filterIem .form-group .filterdroop .header-item {
  width: 100%;
}

.DawratyItemsOrderDawrat .DwraItem {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 30px;
  border-radius: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox {
  height: 100%;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 205px;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox .couseFeatures {
  position: absolute;
  top: 12px;
  right: 12px;
  gap: 8px;
  display: inline-flex;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.DawratyItemsOrderDawrat .DwraItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DataWithOrdre {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DataWithOrdre .OrderActtions {
  display: flex;
  gap: 4px;
  align-items: center;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DataWithOrdre .OrderActtions .Accept {
  height: 44px;
  padding: 0 24px;
  line-height: 40px;
  background: transparent;
  border-radius: 4px;
  color: #029FF9;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DataWithOrdre .OrderActtions .Refused {
  height: 44px;
  padding: 0 24px;
  line-height: 44px;
  background: #E2080C;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .titileCourse {
  margin-bottom: 16px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 0;
  padding-bottom: 24px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 16px;
  margin-right: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus {
  width: 100%;
  margin-bottom: 24px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .progressBar {
  margin-bottom: 16px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 8px;
  border-bottom: 8px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 16px;
  font-family: "din_R";
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  font-family: "din_R";
  border-radius: 4px;
  font-size: 14px;
  min-width: 120px;
  text-align: center;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Green_Not {
  background: rgba(94, 190, 144, 0.0588235294);
  color: #5EBE90;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Red_Not {
  background: rgba(226, 8, 12, 0.0784313725);
  color: #E2080C;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Blue_Not {
  background: rgba(2, 159, 249, 0.1019607843);
  color: #029FF9;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Yellow_Not {
  background: rgba(180, 209, 0, 0.08);
  color: #B4D100;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo .Span_Not.Birble_Not {
  background: rgba(52, 88, 155, 0.0784313725);
  color: #34589B;
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo p {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.DawratyItemsOrderDawrat .DwraItem .DowenBox .DwraNotAndInfo p strong {
  color: #000;
  font-weight: 700;
}

/****************/
.PageHeaderSuperAdmin {
  padding-top: 88px;
  padding-bottom: 0;
}

.StertchedFilter .RightSide {
  width: 100%;
}
.StertchedFilter .RightSide .GroupFilter .filterIem {
  flex-grow: 1;
  flex-basis: 0;
}
.StertchedFilter .RightSide .GroupFilter .filterIem .form-group {
  width: 100%;
}
.StertchedFilter .RightSide .GroupFilter .filterIem .form-group .inputGroup {
  width: 100%;
}
.StertchedFilter .RightSide .GroupFilter .filterIem .form-group .inputGroup .header-item {
  width: 100%;
}

.SuperAdminDowrate .DwraItem {
  margin-bottom: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.SuperAdminDowrate .DwraItem .UperBox {
  position: relative;
}
.SuperAdminDowrate .DwraItem .UperBox .ImageDawra {
  display: block;
  height: 240px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.SuperAdminDowrate .DwraItem .UperBox .ImageDawra img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 24px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .couseFeatures {
  position: relative;
  top: 0;
  right: 0;
  gap: 8px;
  display: inline-flex;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .header-item img {
  display: inline-block;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .header-item:hover {
  background: #000;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu {
  width: 180px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 12px 16px;
  text-align: start;
  z-index: 99999;
  left: 0 !important;
  right: auto !important;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu .dropdown-item:hover {
  color: #5EBE90 !important;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .DowenData {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  padding: 12px 24px;
}
.SuperAdminDowrate .DwraItem .UperBox .DataLayer .DowenData p {
  margin: 0;
  color: #FFFFFF;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-weight: 400;
  font-family: "din_R";
}
.SuperAdminDowrate .DwraItem .DowenBox {
  padding: 24px;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions {
  position: relative;
  top: 0;
  right: 0;
  gap: 8px;
  display: inline-flex;
  margin-bottom: 16px;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions span img {
  margin-left: 8px;
  display: inline-block;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions span.Active {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions span.Block {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.SuperAdminDowrate .DwraItem .DowenBox .DawraOptions span.Star {
  background: rgba(180, 209, 0, 0.1);
  color: #B4D100;
}
.SuperAdminDowrate .DwraItem .DowenBox .titileCourse {
  margin-bottom: 15px;
}
.SuperAdminDowrate .DwraItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.SuperAdminDowrate .DwraItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.SuperAdminDowrate .DwraItem .DowenBox .featCOurse {
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding-bottom: 24px;
}
.SuperAdminDowrate .DwraItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.SuperAdminDowrate .DwraItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .instructor {
  display: flex;
  align-items: center;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 -5px;
  display: inline-block;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .instructor .instrucItem img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .instructor span {
  margin: 0 15px;
  font-size: 16px;
  color: #000;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong {
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong img {
  filter: brightness(0) grayscale(0);
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .pricecourse p span {
  text-decoration: line-through;
  color: #8D8D8D;
  font-size: 18px;
  font-weight: 600;
  margin-right: 8px;
}
.SuperAdminDowrate .DwraItem .DowenBox .instructorAndPrics .pricecourse p span img {
  filter: grayscale(0.5) brightness(0.5);
}

.CustomPageHeader {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.CustomPageHeader .rightSide {
  display: flex;
  gap: 20px;
  align-items: center;
}
.CustomPageHeader .rightSide .IconBox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.CustomPageHeader .rightSide .IconBox img {
  display: inline-block;
  transition: 0;
}
.CustomPageHeader .rightSide .IconBox:hover {
  background: #029FF9;
}
.CustomPageHeader .rightSide .IconBox:hover img {
  filter: brightness(100) grayscale(100);
}
.CustomPageHeader .rightSide .SideData h2 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 0;
}
.CustomPageHeader .rightSide .SideData p strong {
  font-weight: 700;
  color: #000;
}
.CustomPageHeader .rightSide .SideData ul {
  margin-top: 0px;
  padding: 0;
}
.CustomPageHeader .rightSide .SideData ul li {
  color: #8D8D8D;
  display: inline-block;
  margin: 4px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
}
.CustomPageHeader .rightSide .SideData ul li a {
  color: #8D8D8D;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  transition: all 0.3s ease-in-out;
}
.CustomPageHeader .rightSide .SideData ul li a:hover {
  color: #029FF9;
}
.CustomPageHeader .rightSide .SideData ul li img {
  margin-inline-end: 8px;
}
.CustomPageHeader .rightSide .SideData ul li.active {
  color: #000;
}
.CustomPageHeader .leftSide {
  display: flex;
  gap: 8px;
}

.StraetchedTaps {
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.06);
  margin-bottom: 40px;
}
.StraetchedTaps .nav {
  justify-content: center;
  gap: 4px;
}
.StraetchedTaps .nav .nav-item {
  margin: 0;
}
.StraetchedTaps .nav .nav-item .nav-link {
  padding: 0px 24px;
  border-radius: 8px;
  color: #8D8D8D;
  font-size: 16px;
  min-width: 175px;
  font-weight: 400;
  font-family: "din_R";
  text-align: center;
  height: 56px;
  line-height: 62px;
  transition: all 0.4s ease-in-out;
}
.StraetchedTaps .nav .nav-item .nav-link span {
  margin: 0;
  line-height: normal;
}
.StraetchedTaps .nav .nav-item .nav-link:hover {
  color: #029FF9;
}
.StraetchedTaps .nav .nav-item .nav-link.active {
  background: #029FF9;
  color: #FFFFFF;
}
.StraetchedTaps .nav .nav-item .nav-link.active img {
  filter: brightness(100) grayscale(100);
}

.SuperAdminProfilePage .DawratyItems .DwraItem .DowenBox .GotoDawra {
  display: flex;
  align-items: center;
  gap: 8px;
}
.SuperAdminProfilePage .DawratyItems .DwraItem .DowenBox .GotoDawra a {
  flex-grow: 1;
  flex-basis: 0;
}
.SuperAdminProfilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p strong img {
  filter: brightness(0) grayscale(0);
}
.SuperAdminProfilePage .DawratyItems .DwraItem .DowenBox .instructorAndPrics .pricecourse p span img {
  filter: brightness(0.6) grayscale(1);
}

.DawraPreviw {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 40px;
  border-radius: 8px;
  margin-bottom: 40px;
  padding-bottom: 16px;
}
.DawraPreviw .upperBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 40px;
}
.DawraPreviw .upperBox .titile h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
}
.DawraPreviw .upperBox .TapsAndOptions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.DawraPreviw .upperBox .TapsAndOptions .nav .nav-item {
  margin: 0 8px;
}
.DawraPreviw .upperBox .TapsAndOptions .nav .nav-item .nav-link {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
  width: auto;
  padding: 0px !important;
  padding-bottom: 0px !important;
  background: none !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  border-radius: 0;
}
.DawraPreviw .upperBox .TapsAndOptions .nav .nav-item .nav-link:hover {
  color: #000;
}
.DawraPreviw .upperBox .TapsAndOptions .nav .nav-item .nav-link.active {
  color: #000;
  border-bottom: 2px solid #029FF9;
}
.DawraPreviw .upperBox .TapsAndOptions .CalendeLabel {
  position: relative;
}
.DawraPreviw .upperBox .TapsAndOptions .CalendeLabel label {
  cursor: pointer;
}
.DawraPreviw .upperBox .TapsAndOptions .CalendeLabel label img {
  display: inline-block;
}
.DawraPreviw .upperBox .TapsAndOptions .CalendeLabel input {
  position: absolute;
  top: 30px;
  left: -10px;
  width: 0;
  height: 0;
}
.DawraPreviw .upperBox .TapsAndOptions .refresh img {
  display: inline-block;
}
.DawraPreviw .DowenBoxItems .StstisItems .itemStat {
  margin-bottom: 24px;
}
.DawraPreviw .DowenBoxItems .StstisItems .itemStat p {
  font-size: 14px;
  color: #8D8D8D;
  margin-bottom: 4px;
}
.DawraPreviw .DowenBoxItems .StstisItems .itemStat h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
}
.DawraPreviw .DowenBoxItems .StstisItems .itemStat h2 span {
  display: inline-block;
}
.DawraPreviw .DowenBoxItems .StstisItems .itemStat h2 img {
  display: inline-block;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 999;
  padding: 15px;
  width: -moz-max-content !important;
  width: max-content !important;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 8px 0 0 8px;
  background: #029FF9;
  border-color: #029FF9;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 8px 8px 0;
  background: #029FF9;
  border-color: #029FF9;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #f0f9ff, 5px 0 0 #f0f9ff;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #f0f9ff;
  border-color: #f0f9ff;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #f0f9ff, 5px 0 0 #f0f9ff;
}

.TabelBoxrefresh .SearchBox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
}
.TabelBoxrefresh .SearchBox .form-group {
  flex-grow: 1;
  flex-basis: 0;
}
.TabelBoxrefresh .TabelItem {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 32px;
  border-radius: 12px;
  margin-bottom: 24px;
}
.TabelBoxrefresh .TabelItem .Hedaer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.TabelBoxrefresh .TabelItem .Hedaer h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
}
.TabelBoxrefresh .TabelItem .Hedaer .refresh {
  display: inline-block;
}
.TabelBoxrefresh .TabelItem table {
  vertical-align: middle;
  margin: 0;
  --bs-table-bg: #fff0;
}
.TabelBoxrefresh .TabelItem table thead tr th {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.TabelBoxrefresh .TabelItem table thead tr th p {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family: "din_R";
  width: -moz-max-content;
  width: max-content;
}
.TabelBoxrefresh .TabelItem table tbody tr td {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-top: 20px;
}
.TabelBoxrefresh .TabelItem table tbody tr td p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.TabelBoxrefresh .TabelItem table tbody tr td p.Price {
  font-weight: 700;
}
.TabelBoxrefresh .TabelItem table tbody tr td p.Price img {
  filter: brightness(0) grayscale(0);
}
.TabelBoxrefresh .TabelItem table tbody tr td p.coupon-value img {
  margin-inline-start: 8px;
  display: inline-block;
}
.TabelBoxrefresh .TabelItem table tbody tr td .Colored {
  color: #029FF9;
  font-weight: 600;
  font-size: 16px;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.TabelBoxrefresh .TabelItem table tbody tr td .DateAlone {
  color: #8D8D8D;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .image {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .image.IconImage {
  background: rgba(2, 159, 249, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .image.IconImage img {
  width: auto;
  height: auto;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data p.max-width-200 {
  max-width: 175px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data h2 {
  font-size: 14px;
  font-weight: 700;
  font-family: "din_R";
  color: #000;
  margin-bottom: 4px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #8D8D8D;
  width: -moz-max-content;
  width: max-content;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data span .colormain {
  color: #029FF9;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data span img {
  display: inline-block;
}
.TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data span.PakageType {
  color: #029FF9;
  font-weight: 400;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus {
  width: 100%;
  margin-top: 24px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .progressBar {
  margin-bottom: 4px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 6px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 6px;
  border-bottom: 6px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 14px;
  font-family: "din_R";
}
.TabelBoxrefresh .TabelItem table tbody tr td .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .Show_Box {
  display: flex;
  height: 46px;
  width: 46px;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  background: transparent;
  transition: all 0.4s ease-in-out;
}
.TabelBoxrefresh .TabelItem table tbody tr td .Show_Box img {
  display: inline-block;
}
.TabelBoxrefresh .TabelItem table tbody tr td .Show_Box:hover {
  background: #029FF9;
}
.TabelBoxrefresh .TabelItem table tbody tr td .Show_Box:hover img {
  filter: brightness(100) grayscale(100);
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 100px;
  text-align: center;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.active {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.block {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.percent {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.finished {
  background: rgba(21, 112, 68, 0.0784313725);
  color: #157044;
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.complete {
  background: rgba(28, 57, 43, 0.0784313725);
  color: #1C392B;
}
.TabelBoxrefresh .TabelItem table tbody tr td .StstusBox span.const {
  background: rgba(2, 159, 249, 0.1);
  color: #029FF9;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .header-item img {
  display: inline-block;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .header-item:hover {
  background: #029FF9;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .header-item:hover img {
  filter: brightness(100) grayscale(100);
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu {
  width: 220px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 12px 16px;
  text-align: start;
  z-index: 99999;
  /* left: 0 !important;
  right: auto !important; */
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:hover {
  color: #5EBE90 !important;
}
.TabelBoxrefresh .TabelItem table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.Super_reviewsStars .reviewItem {
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.Super_reviewsStars .reviewItem .UserDataDelete {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData {
  display: flex;
  align-items: center;
  gap: 12px;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .IconName {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 56px;
  width: 56px;
  background: #5EBE90;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .IconName span {
  color: #FFFFFF;
  font-size: 16px;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .Image {
  display: flex;
  position: relative;
  height: 56px;
  width: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .DataInfo h2 {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 8px;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .DataInfo .rating-star {
  margin: 0;
}
.Super_reviewsStars .reviewItem .UserDataDelete .UserData .DataInfo .rating-star .countrate {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.Super_reviewsStars .reviewItem .UserDataDelete .DeleBTN button {
  background: transparent;
  border: 0;
  outline: 0;
  display: block;
}
.Super_reviewsStars .reviewItem .Description {
  margin-top: 12px;
}
.Super_reviewsStars .reviewItem .Description p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  color: #000;
}
.Super_reviewsStars .reviewItem .GroupRplies {
  margin-top: 24px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .LineSape {
  width: 33px;
  height: 80px;
  border-right: 2px solid rgba(2, 159, 249, 0.1);
  border-bottom: 2px solid rgba(2, 159, 249, 0.1);
  border-radius: 0 0 100px 0px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .UserImage {
  display: flex;
  position: relative;
  height: 56px;
  width: 56px;
  align-items: center;
  justify-content: center;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .UserImage .BigImage {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .UserImage .IconImage {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .DataInfo h2 {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 6px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .DataInfo p {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  font-family: "din_R";
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .User_data .UserTypes span {
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  padding: 0 24px;
  color: #029FF9;
  background: rgba(2, 159, 249, 0.06);
  display: inline-block;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .Description {
  margin-top: 32px;
}
.Super_reviewsStars .reviewItem .GroupRplies .Repliestem .UserRepliDataWithDesc .Description p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  color: #000;
}
.Super_reviewsStars .reviewItem .AddNewReplie button {
  background: transparent;
  border: 0;
  outline: 0;
  display: flex;
  color: #5EBE90;
  align-items: center;
  gap: 8px;
}

.SuperAdminPageContent .BoxContent {
  width: 70%;
  margin-right: 5%;
}
.SuperAdminPageContent .BoxContent .StepContentBox {
  position: relative;
}
.SuperAdminPageContent .BoxContent .StepContentBox .content {
  width: 100%;
  margin-right: 0;
}
.SuperAdminPageContent .BoxContent .StepContentBox .actions {
  position: absolute;
  display: block;
  text-align: right;
  width: -moz-max-content !important;
  width: max-content !important;
  left: 40px;
  top: 50px;
}
.SuperAdminPageContent .BoxContent .StepContentBox .actions ul li .next {
  color: #FFFFFF;
}

.certificatesChoose .certificateItem {
  padding: 20px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
}
.certificatesChoose .certificateItem .image {
  margin-bottom: 20px;
}
.certificatesChoose .certificateItem .image img {
  display: inline-block;
}
.certificatesChoose .certificateItem .CerData {
  margin-bottom: 20px;
  text-align: center;
}
.certificatesChoose .certificateItem .CerData h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 4px;
}
.certificatesChoose .certificateItem .CerData p {
  color: #8D8D8D;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.certificatesChoose .certificateItem .CheckCertifcate {
  display: flex;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 56px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  width: 100%;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg {
  width: 100%;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb {
  width: 100%;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb label {
  width: 100%;
  padding-inline-start: 32px;
  text-align: center;
  color: #029FF9;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb span {
  right: 15%;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb input:checked ~ span {
  background: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 50%;
}
.certificatesChoose .certificateItem .CheckCertifcate .bg .span_pseudo, .certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb span:before, .certificatesChoose .certificateItem .CheckCertifcate .bg .chiller_cb span:after {
  background: #5EBE90;
}
.certificatesChoose .certificateItem .CheckCertifcate.active {
  background: #5EBE90;
}
.certificatesChoose .certificateItem .CheckCertifcate.active label {
  color: #FFFFFF !important;
}
.certificatesChoose .owl-nav {
  display: flex;
  gap: 12px;
  position: absolute;
  top: -65px;
  left: 10px;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 0px;
}
.certificatesChoose .owl-nav .owl-prev, .certificatesChoose .owl-nav .owl-next {
  background: rgba(94, 190, 144, 0.0588235294);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(94, 190, 144, 0.0588235294);
}
.certificatesChoose .owl-nav .owl-prev:hover, .certificatesChoose .owl-nav .owl-next:hover {
  background: #5EBE90 !important;
  border-color: #5EBE90;
}
.certificatesChoose .owl-nav .owl-prev:hover img, .certificatesChoose .owl-nav .owl-next:hover img {
  filter: brightness(100) grayscale(100);
}

.CustomSteps li {
  margin-bottom: 24px;
  border-radius: 8px;
}
.CustomSteps li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0;
  padding-bottom: 0 !important;
}
.CustomSteps li a img {
  display: none;
}
.CustomSteps li.current {
  background: linear-gradient(258.48deg, #049FF7 0%, #57BB98 101.66%);
  padding: 16px;
}
.CustomSteps li.current a span p {
  color: #FFFFFF !important;
}
.CustomSteps li.current a img {
  display: block;
}
.CustomSteps li:last-child {
  margin-bottom: 0 !important;
  display: block !important;
}
.CustomSteps li:last-child a {
  justify-content: space-between;
  align-items: center;
}

.ImageBoxSuperEdit {
  position: relative;
  height: 250px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.ImageBoxSuperEdit img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ImageBoxSuperEdit .DeleteImage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 46px;
  background: #E2080C;
  position: absolute;
  top: 24px;
  left: 24px;
  border-radius: 8px;
}
.ImageBoxSuperEdit .DeleteImage img {
  display: block;
  height: 24px;
  width: 24px;
  filter: brightness(100) grayscale(100);
}

.CartShoppingTable table {
  vertical-align: middle;
  margin: 0;
  --bs-table-bg: #fff0;
}
.CartShoppingTable table thead tr th {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.CartShoppingTable table thead tr th p {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family: "din_R";
  width: -moz-max-content;
  width: max-content;
}
.CartShoppingTable table tbody tr td {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-top: 20px;
}
.CartShoppingTable table tbody tr td p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
}
.CartShoppingTable table tbody tr td p.Price {
  font-weight: 700;
}
.CartShoppingTable table tbody tr td p.Price img {
  filter: brightness(0) grayscale(0);
}
.CartShoppingTable table tbody tr td .Colored {
  color: #029FF9;
  font-weight: 600;
  font-size: 16px;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.CartShoppingTable table tbody tr td .DateAlone {
  color: #8D8D8D;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.CartShoppingTable table tbody tr td .UserUsed {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}
.CartShoppingTable table tbody tr td .UserUsed .image {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}
.CartShoppingTable table tbody tr td .UserUsed .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CartShoppingTable table tbody tr td .UserUsed .image.IconImage {
  background: rgba(2, 159, 249, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.CartShoppingTable table tbody tr td .UserUsed .image.IconImage img {
  width: auto;
  height: auto;
}
.CartShoppingTable table tbody tr td .UserUsed .Data p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
}
.CartShoppingTable table tbody tr td .UserUsed .Data p.max-width-200 {
  max-width: 175px;
}
.CartShoppingTable table tbody tr td .UserUsed .Data h2 {
  font-size: 14px;
  font-weight: 700;
  font-family: "din_R";
  color: #000;
  margin-bottom: 4px;
}
.CartShoppingTable table tbody tr td .UserUsed .Data span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #8D8D8D;
  width: -moz-max-content;
  width: max-content;
}
.CartShoppingTable table tbody tr td .UserUsed .Data span img {
  display: inline-block;
}
.CartShoppingTable table tbody tr td .UserUsed .Data span.PakageType {
  color: #029FF9;
  font-weight: 400;
}
.CartShoppingTable table tbody tr td .ComleteStatus {
  width: 100%;
  margin-top: 24px;
}
.CartShoppingTable table tbody tr td .ComleteStatus .progressBar {
  margin-bottom: 4px;
}
.CartShoppingTable table tbody tr td .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 6px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.CartShoppingTable table tbody tr td .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 6px;
  border-bottom: 6px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.CartShoppingTable table tbody tr td .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.CartShoppingTable table tbody tr td .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 14px;
  font-family: "din_R";
}
.CartShoppingTable table tbody tr td .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.CartShoppingTable table tbody tr td .dropdownActions .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.CartShoppingTable table tbody tr td .dropdownActions .header-item img {
  display: inline-block;
}
.CartShoppingTable table tbody tr td .dropdownActions .header-item:hover {
  background: #029FF9;
}
.CartShoppingTable table tbody tr td .dropdownActions .header-item:hover img {
  filter: brightness(100) grayscale(100);
}
.CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu {
  width: 220px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 12px 16px;
  text-align: start;
  z-index: 99999;
  left: 0 !important;
  right: auto !important;
}
.CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}
.CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:hover {
  color: #5EBE90 !important;
}
.CartShoppingTable table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.CartShoppingItems {
  margin-bottom: 24px;
}
.CartShoppingItems .CartItem {
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 8px;
}
.CartShoppingItems .CartItem .HeaderCart {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}
.CartShoppingItems .CartItem .HeaderCart .Icon img {
  display: inline-block;
  height: 36px;
}
.CartShoppingItems .CartItem .HeaderCart .NotsCart span {
  display: flex;
  height: 36px;
  border-radius: 4px;
  background: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #8D8D8D;
  font-size: 14px;
}
.CartShoppingItems .CartItem .Descrip {
  margin-bottom: 8px;
}
.CartShoppingItems .CartItem .Descrip p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
  color: #8D8D8D;
}
.CartShoppingItems .CartItem .CartStatisc h2 {
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  display: flex;
  gap: 8px;
  font-size: 22px;
}
.CartShoppingItems .CartItem .CartStatisc h2 img {
  display: inline-block;
  filter: brightness(0) grayscale(0);
}

.SuperAdminProfilePage .StatisticsCompany .StatisticItem .filterdroop .header-item {
  min-width: 150px;
}
.SuperAdminProfilePage .StatisticsCompany .StatisticItem .UperBox h2 {
  font-size: 20px;
}

.BackageBoxSuprAdmin {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.BackageBoxSuprAdmin .backageData {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.BackageBoxSuprAdmin .backageData .backageIcon {
  padding: 16px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.BackageBoxSuprAdmin .backageData .backageIcon img {
  display: block;
  height: 40px;
}
.BackageBoxSuprAdmin .backageData .BackageDtaa {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  padding: 4px 0;
}
.BackageBoxSuprAdmin .backageData .BackageDtaa h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.BackageBoxSuprAdmin .backageData .BackageDtaa .Pricee {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_R";
  margin-bottom: 4px;
}
.BackageBoxSuprAdmin .backageData .BackageDtaa .Pricee span {
  font-weight: 700;
}
.BackageBoxSuprAdmin .backageData .BackageDtaa .exxpired {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  font-family: "din_R";
}
.BackageBoxSuprAdmin .backageData .BackageDtaa .exxpired span {
  font-size: 16px;
}
.BackageBoxSuprAdmin .ChangeBackage a {
  width: 100px;
  padding: 0 16px;
  border-radius: 8px;
  height: 46px;
  line-height: 46px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
  transition: all 0.3s ease-in-out;
  display: block;
}
.BackageBoxSuprAdmin .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.BackageBoxSuprAdmin.mainBackage {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  background: #fff;
}
.BackageBoxSuprAdmin.mainBackage .backageIcon {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.BackageBoxSuprAdmin.mainBackage .ChangeBackage a {
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  color: #029FF9;
}
.BackageBoxSuprAdmin.mainBackage .ChangeBackage a:hover {
  background: #029FF9;
  color: #FFFFFF;
}
.BackageBoxSuprAdmin.ProfishionalBackage {
  border: 2px solid #5EBE90;
  background: rgba(94, 190, 144, 0.0588235294);
}
.BackageBoxSuprAdmin.ProfishionalBackage .backageIcon {
  border: 0px solid #5EBE90;
}
.BackageBoxSuprAdmin.ProfishionalBackage .ChangeBackage a {
  border-radius: 8px;
  background: #5EBE90;
  color: #FFFFFF;
}
.BackageBoxSuprAdmin.ProfishionalBackage .ChangeBackage a:hover {
  background: #5EBE90;
  color: #FFFFFF;
}
.BackageBoxSuprAdmin.bussnessBackage {
  border: 2px solid #B4D100;
  background: rgba(94, 190, 144, 0.0588235294);
}
.BackageBoxSuprAdmin.bussnessBackage .backageIcon {
  border: 0px solid #B4D100;
}
.BackageBoxSuprAdmin.bussnessBackage .ChangeBackage a {
  border-radius: 8px;
  background: #B4D100;
  color: #FFFFFF;
}
.BackageBoxSuprAdmin.bussnessBackage .ChangeBackage a:hover {
  background: #B4D100;
  color: #FFFFFF;
}

.TraininCoursesSuperAdmin .DawratyItems .DwraItem {
  position: relative;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
  border-radius: 8px;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox {
  height: 100%;
  position: relative;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox .image {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox .couseFeatures {
  position: absolute;
  top: 24px;
  right: 24px;
  gap: 8px;
  display: inline-flex;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox .couseFeatures span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .upeerBox .couseFeatures span img {
  margin-left: 8px;
  display: inline-block;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox {
  padding: 20px;
  padding-inline-start: 0;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .titileCourse {
  margin-bottom: 16px;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .titileCourse h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .titileCourse h2:hover {
  color: #5EBE90 !important;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 0 !important;
  padding-bottom: 0px;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .featCOurse span img {
  margin: 0 4px;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users {
  padding: 16px 16px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.0588235294);
  margin-top: 20px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button {
  flex-grow: 1;
  padding: 0 12px;
  background: none;
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-left: 1px solid rgba(2, 159, 249, 0.1019607843);
  line-height: normal;
  width: 50%;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button:last-child {
  border-left: 0 !important;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button img {
  display: inline-block;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button .count {
  color: #029FF9;
  font-weight: 700;
}
.TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button .Neww {
  background: #5EBE90;
  color: #FFFFFF;
  padding: 2px 8px;
  font-size: 14px;
  border-radius: 8px;
}

.StatisticsCompany .TabelItem table {
  vertical-align: middle;
  margin: 0;
  --bs-table-bg: #fff0;
}
.StatisticsCompany .TabelItem table thead tr th {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.StatisticsCompany .TabelItem table thead tr th p {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family: "din_R";
  width: -moz-max-content;
  width: max-content;
}
.StatisticsCompany .TabelItem table tbody tr td {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding-top: 20px;
}
.StatisticsCompany .TabelItem table tbody tr td p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.StatisticsCompany .TabelItem table tbody tr td p.Price {
  font-weight: 700;
}
.StatisticsCompany .TabelItem table tbody tr td p.Price img {
  filter: brightness(0) grayscale(0);
}
.StatisticsCompany .TabelItem table tbody tr td p.DateGray {
  font-size: 16px;
  margin-inline-end: 0;
  margin-inline-start: auto;
  color: #8D8D8D;
}
.StatisticsCompany .TabelItem table tbody tr td .Colored {
  color: #029FF9;
  font-weight: 600;
  font-size: 16px;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.StatisticsCompany .TabelItem table tbody tr td .DateAlone {
  color: #8D8D8D;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .image {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .image.BigImage {
  width: 50px;
  height: 50px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .image.IconImage {
  background: rgba(2, 159, 249, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .image.IconImage img {
  width: auto;
  height: auto;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data p.max-width-200 {
  max-width: 175px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data h2 {
  font-size: 14px;
  font-weight: 700;
  font-family: "din_R";
  color: #000;
  margin-bottom: 4px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data h2.BigFont {
  font-size: 16px;
  margin-bottom: 8px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #8D8D8D;
  width: -moz-max-content;
  width: max-content;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data span img {
  display: inline-block;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data span.PakageType {
  color: #029FF9;
  font-weight: 400;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data .featCOurse {
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 0 !important;
  padding-bottom: 0px;
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data .featCOurse span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "din_R";
}
.StatisticsCompany .TabelItem table tbody tr td .UserUsed .Data .featCOurse span img {
  margin: 0 4px;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus {
  width: 100%;
  margin-top: 24px;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .progressBar {
  margin-bottom: 4px;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 6px;
  background: rgba(2, 159, 249, 0.0588235294);
  border-radius: 8px;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 6px;
  border-bottom: 6px solid #029FF9;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .EaxmCounts p {
  color: #000;
  font-size: 14px;
  font-family: "din_R";
}
.StatisticsCompany .TabelItem table tbody tr td .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}
.StatisticsCompany .TabelItem table tbody tr td .Show_Box {
  display: flex;
  height: 46px;
  width: 46px;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  background: transparent;
  transition: all 0.4s ease-in-out;
}
.StatisticsCompany .TabelItem table tbody tr td .Show_Box img {
  display: inline-block;
}
.StatisticsCompany .TabelItem table tbody tr td .Show_Box:hover {
  background: #029FF9;
}
.StatisticsCompany .TabelItem table tbody tr td .Show_Box:hover img {
  filter: brightness(100) grayscale(100);
}
.StatisticsCompany .TabelItem table tbody tr td .StstusBox span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 100px;
  text-align: center;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
}
.StatisticsCompany .TabelItem table tbody tr td .StstusBox span.active {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.StatisticsCompany .TabelItem table tbody tr td .StstusBox span.block {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .header-item img {
  display: inline-block;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .header-item:hover {
  background: #029FF9;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .header-item:hover img {
  filter: brightness(100) grayscale(100);
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .dropdown-menu {
  width: 220px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 12px 16px;
  text-align: start;
  z-index: 99999;
  left: 0 !important;
  right: auto !important;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.StatisticsCompany .TabelItem table tbody tr td .dropdownActions .dropdown-menu .dropdown-item:hover {
  color: #5EBE90 !important;
}
.StatisticsCompany .TabelItem table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.Super_Users_Balaghat .BalaghatItems {
  padding-inline-start: 56px;
  margin-top: 24px;
}
.Super_Users_Balaghat .BalaghatItems .GroupRplies {
  padding-inline-start: 56px;
}

.SuscriptionBackges .BakageItem {
  margin-bottom: 24px;
  padding: 40px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SuscriptionBackges .BakageItem .rightSide {
  display: flex;
  align-items: center;
  gap: 12px;
}
.SuscriptionBackges .BakageItem .rightSide .Icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  border-radius: 8px;
  background: rgba(2, 159, 249, 0.06);
}
.SuscriptionBackges .BakageItem .rightSide .Icon img {
  width: 44px;
  height: 44px;
}
.SuscriptionBackges .BakageItem .rightSide .DataBackage h2 {
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  font-size: 20px;
  margin-bottom: 8px;
}
.SuscriptionBackges .BakageItem .rightSide .DataBackage p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
}
.SuscriptionBackges .BakageItem .leftSide {
  display: flex;
  align-items: center;
  gap: 4px;
}
.SuscriptionBackges .BakageItem .leftSide a.ExportPackage {
  display: flex;
  align-items: center;
  height: 56px;
  width: 56px;
  justify-content: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.SuscriptionBackges .BakageItem .leftSide a.ExportPackage:hover {
  background: #029FF9;
}
.SuscriptionBackges .BakageItem .leftSide a.ExportPackage:hover img {
  filter: brightness(100) grayscale(100);
}

.BoxCollapsPakage .accordion .accordion-item {
  padding: 24px;
  padding-bottom: 0;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 24px;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .TitleBox h2 {
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 8px;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .TitleBox p {
  color: #8D8D8D;
  font-size: 16px;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  padding: 0;
  background: transparent;
  border-radius: 4px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  box-shadow: none;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button img {
  display: inline-block;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button::after {
  content: none;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button:hover {
  background: rgba(2, 159, 249, 0.06);
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button.collapsed {
  background: #029FF9;
}
.BoxCollapsPakage .accordion .accordion-item .HeaderBox .accordion-button.collapsed img {
  filter: brightness(100) grayscale(100);
  transform: rotate(180deg);
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body {
  padding: 24px 0;
  border-top: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple {
  vertical-align: middle;
  margin: 0;
  --bs-table-bg: #fff0;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple thead tr th {
  border-bottom: 0;
  padding-bottom: 10px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple thead tr th p {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family: "din_R";
  text-align: center;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple tbody tr td {
  border-bottom: 0;
  padding-top: 5px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple tbody tr td .PackageName span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 200px;
  background: rgba(2, 159, 249, 0.06);
  border-radius: 8px;
  color: #000;
  text-align: center;
  font-size: 14px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple tbody tr td .packageDiscount span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 120px;
  background: #E5E5E5;
  border-radius: 8px;
  color: #000;
  text-align: center;
  font-size: 14px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple tbody tr td .withswitchbtnn {
  margin: auto;
  margin-top: 12px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .PackagsPriceTaple tbody tr td:last-child td {
  padding-bottom: 0;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .packageFeatures .featItem {
  margin-bottom: 12px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .packageFeatures .featItem .bg .chiller_cb label {
  padding-inline-start: 32px;
}
.BoxCollapsPakage .accordion .accordion-item .accordion-body .packageFeatures .featItem:last-child {
  margin-bottom: 0;
}

.AddPakageFeatures {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.AddPakageFeatures .orderItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}
.AddPakageFeatures .orderItem:last-child {
  margin-bottom: 0;
}
.AddPakageFeatures .orderItem .OrdermenuIcon img {
  display: block;
  width: 24px;
}
.AddPakageFeatures .orderItem .OrderInput {
  flex-grow: 1;
}
.AddPakageFeatures .orderItem .OrderInput input {
  width: 100%;
  height: 56px;
  font-size: 16px;
  padding: 10px;
  color: #000;
  font-weight: 400;
  font-family: "din_R";
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  outline: 0;
  box-shadow: none;
}
.AddPakageFeatures .orderItem .OrderInput input::-moz-placeholder {
  color: #8D8D8D;
}
.AddPakageFeatures .orderItem .OrderInput input::placeholder {
  color: #8D8D8D;
}
.AddPakageFeatures .orderItem .OrderInput input:focus {
  outline: 0;
  box-shadow: none;
}
.AddPakageFeatures .orderItem .DeleteOrderItem {
  background: none;
}
.AddPakageFeatures .orderItem .DeleteOrderItem img {
  display: block;
  width: 24px;
}
.AddPakageFeatures .orderItem.error input {
  border: 2px solid #5EBE90;
}
.AddPakageFeatures .AddNewwItem {
  margin-top: 16px;
}
.AddPakageFeatures .AddNewwItem .AddNewItem_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
}
.AddPakageFeatures .AddNewwItem .AddNewItem_BTN span {
  margin-inline-end: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}

.GenrateCoponlabelLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.GenrateCoponlabelLink button {
  background: transparent;
  color: #5EBE90;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  margin-bottom: 12px;
}

.ContactMessagesItems .contactItem {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 24px;
}
.ContactMessagesItems .contactItem .ContactData .titile h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
}
.ContactMessagesItems .contactItem .ContactData .featMessage {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 16px;
}
.ContactMessagesItems .contactItem .ContactData .featMessage span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ContactMessagesItems .contactItem .ContactData .featMessage span img {
  margin: 0 4px;
}
.ContactMessagesItems .contactItem .ContactData .MessageOptions {
  position: relative;
  top: 0;
  right: 0;
  gap: 8px;
  display: inline-flex;
  margin-top: 16px;
}
.ContactMessagesItems .contactItem .ContactData .MessageOptions span {
  height: 46px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding: 0 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
}
.ContactMessagesItems .contactItem .ContactData .MessageOptions span.read {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.ContactMessagesItems .contactItem .ContactData .MessageOptions span.notread {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.ContactMessagesItems .contactItem .ContactData .MessageOptions span.type {
  background: rgba(2, 159, 249, 0.1);
  color: #029FF9;
}
.ContactMessagesItems .contactItem .ContactData .Description {
  margin-top: 16px;
}
.ContactMessagesItems .contactItem .ContactData .Description p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  font-family: "din_R";
  margin: 0;
}
.ContactMessagesItems .contactItem .contactOptions {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 24px;
  left: 24px;
}
.ContactMessagesItems .contactItem .contactOptions .Delete_message {
  display: flex;
  height: 46px;
  width: 46px;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  background: transparent;
  transition: all 0.4s ease-in-out;
}
.ContactMessagesItems .contactItem .contactOptions .Delete_message img {
  display: inline-block;
}
.ContactMessagesItems .contactItem .contactOptions .Delete_message:hover {
  background: #E2080C;
  border-color: #E2080C;
}
.ContactMessagesItems .contactItem .contactOptions .Delete_message:hover img {
  filter: brightness(100) grayscale(100);
}
.ContactMessagesItems .contactItem .contactOptions .Show_Message {
  display: flex;
  height: 46px;
  width: 46px;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  background: transparent;
  transition: all 0.4s ease-in-out;
}
.ContactMessagesItems .contactItem .contactOptions .Show_Message img {
  display: inline-block;
}
.ContactMessagesItems .contactItem .contactOptions .Show_Message:hover {
  background: #029FF9;
}
.ContactMessagesItems .contactItem .contactOptions .Show_Message:hover img {
  filter: brightness(100) grayscale(100);
}

.COntactMssageDetails .ContactData {
  position: relative;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
}
.COntactMssageDetails .ContactData .titile h2 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
}
.COntactMssageDetails .ContactData .featMessage {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
}
.COntactMssageDetails .ContactData .featMessage span {
  color: #8D8D8D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.COntactMssageDetails .ContactData .featMessage span img {
  margin: 0 4px;
}
.COntactMssageDetails .ContactData .MessageOptions {
  position: relative;
  top: 0;
  right: 0;
  gap: 8px;
  display: inline-flex;
  margin-top: 16px;
  flex-wrap: wrap;
}
.COntactMssageDetails .ContactData .MessageOptions span {
  height: 38px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  padding: 0 16px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
}
.COntactMssageDetails .ContactData .MessageOptions span.read {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.COntactMssageDetails .ContactData .MessageOptions span.notread {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}
.COntactMssageDetails .ContactData .MessageOptions span.type {
  background: rgba(2, 159, 249, 0.1);
  color: #029FF9;
}
.COntactMssageDetails .Description p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "din_R";
  margin: 0;
}

.RollesBox {
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  padding: 32px;
  border-radius: 12px;
  margin-top: 40px;
}
.RollesBox .RoolData {
  margin-bottom: 40px;
}
.RollesBox .RoolData h2 {
  font-size: 20px;
  font-weight: 700;
  font-family: "din_R";
  color: #000;
  margin-bottom: 8px;
}
.RollesBox .RoolData p {
  color: #8D8D8D;
  font-size: 16px;
  font-family: "din_R";
  font-weight: 400;
}
.RollesBox .RollesItems .ItemRoll {
  padding: 24px 0;
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.RollesBox .RollesItems .ItemRoll:first-child {
  padding-top: 0;
}
.RollesBox .RollesItems .ItemRoll:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}
.RollesBox .RollesItems .ItemRoll h2 {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 24px;
}
.RollesBox .RollesItems .ItemRoll .RollOptions {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.RollesBox .RollesItems .ItemRoll .RollOptions .OptionItem .bg .chiller_cb label {
  padding-inline-start: 32px;
}

.certificateStampa .CertItem {
  padding: 20px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 24px;
}
.certificateStampa .CertItem .uperBox {
  position: relative;
  margin-bottom: 20px;
}
.certificateStampa .CertItem .uperBox .OptionsBox {
  position: absolute;
  top: 0px;
  left: 0px;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .header-item img {
  display: inline-block;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .header-item:hover {
  background: #000;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .dropdown-menu {
  width: 180px;
  border-radius: 8px;
  border: 1px solid rgba(2, 159, 249, 0.1019607843);
  padding: 12px 16px;
  text-align: start;
  z-index: 99999;
  left: 0 !important;
  right: auto !important;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(2, 159, 249, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.certificateStampa .CertItem .uperBox .OptionsBox .dropdown .dropdown-menu .dropdown-item:hover {
  color: #5EBE90 !important;
}
.certificateStampa .CertItem .DowenBox {
  text-align: center;
}
.certificateStampa .CertItem .DowenBox h2 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 12px;
}
.certificateStampa .CertItem .DowenBox p {
  color: #8D8D8D;
  font-family: "din_R";
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}
.certificateStampa .CertItem .DowenBox .StstusBox span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 100px;
  margin: auto;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
}
.certificateStampa .CertItem .DowenBox .StstusBox span.active {
  background: rgba(94, 190, 144, 0.1);
  color: #5EBE90;
}
.certificateStampa .CertItem .DowenBox .StstusBox span.block {
  background: rgba(226, 8, 12, 0.1);
  color: #E2080C;
}

.AddCertificateSetting_Box {
  padding: 40px 24px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 40px;
}
.AddCertificateSetting_Box .StraetchedTaps .nav .nav-item {
  flex-grow: 1;
  flex-basis: 0;
}
.AddCertificateSetting_Box .StraetchedTaps .nav .nav-item .nav-link {
  padding: 0;
  min-width: auto;
}
.AddCertificateSetting_Box .titile {
  margin-bottom: 16px;
}
.AddCertificateSetting_Box .titile h2 {
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
  color: #000;
}
.AddCertificateSetting_Box .cerFeatures .fature_Item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.AddCertificateSetting_Box .cerFeatures .fature_Item:last-child {
  margin-bottom: 0 !important;
}
.AddCertificateSetting_Box .cerFeatures .fature_Item h2 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.AddCertificateSetting_Box .cerFeatures .fature_Item .rating-star .rating-symbol {
  cursor: pointer;
}
.AddCertificateSetting_Box hr {
  border-bottom: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.AddCertificateSetting_Box .FontItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.AddCertificateSetting_Box .FontItem:last-child {
  margin-bottom: 0;
}
.AddCertificateSetting_Box .FontItem .FontmenuIcon img {
  display: block;
  width: 24px;
}
.AddCertificateSetting_Box .FontItem .FontInput {
  flex-grow: 1;
  padding: 16px;
  padding-top: 8px;
  padding-bottom: 4px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
}
.AddCertificateSetting_Box .FontItem .FontInput p {
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
  margin-bottom: 0;
}
.AddCertificateSetting_Box .FontItem .FontInput span {
  font-size: 12px;
  font-weight: 400;
  font-family: "din_R";
  color: #8D8D8D;
  margin-bottom: 0;
}
.AddCertificateSetting_Box .FontItem .DeleteFontItem {
  background: none;
}
.AddCertificateSetting_Box .FontItem .DeleteFontItem img {
  display: block;
  width: 24px;
}
.AddCertificateSetting_Box .AddNewFont_BTN {
  color: #5EBE90;
  font-weight: 700;
  font-size: 16px;
  background: none;
}
.AddCertificateSetting_Box .AddNewFont_BTN span {
  margin-inline-end: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #5EBE90;
  border-radius: 50%;
  color: #FFFFFF;
}
.AddCertificateSetting_Box .Segnature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 16px;
}
.AddCertificateSetting_Box .Segnature:last-child {
  margin-bottom: 0 !important;
}
.AddCertificateSetting_Box .Segnature h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.AddCertificateSetting_Box .Segnature .rating-star .rating-symbol {
  cursor: pointer;
}

.certificatePreview {
  padding: 40px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-bottom: 40px;
}
.certificatePreview .CertificateTitle {
  text-align: center;
  margin-bottom: 40px;
}
.certificatePreview .CertificateTitle h2 {
  font-size: 16px;
  font-weight: 700;
  font-family: "din_R";
  margin-bottom: 8px;
}
.certificatePreview .CertificateTitle p {
  color: #8D8D8D;
  font-size: 16px;
}
.certificatePreview .StampaBox {
  position: relative;
}
.certificatePreview .StampaBox .StampaImage img {
  display: block;
  width: 100%;
  height: auto;
}
.certificatePreview .StampaBox .DataLayer {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  padding-top: 60px;
  text-align: center;
}
.certificatePreview .StampaBox .DataLayer h1 {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 35px;
  color: #f00;
  margin-bottom: 0px;
  font-weight: 700;
  font-family: "din_R";
  position: relative;
  left: 70px;
  top: 0;
  right: auto;
  bottom: 0;
}
.certificatePreview .StampaBox .DataLayer h2 {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 45px;
  color: #000;
  margin-bottom: 0px;
  font-weight: 700;
  font-family: "din_R";
  position: relative;
  left: 70px;
  top: 15px;
  right: auto;
  bottom: 0;
}
.certificatePreview .StampaBox .DataLayer p {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 16px;
  color: #8D8D8D;
  position: relative;
  left: 70px;
  top: 25px;
  right: auto;
}
.certificatePreview .StampaBox .DataLayer h3 {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 20px;
  color: #f0f;
  font-weight: 800;
  font-family: "din_R";
  position: relative;
  left: 70px;
  top: 35px;
  right: auto;
  bottom: 0;
}
.certificatePreview .StampaBox .DataLayer .dateSegnature {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  position: relative;
  left: 70px;
  top: 55px;
  right: auto;
  bottom: 0;
}
.certificatePreview .StampaBox .DataLayer .dateSegnature .ItemBox {
  text-align: center;
}
.certificatePreview .StampaBox .DataLayer .dateSegnature .ItemBox span {
  font-weight: 300;
  color: #000;
  font-size: 14px;
  font-family: "din_R";
}
.certificatePreview .StampaBox .DataLayer .dateSegnature .ItemBox hr {
  border-bottom: 1px solid #aaa;
  width: 125px;
  margin: 5px 0;
}
.certificatePreview .StampaBox .DataLayer .dateSegnature .ItemBox img {
  display: block;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.ActiveTrainerLogin {
  padding: 32px;
  border-radius: 8px;
  border: 2px solid rgba(2, 159, 249, 0.1019607843);
  margin-top: 24px;
}
.ActiveTrainerLogin .titile_AvilableTo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ActiveTrainerLogin .titile_AvilableTo h2 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.ActiveTrainerLogin .titile_AvilableTo p {
  color: #8D8D8D;
  font-size: 16px;
  font-weight: 400;
  font-family: "din_R";
}
.ActiveTrainerLogin .titile_AvilableTo .rating-star .rating-symbol {
  cursor: pointer;
}

.ProfileNav {
  background: #fff;
}

.SecodMenu {
  position: relative;
  width: 100%;
  background: #f9f9f9;
  padding: 10px;
  margin-top: -25px;
  margin-bottom: 20px;
  border-radius: 8px;
}
.SecodMenu .OpenSideBareFilter {
  display: inline-flex;
  width: 40px;
  background: rgba(2, 159, 249, 0.06);
  height: 40px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
}
.SecodMenu span {
  position: relative;
  top: -5px;
}

.ProfileNav.show {
  right: 0;
  transition: all 0.4s ease-in-out;
}

.CloseSideMenuBTN {
  background: none;
  width: 40px;
  height: 40px;
  position: relative;
  left: 0;
  right: calc(100% - 40px);
  background: rgba(2, 159, 249, 0.06);
  border-radius: 4px;
}
/***********/
.w_max {
  width: -moz-max-content;
  width: max-content;
}

.border_2px {
  border: 2px solid rgba(2, 159, 249, 0.1019607843) !important;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-250 {
  max-width: 250px;
}

.radius_0 {
  border-radius: 0 !important;
}

.radius_8 {
  border-radius: 8px;
}

/***********ltr Style********/
body.ltr {
  direction: ltr;
  overflow-x: hidden;
}

body.ltr .ProfileNav.show {
  left: 0;
  right: auto;
}
body.ltr .MyAccount .dropdown-menu {
  left: auto !important;
  right: 0 !important;
}
body.ltr .MyAccount .dropdown-menu .dropdown-item {
  direction: ltr;
  text-align: start;
}
body.ltr .MyAccount .dropdown-menu .dropdown-item:last-child {
  text-align: center;
}
body.ltr .main-menu .navigation > li > ul > li > a img {
  margin-left: 0;
  margin-right: 4px;
}
body.ltr .BannrSection .ImageBanner {
  margin-right: 0;
  margin-left: auto;
}
body.ltr .form-group .inputGroup .IconSHape_2_d {
  right: 0;
  left: auto;
}
body.ltr .BannrSection .BannerData .SearchBannerBox .BoxBanerData .border_left {
  border-right: 2px solid rgba(141, 141, 141, 0.1607843137);
  border-left: 0;
}
body.ltr .select2-container--default .select2-selection--single .select2-selection__rendered span img {
  margin-left: 0;
}
body.ltr .select2-container--default .select2-search--dropdown .select2-search__field {
  text-align: start;
  direction: ltr;
}
body.ltr .select2-results__option[aria-selected] span img {
  margin-left: 0;
}
body.ltr .main-header .NotificationBTN .dropdown-menu {
  left: auto !important;
  right: 0 !important;
}
body.ltr .cartShoping_Btn .cartItems .itemCart .ItemCartData {
  text-align: start;
}
body.ltr .form-group .inputGroup .form-control {
  direction: ltr;
}
body.ltr .MyAccount .dropdown-menu .dropdown-item img {
  margin-right: 8px;
  margin-left: 0;
}
body.ltr .CoursesItems .courseItem .upeerBox .couseFeatures span img {
  margin-right: 8px;
  margin-left: 0;
}
body.ltr .BestNews .overlay .NewsItems .ItemNews {
  direction: ltr;
}
body.ltr .main-footer .contactOnfoo span {
  padding-left: 0;
  padding-right: 24px;
  margin-left: 0;
  margin-right: 24px;
  border-left: 0;
  border-right: 2px solid rgba(141, 141, 141, 0.1607843137);
}
body.ltr .main-footer .about-widget {
  padding-right: 80px;
  padding-left: 0;
}
body.ltr .btn-style-green img {
  margin-right: 4px;
  margin-left: 0;
}
body.ltr .LoginAsKader .kdaerloginData .TransTitle img {
  margin-right: 24px;
  margin-left: 0;
}
body.ltr .BannrSection .layerImage {
  left: auto;
  right: 0;
  transform: rotateY(180deg);
}
body.ltr .main-footer .footerlayer {
  left: 0;
  right: auto;
  transform: rotateY(180deg);
}
body.ltr .wizard.vertical-wizard .content {
  margin-right: 0;
  margin-left: 5%;
}
body.ltr .wizard > .actions {
  right: 40px;
  left: auto;
}
body.ltr .select2-container--default .select2-selection--single {
  padding-right: 10px;
  padding-left: 40px;
}
body.ltr .note-editor .note-toolbar, body.ltr .note-popover .popover-content {
  text-align: start;
}
body.ltr .form-group .inputGroup .IconSHape_2 {
  right: 0;
  left: auto;
}
body.ltr .form-group .inputGroup .IconSHape_2_text {
  right: 0;
  left: auto;
}
body.ltr .wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QueshionHeader .rightSide .form-control {
  direction: ltr;
}
body.ltr .wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .AnswerInput {
  direction: ltr;
}
body.ltr .wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .AddNewQuestion .QutionAnswers_Degree .Answerrs .AnswerItem .QuetionInputs .TrueOrFass {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 12px;
}
body.ltr .wizard.vertical-wizard .content .DawraMohtawa .accordion .accordion-item .accordion-body .MohtawaCourseItems .Questionsss .Add_Vido_Doc_Exam .Added_Item img {
  margin-right: 8px;
  margin-left: 0;
}
body.ltr .User_Avilable .Avilable .rightInfo p .IconAvilable {
  margin-right: 4px;
  margin-left: 0;
}
body.ltr .chiller_cb label {
  padding-right: 0;
  padding-left: 20px;
}
body.ltr .chiller_cb span {
  left: 0;
  right: auto;
}
body.ltr .wizard.vertical-wizard .content .LastStepData .DwraDataLast .upeerBox .couseFeatures span img {
  margin-right: 8px;
  margin-left: 0;
}
body.ltr .btn-style-green-light img {
  margin-right: 4px;
  margin-left: 0;
}
body.ltr .MosharkaSteps_Lp .StepsGroup .StepItem .StepArowIamge {
  right: -75px;
  left: auto;
  transform: rotate(180deg);
}
body.ltr .cartPage .CartAmmountBox .CouponCode .inputGroup .ApplayCode {
  right: 0;
  left: auto;
}
body.ltr .Page_Header .PageTitle ul li img {
  margin-right: 8px;
  margin-left: 0;
  transform: rotateY(180deg);
}
body.ltr .PageVideoHeader .HeaderContent .rightSide .bioo p {
  border-left: 2px solid rgba(255, 255, 255, 0.1019607843);
  border-right: 0;
}
body.ltr .PageVideoHeader .HeaderContent .leftSidee .ButonCLosAndBack a img {
  margin-left: 0;
  margin-right: 8px;
}
body.ltr .PageVideoHeader .HeaderContent .leftSidee .ButtonOpenMnu .theme-btn img {
  margin-left: 0;
  margin-right: 8px;
}
body.ltr .profilePage .ProfileNav ul li a p img {
  margin-left: 0;
  margin-right: 8px;
}
body.ltr .profilePage .ProfileNav ul li a .ArrowImage {
  transform: rotate(180deg);
}
body.ltr .iti--allow-dropdown .iti__flag-container, body.ltr .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
body.ltr .iti .form-control {
  padding-right: 100px !important;
  padding-left: 50px !important;
  text-align: start !important;
}
body.ltr .iti__country-list {
  right: 0;
}
body.ltr .profilePage .DawratyItems .DwraItem .upeerBox .couseFeatures {
  left: 24px;
  right: 0;
}
body.ltr .ModalAuth .ModalAuthBoxy .FormModal .AllInstructorss {
  padding-right: 8px;
}
body.ltr .ModalAuth .ForMenhaModals .MenhaUsers .orderItem .UserDtata .userInfo .ComleteStatus .progressBar .BarProg .BarActive {
  left: 0;
  right: auto;
}
body.ltr .ModalAuth .CoursesItems .DawraItem .bg {
  direction: ltr;
}
body.ltr .ModalAuth .CoursesItems .DawraItem .chiller_cb label {
  padding-left: 32px;
}
body.ltr .styled-pagination ul {
  direction: ltr;
}
body.ltr .styled-pagination li:first-child a img,
body.ltr .styled-pagination li:last-child a img {
  transform: rotate(180deg);
}
body.ltr .ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p {
  border-left: 1px solid rgba(2, 159, 249, 0.1019607843);
}
body.ltr .ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p:first-child {
  padding-right: 16px;
  border-left: 0;
}
body.ltr .ModalAuth .ModalAuthBoxy .InstructorDetails .InstructorStatistic p:last-child {
  border-right: 0;
  padding-left: 16px;
  border-left: 1px solid rgba(2, 159, 249, 0.1019607843) !important;
}
body.ltr .CourseDetailsHeader .Breatkramp ul li img {
  margin-left: 0px;
  margin-right: 4px;
  transform: rotate(180deg);
}
body.ltr .CourseDetailsHeader .CourseShortInfo .courseCatAndType span img {
  margin-left: 0px;
  margin-right: 4px;
}
body.ltr .CourseDetailsHeader .CourseShortInfo .stars_Subscribe_Datee .Subscribe p img {
  margin-left: 0px;
  margin-right: 4px;
}
body.ltr .courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li p img {
  margin-left: 0px;
  margin-right: 4px;
}
body.ltr .courseDetaisContent .nav .nav-item .nav-link span img {
  margin-left: 0px;
  margin-right: 4px;
}
body.ltr .courseDetaisContent .CourseDetailsTap .QuestionAndAnswerCOurse .QuesAnsweItem .Answerr {
  padding-right: 0;
  padding-left: 56px;
}
body.ltr .courseDetaisContent .CourseDetailsTap .RatingBox .DetailsRating .RatingItem .RateingProgressBare .bar-item .skill-bar .bar-inner .bar {
  left: 0;
  right: auto;
}
body.ltr .courseDetaisPage .courseShortCartData .CouponCode .inputGroup .ApplayCode {
  left: auto;
  right: 0;
}
body.ltr .courseDetaisPage .courseShortCartData .CouponCode .CourseFeaturess ul li .LinkZoom .LinkDtaa .COpyLink img {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .courseDetaisContent .CourseDetailsTap .LocationPlace .LinkZoom .LinkDtaa .COpyLink img {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .Page_Header .PageTitle .SearchHeader .formBox input {
  padding-right: 10px;
  padding-left: 40px;
}
body.ltr .Page_Header .PageTitle .SearchHeader .formBox img {
  left: 8px;
  right: auto;
}
body.ltr .CourseDetailsHeader .NashreDawra p img {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .ExamPage .ExamHeader .LeftSide .progressBar .BarProg .BarActive {
  left: 0;
  right: auto;
}
body.ltr .bg {
  direction: ltr;
}
body.ltr .NewsDetails_PageHeader .PageTitle .NewsCatAndDate span img {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .NewsDetailsPage .NextPriveNews .NextNews .icon {
  transform: rotateY(180deg);
}
body.ltr .NewsDetailsPage .NextPriveNews .PriveeusNews {
  direction: rtl;
}
body.ltr .NewsDetailsPage .NextPriveNews .PriveeusNews .icon {
  transform: rotateY(180deg);
}
body.ltr .BarActive {
  left: 0;
  right: auto;
}
body.ltr .profilePage .FavoretsItems .FaveItem .upeerBox .couseFeatures {
  left: 24px;
  right: auto;
}
body.ltr .profilePage .FavoretsItems .FaveItem .upeerBox .couseFeatures span img {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .cartPage .CartAmmountBox .cartMoreDetails ul li p span {
  margin-left: 0px;
  margin-right: 8px;
}
body.ltr .BestCourses .Sec_Title .AllItems {
  right: 0;
  left: auto;
}
body.ltr .BestNews .Sec_Title .AllItems {
  right: 0;
  left: auto;
}
body.ltr .BannrSection {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .AuthenticationPage .rightSide {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .Page_Header {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .CourseDetailsHeader {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .PageVideoHeader {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .BestCourses .CoursesTaps .nav .nav-item .active {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .profilePage .ProfileNav ul li.active {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .btn-style-green {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .btn-style-green-light:before {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .btn-style-two {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .wizard .actions ul li .next {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .wizard .actions ul li .finish {
  background: linear-gradient(72.48deg, #049FF7 0%, #57BB98 101.66%);
}
body.ltr .main-footer {
  background: linear-gradient(98.79deg, #029FF9 0%, #015E93 100%);
}
body.ltr .BannrSection .BannerData .DataContent h2 span {
  background: linear-gradient(98.72deg, #049FF7 30.89%, #57BB98 58.58%);
  -webkit-background-clip: text;
  color: transparent;
}
body.ltr .BackagesPage .BackagesItems .ItemBacage .titile h2 {
  background: linear-gradient(98.72deg, #049FF7 30.89%, #57BB98 58.58%);
  -webkit-background-clip: text;
  color: transparent;
}
body.ltr .LoginAsKader .kdaerloginData .TransTitle span {
  background: linear-gradient(271.1deg, #049FF7 0.95%, #57BB98 70.43%);
  -webkit-background-clip: text;
  color: transparent;
}
body.ltr .main-header.fixed-header {
  background: linear-gradient(72.33deg, #002032 0.58%, #029FF9 100%);
}
body.ltr .Department_Items .owl-carousel .owl-stage-outer {
  direction: ltr;
}
body.ltr .DawratyItemsOrderDawrat .DwraItem .upeerBox .couseFeatures {
  left: 12px;
  right: auto;
}
body.ltr .filterdroop .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}
body.ltr .CartShoppingTable table tbody tr td .dropdownActions .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}
body.ltr .DawraPreviw .upperBox .TapsAndOptions .CalendeLabel input {
  left: auto;
  right: -10px;
}
body.ltr .CustomPageHeader .rightSide .IconBox img {
  transform: rotate(180deg);
}
body.ltr .CustomPageHeader .rightSide .SideData ul li img {
  transform: rotate(180deg);
}
body.ltr .TabelBoxrefresh .TabelItem table tbody tr td .dropdownActions .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}
body.ltr .TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button {
  border-left: 0;
  border-right: 1px solid rgba(2, 159, 249, 0.1019607843);
}
body.ltr .TraininCoursesSuperAdmin .DawratyItems .DwraItem .DowenBox .MenahAndOrder_users button:last-child {
  border-right: 0 !important;
}
body.ltr .ContactMessagesItems .contactItem .contactOptions {
  right: 24px;
  left: auto;
}
body.ltr .CoursesItems .courseItem .upeerBox .couseFeatures {
  left: 24px;
  right: auto;
}
body.ltr .toast-top-right {
  left: 12px !important;
  right: auto !important;
}
body.ltr #toast-container > .toast-success {
  direction: ltr;
  background-position: calc(0% + 10px) center;
}
body.ltr #toast-container > .toast-error {
  direction: rtl;
  background-position: calc(0% + 10px) center;
}
body.ltr .inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Dwn {
  right: 0;
  left: auto;
}
body.ltr .inputIcreaseDecrse_style_2 .number-spinner .input-group-btn_Up {
  right: 0;
  left: auto;
}
body.ltr .TabelBoxrefresh .TabelItem table tbody tr td .UserUsed .Data span img {
  transform: rotateY(180deg);
}
body.ltr .Super_reviewsStars .reviewItem .GroupRplies .Repliestem .LineSape {
  border-left: 2px solid rgba(2, 159, 249, 0.1019607843);
  border-right: 0;
  border-radius: 0 0 0px 100px;
}
body.ltr .UserRepliDataWithDesc .User_data .UserImage .IconImage {
  left: 0;
  right: auto;
  transform: rotateY(180deg);
}
body.ltr .SuscriptionBackges .BakageItem .leftSide a.ExportPackage img {
  transform: rotateY(180deg);
}
body.ltr .SuperAdminDowrate .DwraItem .UperBox .DataLayer .UpprData .OptionsBox .dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

/********************/
.Light {
  display: inline-block;
}

.Dark {
  display: none;
}

.hidden-xs {
  display: inline-block;
}

.visible-xs {
  display: none;
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: inline-block;
  }
  .MyAccount {
    display: inline-block;
  }
  .MyAccount img {
    display: none;
  }
  .MyAccount .iconAccount {
    display: block;
    margin-left: 0 !important;
  }
}/*# sourceMappingURL=style.css.map */