@font-face {
  font-family: "Aeonik Regular";
  src: url("../fonts/aeonik-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Aeonik Bold";
  src: url("../fonts/aeonik-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Aeonik Light";
  src: url("../fonts/Aeonik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

:root {

  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --main-custom-1: #2bb75f;
  --main-custom-2: #003c0d;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --light: #fcfcfc;
  --dark-lighter: #f4f7fa;
  --orange: #ff5722;
  --dark-more: #151515;
  --discount-tag-background: rgba(88, 45, 163, 1);
  --discount-tag-height: 1.5rem;
  --darkModePrimary: #18191a;
  --darkModeText: #e4e6eb;
  --darkModeSecondary: #242526;
}
html {
  /* height: 100%; */
  /* -webkit-height: auto; */
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: "Aeonik Regular", Arial, sans-serif;
  /* font-family: "CW BR Firma Regular", Arial, Helvetica, sans-serif; */
  /* font-family: 'Source Sans Pro', sans-serif; */
  color: #13124d;
  position: relative;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active {
  outline: 0px !important;
  /* -webkit-appearance: none; */
  box-shadow: none !important;
}

.mt-70{
  margin-top: 70px;
}

.hero_section {
  background: linear-gradient(31.1deg,#e042ff3b -1.26%,hsl(238.73deg 100% 62.94% / 6%) 98.5%);
}

.gradient-2 {
  background: linear-gradient(90.19deg, hsla(0, 0%, 100%, .1), rgba(38, 219, 86, 0.1) 27.6%, rgba(0, 23, 226, 0.1) 63.02%, hsla(0, 0%, 100%, .1));
}

.hero_section-2{
  display: block;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e6f2f4),to(#86b6ba));
  background-image: linear-gradient(360deg,#e6f2f4,#86b6ba);
}

h1, h2, h3, h4, h5, h6{
  font-family: "Aeonik Bold", Arial, Helvetica, sans-serif;
  color: #000000;
}

.text-big{
  font-size: 4rem;
  color: #000;
  line-height: 4rem;
}

.font-family-1{
  font-family: "Aeonik Regular", Arial, Helvetica, sans-serif;
}

.font-family-2{
  font-family: 'Aeonik Regular', Arial, Helvetica, sans-serif;
}

.font-family-3{
  font-family: "Aeonik Regular", Arial, Helvetica, sans-serif;
}

a:hover {
  text-decoration: none;
}

.no-text-decoration:hover{
  text-decoration: none;
}

.btn, .nav-link{
  font-family: "Aeonik Regular", Arial, Helvetica, sans-serif;
}

.navbar-toggler {
  border: none;
}

.bg-black {
  background-color: var(--color-14);
}

.bg-dark-more {
  background-color: var(--dark-more);
}

.bg-blue {
  background-color: var(--main-custom-1);
}

.bg-lighter {
  background-color: #f7f7f7;
}

.bg-lighter-1 {
  background-color: #f1f1f1;
}

.bg-light-blue{
  background-color: #c7eafb;
}

.bg-transparent{
  background-color: transparent;
}

.img-logo {
  width: 30px;
}

.text-orange{
  color: var(--orange) !important;
}

.bg-color-1{
  background-color: var(--orange) !important;
}

.bg-color-8{
  background-color: #e91e63;
}

.bg-color-7{
  background-color: #f44336;
}

.crystal-bg {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(7.5px);
}

.w-circle-icon {
    width: 60px;
    height: 60px;
    text-align: center;
}

.bg-color-3{
  background-color: #009688;
}

.bg-color-6 {
  background-color: var(--color-6);
}

.bg-light-green {
  background-color: var(--color-12);
}

.btn-light-green{
  background-color: var(--color-12);
}

.bg-color-5 {
  background-color: var(--color-5);
}

.bg-dark-lighter {
  background-color: var(--dark-lighter);
}

.border-circle-1{
  border: 4px solid #00bcd4
}

.border-circle-2{
  border: 4px solid #f44336
}

.border-circle-3{
  border: 4px solid #ff5722
}

.border-circle-4{
  border: 4px solid #ff9800
}

.border-circle-5{
  border: 4px solid #009688
}

.border-circle-6{
  border: 4px solid #ff9800
}

.border-circle-7{
  border: 4px solid #9c27b0
}

.border-circle-8{
  border: 4px solid #3f51b5
}

.border-circle-9{
  border: 4px solid #2196f3
}

.mt-55 {
  margin-top: 55px;
}

.logo-sect {
  text-align: center;
}

.logo-auth-img {
  width: 90%;
}

.card {
  overflow: hidden;
}

.line-through {
  text-decoration: line-through;
}

.btn-facebook {
  /* border: 1px solid var(--main-custom-1); */
  color: #fff;
  background-color: #3b5998;
}

.quest-link a {
  /* text-transform: uppercase; */
  letter-spacing: 0.1rem;
  font-size: 0.7rem;
  color: #6d7e8e;
  font-family: "CW BR Firma Regular", Arial, Helvetica, sans-serif;
}

.navbar.quest-link a{
   text-transform: uppercase;
}

.quest-text h6 {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 13px;
}

.quest-text li {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 10px !important;
}

.quest-text-2 li {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 12px !important;
}

/* .ft-sm {
  font-size: 0.7rem !important;
}

.ft-md {
  font-size: 0.8rem !important;
} */

.text-green {
  color: var(--color-12) !important;
}

.text-black {
  color: #000000 !important;
}

.letter-space,
.lt-2 {
  letter-spacing: 0.1rem;
}
.quest-link .active {
  font-weight: 700 !important;
}


.main-content,
.main-container {
  flex: 1 0 auto;
}

.pt-50 {
  padding-top: 50px;
}

/* .main-footer {
  flex-shrink: 0;
} */

/* .main-footer {
    flex-shrink: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
} */

.home-footer a{
  color: #5f72a1;
}
.space-mt {
  padding-top: 100px;
}

.space-my {
  padding: 100px 0;
}

.info-grid {
  height: 100vh;
  position: relative;
}

.info-grid-item h5,
.info-grid h4 {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.info-grid-item,
.info-grid-item .card {
  height: 100%;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

.btn-main {
  background-color: var(--main-custom-1);
}

.btn-main:hover{
  background-color: var(--main-custom-2);
}

.bg-main-secondary{
  background-color: var(--main-custom-2);
}

.text-main{
  color: var(--main-custom-2)
}

.btn-outline-main{
  color: var(--main-custom-2);
  border: 1px solid var(--main-custom-2);
}

.btn-outline-main:hover{
  background-color: var(--main-custom-2);
  color: #fff;
}

.btn-outline-main {
  border: 1px solid var(--main-custom-1);
  color: var(--main-custom-1);
  background-color: var(--white);
}

.bg-white {
  background-color: var(--white);
}

.bg-green {
  background-color: var(--color-12);
}

.btn-green {
  background-color: var(--color-12);
}

.btn-green:hover {
  background-color: rgb(132, 226, 44);
}

.text-info-2{
  color: #00bcd4
}

.badge-info-2{
  background-color: #00bcd4
}

.home-intro-text h1 {
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 4.24rem;
  line-height: 1em;
}

.hero_section .little-text{
  font-size: 1rem
}

.home-intro-text h2 {
  margin-bottom: 24px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.58em;
  color: rgba(0, 0, 0, 0.7);
  font-family: "CW BR Firma Regular", Arial, Helvetica, sans-serif;
}

.home-intro-text strong {
  position: relative;
}

.box-explain {
  display: none;
}

.quest-text {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 13px;
}

.home-intro-text strong::after {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--color-12);
}

.sub-header {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 40px;
  line-height: 1em;
  color: #000000;
}

.spacing-py {
  padding: 100px 0;
}

.split-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  height: 100vh;
}

.search-split-container .split-grid {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  height: 100vh;
}

.auth-split-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100vh;
}

.auth-split-grid-1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  height: 100vh;
}

.split-side {
  background-color: var(--main-custom-1);
  position: relative;
  padding: 30px;
}

.cover-image {
  position: relative;
  overflow: hidden;
  height: 200px;
  transition: all 0.3s ease-in;
}

.sub-cover-image {
  position: relative;
  overflow: hidden;
  height: 150px;
  transition: all 0.3s ease-in;
}

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

.object-fit-cover {
  object-fit: cover;
}

.object-position-center{
  object-position: center center;
}

.object-fit-contain {
  object-fit: contain;
}

.img-box{
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.bord-radius-50 {
  border-radius: 50%;
}

.catAvatar {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.catAvatar-2 {
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.testifyAvatar {
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.testifyAvatar:last-child {
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 0px;
}
/* .home-intro-sect {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* .home-intro-sect {
  height: 95vh;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.cat-image-size {
  height: 100%;
  width: 100%;
}

.sub-image-size {
  height: 100%;
  width: 100%;
}

.cat-sect .card {
  height: 100%;
  border-radius: 0;
}

.auth-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.space-inner {
  padding: 60px 0;
}

.profile-pix-rad {
  border-radius: 50px;
}

/* .split-main {
} */

.side-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/login_bg.jpg");
}

.login-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/login_bg.jpg");
}

.lost-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/login_bg.jpg");
}

.error-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/error-bg.jpg");
}

.subscribe-bg {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/subscribe.png");
}

.business-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/team_1.jpg");
}
.banner-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 500px;
}

.split-info {
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.ft-13 {
  font-size: 13px;
}

.add-space {
  padding-top: 30px;
}

.text-uppercase {
  text-transform: uppercase;
}

.split-side p {
  font-size: 12px;
}

.make-bold {
  font-family: "Aeonik Bold", Arial, Helvetica, sans-serif;
  font-weight: Bold;
}

.short-bar {
    height: 10px;
    width: 10%;
    background-color: var(--color-12);
}

.make-bigger{
  font-weight: bold;
  font-size: 60px;
  line-height: 1.1em;
}

.profile-num-count {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.profile-pix-container {
  overflow: hidden;
  position: relative;
  height: 100px;
  width: 100px;
}

.circle-shape{
  overflow: hidden;
  position: relative;
  height: 80px;
  width: 80px;
}

.main-footer-link {
  color: var(--color-11);
  font-size: 12px;
  letter-spacing: 0.1rem;
  position: relative;
}

.main-footer-link i {
  margin-bottom: 0.5rem;
}

.main-footer-link:hover {
  color: var(--main-custom-1);
}

.main-footer-link {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.opt-types .form-check-label {
  margin-left: 15px;
}

.custom-control-input ~ .custom-control-label::before {
  transform: scale(1.5);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--main-custom-1);
  background-color: var(--main-custom-1);
}

.no-show {
  display: none;
}

.question-image-size {
  height: 100%;
  width: 100%;
}


.progress {
  position: relative;
}

.bord-grey-2 {
  border: 2px solid #fcfcfc;
}

.bord-50 {
  border-radius: 50px;
}

.pt-100 {
  padding-top: 100px;
}

.badge-lg {
  display: inline-block;
  padding: 0.8em 0.8em;
  font-size: 0.7rem;
  color: #333;
  /* font-weight: 700; */
  /* font-weight: 700 !important; */
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50px;
}

/* .cat-list-pill {
  flex-wrap: nowrap;
  overflow: auto;
} */
.cat-list-pill .badge-light:hover {
  background-color: #333;
  color: #fff;
}

.shorten-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.h-icon-sm{
  height: 16px;
}

.cat-list-pill li {
  margin-right: 15px;
  margin-bottom: 15px;
}

.cat-list-pill li:last-child {
  margin-right: 0;
}

.make-cover-image {
  position: relative;
  overflow: hidden;
  height: 300px;
}

.make-cover-image-2 {
  position: relative;
  overflow: hidden;
  height: 300px;
}

.progress-bar-title {
  position: absolute;
  text-align: center;
  overflow: hidden;
  color: #fff;
  right: 0;
  left: 0;
  top: 0;
  letter-spacing: 0.1rem;
  font-size: 11px;
  text-transform: uppercase;
}

.progress-bar-title span{
    color: var(--darkModeSecondary) !important;
    font-size: 12px;
}

.loader-sect {
  background-color: var(--main-custom-1);
  background-position: 50%;
  /* background-image: url(../images/patterns.png);
  background-size: cover; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
}

.loader-sect-w {
  background-color: #fff;
  background-position: 50%;
  /* background-image: url(../images/patterns.png);
  background-size: cover; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
}

.opt-box {
  border: 1px solid var(--main-custom-1);
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opt-box:hover {
  border: 2px solid var(--color-6);
}

.sub-sect h1 {
  font-size: 3rem;
}

.sub-sect p {
  font-size: 1.2rem;
}

.sub-opts label {
  font-size: 1.2rem;
}

.marquee-text-container {
  animation-name: marquee;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  cursor: pointer;
}

@keyframes marquee {
  0% {
    transform: translateX(-10px);
  }
  100% {
      transform: translateX(-1000px);
  }
}
.item-sub .img-fluid {
  width: 60%;
  margin-bottom: 10px;
  transition: all ease-in 0.3s;
}

.item-effect {
  border-radius: 15px;
  box-shadow: 2px 3px 7px #7a7a7a;
  padding: 10px;
}

/* .item-sub:hover .img-fluid {
  transform: scale(1.2);
} */
.item-sub p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

.answer-state-img {
  width: 25px;
}

/* .confirm-box {
  padding-left: 35px;
  padding-top: 15px;
  position: relative;
} */

.confirm-box {
  padding-left: 0px;
  margin-bottom: 10px;
  position: relative;
}

.confirm-box label {
  margin-bottom: 0px;
}

.info-grid-item p {
  font-size: 19px;
  line-height: 1.58em;
  color: rgba(0, 0, 0, 0.7);
}

/* .check-confirm {
  position: absolute;
  z-index: 99;
  left: 10px;
  top: 20px;
} */

.answer-reveal .it-highlight {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 3px 7px #ccc;
}

.bord-rad {
  border-radius: 15px;
}

.bord-rad-50 {
  border-radius: 50px;
}

.sub-opts h3 {
  color: var(--color-6);
}

/* a:hover .cover-image {
  transform: scale(1.1);
}

a:hover .sub-cover-image {
  transform: scale(1.1);
} */

.subject-card:hover .cat-image-size {
  transform: scale(1.1) !important;
}

.subject-card:hover .sub-image-size {
  transform: scale(1.1) !important;
}

.card-view-d {
  display: flex;
  flex-direction: column;
}

.card-view-d p {
  flex-grow: 1;
}

.profile-sect {
  background-position: 50%;
  background-image: url(../images/patterns.png),
    linear-gradient(rgb(70, 70, 70), rgb(70, 70, 70));
  /* background-size: 256px; */
}

.p-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.level-bord-color {
  border: 5px solid var(--white);
}

.nav-pills .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.1rem;
}

.info-tab-links .nav-link {
  background-color: #ccc;
  color: var(--color-14);
}

.info-tab-links.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--main-custom-1);
}

.info-tab-links .nav-item {
  margin: 0 10px;
}

.info-tab-links .nav-item:first-child {
  margin-left: 0;
}
.info-tab-links .nav-item:last-child {
  margin-right: 0;
}

.d-footer-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}

.d-footer-links a{
  color: #000;
}

.update-email-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.list-stat {
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-stat li {
  padding: 0 15px;
}

.list-stat li:first-child {
  padding: 0;
}

.list-stat li:last-child {
  padding: 0;
}

.hide-me {
  display: none;
}
section.pricing {
  background: #f5f5f5;
  /* background: linear-gradient(to right, #0062E6, #33AEFF); */
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing-card-view .fa-check-circle {
  color: var(--color-12);
}

.info-grid::before {
  background-image: url("../images/patterns-1.png");
  height: 542px;
  width: 450px;
  right: -500px;
}

.main-logo {
  height: 35px;
}

.payment-method-box .payment-method-card{
  background-color: #fcfcfc;
}

.payment-method-box .payment-method-card:hover{
  background-color: #ddd;
}

.country-icon{
  width: 20px;
}
/* #grad {
    background-image: linear-gradient(to right, #f3603f, #d8143a);
} */

.pb-100{
  padding-bottom: 100px;
}

#grad {
  background-image: linear-gradient(
    to right,
    rgb(0 123 255 / 50%),
    rgb(0 0 0 / 90%)
  );
}

.clip-path-sect {
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
}

.banner-sect h1 {
  font-size: 4rem;
  line-height: 4rem;
}

.phone-view-1 {
  width: 350px;
  margin: 0 auto;
  display: block;
}

.category-view-grid {
  display: grid;
  /* grid-template-columns: 1fr 3fr 1fr; */
  grid-template-columns:  minmax(100px,1fr) minmax(0,3fr) minmax(100px,1fr);
  height: 100vh;
}

.badge-green {
  color: #40b96e;
}

.list-dot li {
  line-height: 1.2rem;
  margin-bottom: 0.5rem;
  list-style: none;
  background: url(../images/interface.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: left top;
  padding-left: 27px;
  font-size: 14px;
  color: rgba(10, 46, 101, 0.7) !important;
}

/**Loader***/
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.sound-mute::before {
  content: "\f00d";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* content: "\f007"; */
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: var(--danger);
  font-size: 30px;
}

.round,
.pos-relative {
  position: relative;
}

.scroll-d-none::-webkit-scrollbar {
  display: none;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

/**Blog***/
.thumb-img-box-container {
  overflow: hidden;
  position: relative;
  height: 200px;
}

.content-body-d {
  display: flex;
  flex-direction: column;
}

.content-body-d p {
  flex-grow: 1;
  color: #b9b9b9;
  font-size: 13px;
}

.pricing-image-bg {
  height: 100%;
  width: 100%;
}

.blog-sect .card {
  height: 100%;
}

.blog-sect a {
  color: #333;
}

.pad-100 {
  padding: 100px 0;
}

.related-box-container {
  overflow: hidden;
  height: 50px;
  width: 50px;
  position: relative;
}

.blog-image-bg {
  height: 100%;
  width: 100%;
}

.sub-header-pos {
  background-color: var(--main-custom-1);
  background-position: 50%;
  /*background-image: url(../images/patterns.png);*/
  background-size: 256px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sub-header-sect {
  margin-top: 50px;
}

.space-sub-pad-tp-bm {
    padding: 50px 0 30px 0;
}

.blog-img-box-container {
  overflow: hidden;
  position: relative;
  height: 460px;
}

.bord-rad-10 {
  border-radius: 10px;
}

.blog-title-content {
  font-size: 4rem;
}

.badge {
  font-weight: 400;
}

.ft-2 {
  font-size: 2rem;
}

.ft-1 {
  font-size: 1.2rem;
}

.ft-4 {
  font-size: 4rem;
}

.ft-3 {
  font-size: 3rem;
}

.profile-picture-holder {
  height: 100px;
  width: 100px;
  overflow: hidden;
  position: relative;
}

.picture-holder {
  height: 235px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 2px solid #eee;
}

.badge-picture-holder {
  height: 80px;
  width: 80px;
  overflow: hidden;
  position: relative;
}

.d-list {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bg-orange-gradient {
  background-image: linear-gradient(to top right, crimson, rgb(255, 123, 0));
}

.sub-btn {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  min-height: 56px;
  height: auto;
  width: auto;
  float: left;
  /* background-color: rgba(0,0,0,0.08); */
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 20px;
  margin-bottom: 12px;
  margin-right: 10px;
}

.quest-link a.sub-btn {
  font-size: 17px;
}

button.close {
  padding: 0;
  background-color: var(--color-12);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.modal-pop-up .modal-body {
  background-color: #fff;
}

.modal-pop-up .modal-content {
  background-color: transparent;
  border: none;
}

.modal-pop-up .close {
  opacity: 1;
}

.modal-pop-up .modal-header {
  border-bottom: transparent;
  margin-bottom: 10px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-80 {
  margin-top: 80px;
}

.subject-card {
  position: relative;
}

.remove-card {
  position: absolute;
  top: 10px;
  right: 10px;
}

.mh-298 {
  min-height: 298px;
}

.dropdown-opt-in-item {
  font-size: 11px !important;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 45px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 3px solid #030d50;
}

.answer-pending .radio-container:hover {
  background-color: #ddd;
}

/* On mouse-over, add a grey background color */
.answer-pending .radio-container:hover input ~ .checkmark {
  background-color: #ffffff;
  border: 8px solid #030d50;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #030d50;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}


.tab-category.nav-pills .nav-link.active,
.tab-category.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #040e50;
}

.tab-category .nav-link {
  background-color: #f5f5f5;
  color: #333;
}

.tab-category .nav-item {
  margin-right: 15px;
}

.tab-category .nav-item:last-child {
  margin-right: 0px;
}

.error-font-header{
  font-size: 8rem;
}

.card-gradient-1 {
    background-image: linear-gradient(to top right, #04468e, black);
    color: white;
}

.card-gradient-2 {
    background-image: linear-gradient(to top right, #27001d, #610467);
    color: white;
}

.card-gradient-3{
 background-image: linear-gradient(
45deg
, #006eae, #ab00e3);
}

.card-atm-radius{
  border-radius: 20px;
}

.card-atm-height{
  height: 300px;
}

.lsp-calendar {
    display: grid;
    grid-template-columns: repeat(7,30px);
    grid-gap: 5px;
    grid-auto-rows: 30px;
    align-items: center;
    justify-content: center;
}

.lsp-calendar-item{
    height:30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d6d6d6;
    position: relative;
    background-color: #fff;
}

.lsp-calendar-active{
    background-color: var(--color-12) !important;
    color: #fff !important;
}

.missed-goal::before {
    content: "\f00d";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* content: "\f007"; */
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: var(--danger);
    font-size: 20px;
    opacity: 0.8;
}

.done-goal::before {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* content: "\f007"; */
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: var(--color-12);
    font-size: 20px;
    opacity: 0.8;
}

.b-overlay {
  background-image: linear-gradient(
45deg
, #006eae, #ab00e3ad);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
}

.testify-text{
  font-size: 30px;
}

.testify-image{
  height: 450px;
  width: 450px;
  overflow: hidden;
  position: relative;
}

.opacity-0{
  opacity: 0;
}

.opacity-1{
  opacity: 0.2;
}

.opacity-2{
  opacity: 0.4;
}

.opacity-3{
  opacity: 0.6;
}

.opacity-4{
  opacity: 0.8;
}

.opacity-5{
  opacity: 1;
}

.cursor{
  cursor: pointer;
}

.carouselIndictatorHolder{
  bottom: -70px
}

.cookies-sect {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: 95%;
  margin: 0 auto;
  padding-top: 25px;
  background: rgba(0,0,0,.9);
  background: white;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  z-index: 2700;
  padding-bottom: 25px;
  /* color: #fff; */
  font-size: 14px;
}

/* .close-policy {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: -17px;
    opacity: 0.4;
} */

.social-share li{
  margin-right: 15px;
}

.social-share li:last-child{
  margin-right: 0px;
}

.social-share li a{
  color: #fff;
}

.social-share li a:hover{
  color: var(--color-12);
}

.steps-area {
    counter-reset: item;
    margin-top: 60px;
}

.steps-area .step__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
    position: relative;
    opacity: .2;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
}

.steps-area .step__item.active:before {
    height: 80%;
    opacity: 1;
}

.steps-area .step__item:before {
    content: "";
    width: 1px;
    position: absolute;
    background-color: #17a2b8;
    top: 50px;
    opacity: 0;
    left: 12px;
    height: 0%;
    transition: height .8s ease-out;
}

.steps-area .step__item-number {
    position: relative;
}

.steps-area .step__item-content {
    margin-left: 60px;
    max-width: 70%;
}

/* .steps-area span{
    font-size: 1.3rem
} */

.steps-area .step__item.active .step__item-number:before {
    -webkit-animation: scaleCircle .5s linear forwards;
    animation: scaleCircle .5s linear forwards;
}

.steps-area .step__item-number:before {
    content: "";
    background-color: rgba(162,227,252,.4);
    border-radius: 100%;
    height: 60px;
    width: 60px;
    position: absolute;
    top: -18px;
    opacity: 0;
    left: -17px;
}

.steps-area .step__item-number:after {
    counter-increment: item;
    content: "0" counter(item);
    font-size: 2rem;
    color: #17a2b8;
    font-weight: 600;
    z-index: 1;
}

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

.overlay-sect{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 9999;
    color: white;
}

.form-control-custom-view{
  height: 45px;
}

.btn-custom-view{
  height: 45px;
}

.separator-between {
  display: flex;
  flex-direction: row;
  color: #9e9e9e;
}
.separator-between:before, .separator-between:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
.separator-between:before {
  margin-right: 10px
}
.separator-between:after {
  margin-left: 10px
}

/* .goal-set-card-body h4{
  font-size: 1.2rem;
} */

.goal-set-card-body p{
  font-size: 13px;
}

.ads-sticky-1{
  position: sticky;
  top:95px;
}

.main-logo-size{
  height: 40px;
}

.pt-6{
  padding-top: 4rem;
}

.bottom-position-toast{
  bottom: 75px;
}

.btn-accordion[aria-expanded="true"] .arrow-chevron-down{
    display: none
}

.btn-accordion[aria-expanded="false"] .arrow-chevron-up{
    display: none
}

.note-count-badge{
  height: 30px;
  width: 30px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vh-50{
  height: 50vh;
}

.note-card:hover{
  background-color: #fefefe;
}

.reward-holder{
    overflow: hidden;
    position: relative;
    height: 350px;
    width: 100%;
}

.py-1-5{
  padding-top: 100px;
  padding-bottom: 150px;
}

.confirm-box-hover:hover{
  background-color: #d4d4d4 !important;
}

.banner-sect-2 {
    overflow: hidden;
    position: relative;
    height: 94px;
    width: 100%;
}

.course-image {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.bt-sticky-all{
  position: sticky;
  bottom: 0px;
  background: white;
  margin: 0px;
  padding: 5px 0;
  z-index: 99;
}

.outcome-list li{
  margin-bottom: 15px;
}

.list-info li{
  margin-bottom: 10px;
}

.list-info li:last-child{
  margin-bottom: 0px;
}

.info-box-anchor:hover .info-box-card{
    border-top: 3px solid orangered
}

.bg-cream{
  background-color: #fff5e8;
}

.text-grey{
  color: #5b6987;
}

.pricing-card-view-card-body{
  height: 300px;
}

.make-big{
  font-size: 45px;
  font-weight: 700;
}

.bg-light-black{
  background-color: #202020;
}

.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 45px;
    right: 45px;
    z-index: 999999999;
}

.floatingButtonInner {
    position: relative;
}

.floatingButton {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #8769a9, #507cb3);
    background: -o-linear-gradient(45deg, #8769a9, #507cb3);
    background: linear-gradient(45deg, #8769a9, #507cb3);
    color: #fff;
    line-height: 50px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 30px;
    right: 0px;
    border: 5px solid #b2bedc;
    /* opacity: 0.3; */
    opacity: 1;
    transition: all 0.4s;
}

.floatingButton .fa {
    font-size: 15px !important;
}

.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
    opacity: 1;
    color: #fff;
}


.floatingButton .fa {
    transform: rotate(0deg);
    transition: all 0.4s;
}

.floatingButton.open .fa {
    transform: rotate(270deg);
}

.floatingMenu {
    position: absolute;
    bottom: 72px;
    right: 0px;
    /* width: 200px; */
    display: none;
}

.floatingMenu li {
    width: 100%;
    float: right;
    list-style: none;
    text-align: right;
    margin-bottom: 5px;
}

.floatingMenu li a {
    padding: 8px 15px;
    display: inline-block;
    background: #ccd7f5;
    color: #6077b0;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    /* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
}

.floatingMenu li a:hover {
    margin-right: 10px;
    text-decoration: none;
}

.small-icon{
  height: 15px;
}

.ft-6{
  font-size: 6rem;
}

.table td, .table th {
    padding: 1.5rem 0.75rem;
    vertical-align: top;
    border-top: 1px solid #f4f4f4;
}

.badge-warning-lighten {
    color: #ffbc00;
    background-color: rgba(255,188,0,.18);
}

.badge-danger-lighten {
    color: #fa5c7c;
    background-color: rgba(250,92,124,.18);
}

.badge-success-lighten {
    color: #0acf97;
    background-color: rgba(10,207,151,.18);
}
.badge-info-lighten {
    color: #fff;
    background-color: #67cce9;
}

.badge-dark-lighten {
    color: #fff;
    background-color: #b2b2b2;
}

.no-letter-space{
  letter-spacing: 0;
}

.plan-feature-item{
  border-bottom: 1px solid #cccccc;
}

.plan-feature-item:last-child{
  border-bottom: 0;
}

.top-50{
  top: 50px;
}

.image-container{
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}

.most-popular-badge{
    position: absolute;
    width: 100%;
    top: -25px;
    padding: 10px;
    text-align: center;
}

.circle-icon{
  height: 25px;
  width: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  border-radius: 50%;
}

.pricing-cta{
    background-image: url(../images/blue-banner-desktop.png);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.card-cover-image {
  position: relative;
  overflow: hidden;
  height: 150px;
}

.progress-bar-dot{
    display: flex;
}

.progress-bar-dot li{
    height: 10px;
    width: 10px;
    /* border-radius: 50%; */
    margin-right: 5px;
}

.progress-bar-dot li:last-child{
    margin-right: 0px;
}

.active-dot-progress{
    background: #00bcd4;
}

.connecting-line {
    height: 2px;
    background: #00bcd4;
    position: absolute;
    width: 92%;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    top: 4px;
    z-index: 1;
}

.connect-w-1{
    width: 37%
}

.connect-w-2 {
    width: 75%;
}

.bg-light-2{
    background-color: #c3c3c3;
}

.sticky-top-view{
    position: sticky;
    top: 80px;
}

.info-tag{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #c3c3c3;
}

.start-bottom {
    position: fixed;
    left: 0;
    bottom: -3px;
    right: 0;
    background-color: white;
    z-index: 99;
}

.outline-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

.outcome-list li:last-child{
    border-bottom: unset !important;
}

.fill-blue{
    fill: var(--main-custom-1)
}

.menu-list-group .list-group-item{
    background-color: transparent !important;
    font-size: 14px;
    padding: 5px;
}

.menu-list-group .list-group-item a{
    color:rgb(70, 70, 70);
    padding: 10px 20px;
    display: block;
}

.menu-list-group .list-group-item a:hover{
    background-color: var(--main-custom-1);
    border-radius: 50px;
    font-weight: 700;
    color: white;
}

.menu-list-group .list-group-item .active{
    background-color: var(--main-custom-1);
    border-radius: 50px;
    font-weight: 700;
    color: white;
}


.pricing-outline-link li{
    padding-bottom: 15px;
    font-size: 0.8rem;
}

.pricing-outline-link li:last-child{
    padding-bottom: 0px;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 4px 0;
  background-color: var(--main-custom-1);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  /* text-transform: uppercase; */
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 23px;
}
.ribbon-top-right::after {
  bottom: 23px;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

.discount-tag {
    background: var(--discount-tag-background);
    color: #fff;

    /* Center the price */
    align-items: center;
    display: flex;
    justify-content: center;

    /* Used to position the triangle */
    position: relative;

    /* Size */
    height: var(--discount-tag-height);

    /* Spacing */
    padding: 0.25rem 0.5rem;

    font-size: 0.7rem;
    width: 4.5rem;
}

/* The triangle */
.discount-tag::before {
    content: '';

    border-color: transparent var(--discount-tag-background) transparent transparent;
    border-style: solid;
    border-width: calc(var(--discount-tag-height) / 2) calc(var(--discount-tag-height) / 2)
        calc(var(--discount-tag-height) / 2) 0rem;

    /* Position */
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(-100%, 0px);
}

/* The dot */
.discount-tag::after {
    content: '';

    /* Make it like a cirle */
    background: #fff;
    border-radius: 9999rem;

    /* Position */
    left: 7px;
    position: absolute;
    top: 50%;
    transform: translate(-0.5rem, -50%);

    /* Size */
    height: 0.5rem;
    width: 0.5rem;
}

.lesson-list a:hover{
    font-weight: 700;
}

.goal-set-card-body h4{
    font-size: 16px;
}

.goal-set-card-body .media-body h6{
    font-size: 13px;
}

.owl-stage{
    display: flex !important;
}

.course-list-carousel .item{
    height: 100% !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    font-size: 35px;
    color: #000;
}

.owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white !important;
    border: 1px solid #bcbcbc !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.owl-nav{
    position: relative;
}

.owl-prev{
    position: absolute;
    bottom: 150px;
    left: 0px;
}

.owl-next{
    position: absolute;
    bottom: 150px;
    right: 0px;
}

.lesson-list li{
    padding-top: 20px;
    padding-bottom: 20px;
}

.pos-button{
    top: 10px;
    right: 10px;
}

.progress{
    border-radius: 50px;
}

.fill-black{
    fill: black;
}

.position-float-img{
    position: absolute;
    top: 15px;
}

/***Dark Mode***/

.darkmode{
    color: var(--darkModeText);
    background-color: var(--darkModePrimary);
}

.darkmode .main-split-2 {
    border-left: 1px solid var(--darkModeSecondary);
    border-right: 1px solid var(--darkModeSecondary);
}

.darkmode .border-bottom {
    border-bottom: 1px solid var(--darkModeSecondary) !important;
}

.darkmode .card{
    border: 1px solid var(--darkModeSecondary) !important;
    background-color: var(--darkModeSecondary) !important;
}

.darkmode .card-header {
    border: transparent !important;
}

.darkmode .sidenav a,
.darkmode .dropdown-item,
.darkmode .action-list a,
.darkmode .suggest-carousel-arrow.carousel-control-next,
.darkmode .suggest-carousel-arrow.carousel-control-prev,
.darkmode .text-black,
.darkmode .inner-footer li a,
.darkmode .text-dark,
.darkmode .navbar-light .navbar-brand,
.darkmode .navbar-light .navbar-nav .active>.nav-link,
.darkmode .navbar-light .navbar-nav .nav-link,
.darkmode .menu-list-group .list-group-item a,
.darkmode .list-dot li,
.darkmode .text-grey,
.darkmode {
    color: var(--darkModeText) !important;
}

.darkmode .close {
    color: var(--darkModeText) !important;
}

.darkmode .dropdown-item:hover{
    background-color: #3A3B3C;
}

.darkmode .text-between-line span {
    background: var(--darkModePrimary);
    color: var(--darkModeText);
}

.darkmode .btn-outline-main,
.darkmode .btn-outline-secondary {
    border: 1px solid #28a745;
    color: white;
    background-color: #28a745;
}

.darkmode .sidenav,
.darkmode .modal-content,
.darkmode .dropdown-menu,
.darkmode .bg-white,
.darkmode .pic-main-container,
.darkmode .bg-light,
.darkmode .video-main-container{
    background-color: var(--darkModePrimary) !important;
}

.darkmode .form-control, .darkmode .input-group-text{
    border: 1px solid #646464 !important;
    background-color: var(--darkModeSecondary);
    color: #e2e2e2;
}

.darkmode .message-media .media, .darkmode .book-media {
    border-bottom: 1px solid var(--darkModeSecondary);
}

.darkmode .cookies-sect{
    background-color: var(--darkModeSecondary);
}

.darkmode .message-media .media:hover {
    background-color: #3A3B3C;
}

.darkmode .custom-tab.nav-pills .nav-link {
    color: var(--darkModeText) !important;
}

.darkmode .list-menu-main {
    border-bottom: 1px solid var(--darkModeSecondary);
}

.darkmode .custom-modal-close{
    background-color: transparent !important;
}

.darkmode .home-intro-text h1{
    color: var(--darkModeText) !important;
}

.darkmode .btn-main, .darkmode .btn-green {
    background-color: #28a745;
}

.darkmode .btn-outline-dark {
    color: var(--darkModeText);
    background-color: var(--darkModeSecondary);
}

.darkmode .btn-outline-dark:hover {
    background-color: var(--darkModeText);
    color: var(--darkModeSecondary);
}

.darkmode .bg-dark-lighter{
    background-color: var(--darkModeSecondary);
}

.darkmode .lsp-calendar-item{
    background-color: var(--darkModeSecondary);
}

.darkmode .list-group-item{
    background-color: transparent;
}


.darkmode .answer-reveal .it-highlight {
    box-shadow: 2px 3px 7px var(--darkModePrimary);
}

.darkmode .confirm-box{
    border: 1px solid var(--darkModePrimary);
    background-color: var(--darkModePrimary);
}

.darkmode .confirm-box-hover:hover {
    background-color: #646464 !important;
}

.darkmode .split-side {
    background-color: var(--darkModeSecondary);
    position: relative;
}

.darkmode .split-side, .darkmode .category-view-1.bg-blue {
    background-color: var(--darkModeSecondary);
}

.darkmode .make-cover-image{
    background-color: white;
}

.darkmode .make-cover-image-2{
    background-color: var(--darkModePrimary)
}

.darkmode .make-cover-video{
    background-color: white;
}

.darkmode .main-footer-link:hover {
    color: var(--color-12);
}

.darkmode .table th, .darkmode .table td{
    color: var(--darkModeText);
}

.darkmode .progress-bar-title span{
    color: var(--darkModeSecondary) !important;
    font-size: 12px;
}

.darkmode .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #28a745;
}

.darkmode .ribbon span{
    background-color: #582da3;
}

.darkmode .d-footer-links a {
    color: var(--darkModeText);
}

.darkmode .hidden-content-explain .alert-info,
.darkmode .hidden-content-explain .alert-warning{
    background-color: var(--darkModeSecondary);
    border: var(--darkModePrimary);
    color: var(--darkModeText);
}


.darkmode .menu-list-group .list-group-item a:hover{
    background-color: #0e4faf;
}

.darkmode .menu-list-group .list-group-item .active{
    background-color: #0e4faf;
}

.darkmode .radio-container input:checked ~ .checkmark {
    background-color: #0e4faf;
}

.darkmode .checkmark {
    border: 3px solid #0e4faf;
}

.darkmode .split-info{
    background-color: var(--darkModeSecondary);
}

.darkmode .bt-sticky{
    background-color: var(--darkModeSecondary);
    box-shadow: unset;
}

.darkmode .main-footer-link{
    color: var(--color-12);
}

.darkmode .main-footer-link:hover{
    background-color: var(--darkModePrimary);
}

.darkmode .navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

.darkmode .loader-sect, .darkmode .bg-blue{
    background-color:var(--darkModePrimary);
}

.darkmode .bt-sticky-all{
    background-color: var(--darkModeSecondary);
}

.darkmode .text-dark:hover{
    color: #0e4faf !important;
}

.darkmode .info-tab-links.nav-pills .nav-link.active, .darkmode .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0e4faf;
}

.darkmode .tab-category.nav-pills .nav-link.active, .darkmode .tab-category.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0e4faf;
}

.darkmode .text-muted{
    color: #b4b4b4 !important;
}

.darkmode .pricing .text-muted {
    opacity: 1 !important;
}

.question-header-text{
    font-size: 16px;
}

.darkmode .confirm-box.it-highlight{
    border: 1px solid #fff !important;
}

.darkmode .start-bottom{
    background-color: var(--darkModeSecondary);
}

.darkmode .ads-container{
    display: none;
}

.darkmode .ads-image{
    display: none;
}

.darkmode .btn-green:hover, .darkmode .btn-outline-main:hover, .darkmode .btn-main:hover, .darkmode .btn-outline-secondary:hover{
    border: 1px solid var(--color-12);
    background-color: var(--color-12);
    color: #fff !important;
}

.darkmode .modal-pop-up .modal-body{
     background-color: var(--darkModePrimary) !important;
}

.missed-goal::before {
    display: none;
}

.done-goal::before {
    display: none;
}

.lsp-calendar-item.missed-goal{
    background-color: rgb(153 4 33) !important;
    color: #fff !important;
}

.lsp-calendar-item.done-goal{
    background-color: var(--color-12) !important;
    color: #000;
}

.lsp-calendar-item.lsp-calendar-active{
    background-color: rgb(141, 141, 141) !important;
}

.bg-main{
  background-color: var(--main-custom-1);
}

@media screen and (max-width: 991.98px){
    .category-view-grid {
      display: block;
    }

    .auth-split-grid {
        display: block;
    }

    .auth-form .container{
        width: 406px;
    }
}

.filepond--root {
  height: 100px;
  border: 2px dashed #848383;
  border-radius: 10px;
}