* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: Poppins-L;
  src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
  font-family: Poppins-R;
  src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family: Poppins-M;
  src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
  font-family: Poppins-SB;
  src: url(../fonts/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: Poppins-B;
  src: url(../fonts/Poppins-Bold.ttf);
}

body {
  font-family: Poppins-R;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

img {
  display: block;
  width: 100%;
  height: 100%;
}

dl,
ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

/*=============== REUSABLE CSS CLASSES ===============*/

.container {
  max-width: 1200px;
  padding: 0;
}

/* navbar start */

.navbar {
  padding: 38px 0 32px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

.navbar .navbar-logo {
  width: 102px;
  height: 94px;
}

.nav-link {
  padding: 10px 0 !important;
}

.nav-link span {
  padding: 9px 31px;
  background-color: #fff;
  color: #02acd3;
  border: 1px solid #000;
  border-radius: 50px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  display: block;
}

.nav-link.active span {
  background-color: #02acd3;
  border: 1px solid #02acd3;
  color: #ffffff;
}

.nav-link span:hover {
  background-color: #02acd3;
  border: 1px solid #02acd3;
  color: #ffffff;
}

.navbar-nav {
  column-gap: 30px;
  row-gap: 10px;
}

.navbar-toggler {
  font-size: 20px;
  padding: 0;
  border: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas-header {
  padding: 16px;
}

.offcanvas-body {
  padding: 16px;
}

.offcanvas-header .btn-close {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

/* navbar ends */

/* Home Starts */

/* Banner Starts */

.banner {
  background: linear-gradient(96.59deg, #ffffff 0.09%, #f2f9fe 107.54%);
  box-shadow: 0px 4px 24px 0px rgba(193, 193, 193, 0.14);
  /* padding: 15.75rem 0 40px; */
  padding: 160px 0 40px;
  overflow: hidden;
  position: relative;
}

.home .banner {
  padding: 164px 0 37px;
}

.banner .inner {
  position: relative;
}

.banner .banner-top-bg {
  position: absolute;
  top: -14.8125rem;
  left: -2rem;
  width: 32.875rem;
  height: 32.875rem;
  animation-name: spin;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.banner .banner-bottom-bg {
  position: absolute;
  bottom: -9.375rem;
  right: 11.125rem;
  width: 33.625rem;
  height: 32.875rem;
  animation-name: spin;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.home .banner .inner .banner-img {
  padding: 0 4.7083%;
  margin-bottom: 38px;
  height: 346px;
}

.home .banner .inner .banner-img img {
  border-radius: 24px;
}

.home .banner .inner .banner-contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .banner .inner .banner-contents .title {
  width: 41.4452%;
}

.home .banner .inner .banner-contents .title h1 {
  font-family: Poppins-R;
  font-size: 52px;
  line-height: 62px;
  text-align: center;
  color: #000;
}

.home .banner .inner .banner-contents .description {
  width: 49.0864%;
}

.home .banner .inner .banner-contents .description p {
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

/* Banner Ends*/

/* Features Starts */

.home .features {
  padding: 88px 0;
}

.home .features .container {
  padding: 0 1.6146%;
}

.home .features .features-inner .features-boxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10.9842%;
}

.home .features .features-inner .features-boxes .features-box {
  width: 26.0105%;
  background-image: url(../img/featurs-box-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 20px 68px 26px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.home .features .features-inner .features-boxes .features-box:nth-child(even) {
  background-image: url(../img/featurs-box-even-bg.png);
}

.home .features .features-inner .features-boxes .features-box .icon {
  width: 5.625rem;
  height: 5.625rem;
  margin: 0 auto;
}

.home .features .features-inner .features-boxes .features-box .info {
  margin-top: 17px;
  text-align: center;
}

.home .features .features-inner .features-boxes .features-box .info h2 {
  font-family: Poppins-SB;
  font-size: 16px;
  line-height: 24px;
  color: #02acd3;
  margin-bottom: 7px;
}

.home .features .features-inner .features-boxes .features-box .info p {
  font-family: Poppins-R;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}

.footer {
  background: linear-gradient(96.59deg, #ffffff 0.09%, #f2f9fe 107.54%);
  padding: 13px 0 18px;
}

.footer.gradient-border {
  position: relative;
  border-top: 1px solid transparent;
}
.footer.gradient-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, #92d8ff 0%, #5bb3c7 100%);
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .footer-inner .privacy-policy a {
  font-family: Poppins-M;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
}

.footer .footer-inner .privacy-policy a:hover {
  color: #02acd3;
}

.footer .footer-inner .footer-logo {
  width: 63px;
  height: 56px;
}

/* Features Ends */

/* Home Ends */

/* Belief Starts */

/* Belief  Banner Starts */

.belief .banner .inner .banner-contents .title h1 {
  font-family: Poppins-R;
  font-size: 52px;
  line-height: 62px;
  color: #000;
  margin-bottom: 5px;
  max-width: 80%;
}

.belief .banner .inner .banner-contents .description p {
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 24px;
  color: #8b8b8b;
  max-width: 80%;
}

.belief .banner .inner .banner-contents .current-belief {
  margin-top: 35px;
  background-color: #02acd399;
  border-radius: 10px;
  padding: 12px 16.5px 15px;
}

.belief .banner .inner .banner-contents .current-belief .title {
  display: flex;
  gap: 10px;
}

.belief .banner .inner .banner-contents .current-belief .title h2 {
  font-family: Poppins-R;
  font-size: 25px;
  line-height: 38px;
  color: #ffffff;
}

.belief .banner .inner .banner-contents .current-belief .title .icon {
  width: 38px;
  height: 38px;
}

.belief .banner .inner .banner-contents .current-belief .belief-list {
  background-color: #fff;
  border-radius: 10px;
  padding: 29px 29px 29px 32px;
  height: 250px;
  margin-top: 14px;
  overflow-y: scroll;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief:first-child {
  padding-top: 0;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief:last-child {
  border: none;
  padding-bottom: 0;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .left {
  width: 33.8156%;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .left
  .date {
  background-color: #02acd3;
  border-radius: 3px;
  padding: 3px 10px;
  font-family: Poppins-SB;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  width: 74px;
  margin-bottom: 5px;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .left
  .quot {
  font-family: Poppins-M;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right {
  width: 63.472%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .levels {
  width: 49.1453%;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 21px 26px 26px 30px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .levels
  label {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .levels
  label
  input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19.5px;
  height: 19.5px;
  border-radius: 50%;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .levels
  label
  input[type="checkbox"]:checked {
  background-color: #02acd3;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .settings {
  width: 46.5812%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .settings
  .edit {
  display: flex;
  gap: 25px;
}

.belief
  .banner
  .inner
  .banner-contents
  .current-belief
  .belief-list
  .each-belief
  .right
  .settings
  .edit
  .icon {
  width: 28.5px;
  height: 28.5px;
}

.exercise-dropdown .select {
  position: relative;
  width: 100%;
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

.exercise-dropdown .select .selected-option, .selected-option1 {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
  border-radius: 10px;
  padding: 12.5px 40px 12.5px 20px;
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  background-image: url(../img/exercise-dropdown.svg);
  background-repeat: no-repeat;
  background-size: 15px 8px;
  background-position: right 18px center;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exercise-dropdown .select .options {
  position: absolute;
  min-width: 215px;
  right: 0;
  width: 100%;
  background-color: #fdfeff;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  padding: 10px 7px;
  margin-top: 10px;
  display: none;
  z-index: 99;
  max-height: 500px;
  overflow-y: scroll;
  scrollbar-width: none;
}

.exercise-dropdown .select .options .option {
  width: 100%;
  background-color: #f5fbff;
  border-radius: 10px;
  padding: 8.5px 20px;
  font-family: Poppins-L;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  text-transform: capitalize;
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.exercise-dropdown .select .options .option:hover {
  background-color: #65cce5;
  color: #ffffff;
}

.exercise-dropdown .select .options a {
  margin-bottom: 8px;
}

.exercise-dropdown .select .options a:last-child {
  margin: 0;
}

.exercise-dropdown .select.open .options {
  display: block;
}

/* Belief  Banner Ends */

.belief .beliefs-accordion {
  padding: 58px 0 7.0625rem;
  position: relative;
  overflow: hidden;
}

.belief .beliefs-accordion .beliefs-accordion-inner {
  padding: 41px 18px 28px 24px;
  border: 1px solid #cfcfcf;
  border-radius: 19px;
  background-color: #fff;
  position: relative;
}

.belief .beliefs-accordion .beliefs-accordion-inner .accordion {
  margin-bottom: 30px;
}

.belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item {
  background-color: #f5fbff;
  border-radius: 10px;
  border: none;
  padding: 20px 23.5px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item:last-child {
  margin-bottom: 0;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-button {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  align-items: normal;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-button
  .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-button
  .title
  h2 {
  font-family: Poppins-M;
  font-size: 25px;
  line-height: 38px;
  color: #02acd3;
  text-transform: capitalize;
  width: 45.9888%;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-button
  .title
  p {
  font-family: Poppins-M;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  text-transform: capitalize;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-button::after {
  background-color: #5dcae5;
  color: #fff;
  border-radius: 7px;
  background-position: center;
  width: 37px;
  height: 37px;
  background-image: url(../img/belief-acoordion-dropdown.svg);
  background-size: 14px 8px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 10px;
  padding: 18px 13px 15px 17px;
  margin-top: 10px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .questionnaire {
  height: 373px;
  overflow-y: scroll;
  direction: rtl;
  padding-left: 3.4355%;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .questionnaire::-webkit-scrollbar {
  width: 27px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .questionnaire::-webkit-scrollbar-track {
  background: #e9f6fd;
  border-radius: 33px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .questionnaire::-webkit-scrollbar-thumb {
  background: #02acd3;
  border-radius: 33px;
  width: 21px;
  height: 54px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc;
  direction: ltr;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question:first-child {
  padding-top: 0;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question
  .quot {
  width: 36.92%;
  padding-top: 14px;
  font-family: Poppins-M;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question
  .options {
  width: 58.3416%;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 14px 11px 18.5px 30px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question
  .options
  label {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question
  .options
  label
  input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19.5px;
  height: 19.5px;
  border-radius: 50%;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
}

.belief
  .beliefs-accordion
  .beliefs-accordion-inner
  .accordion
  .accordion-item
  .accordion-body
  .question
  .options
  label
  input[type="checkbox"]:checked {
  background-color: #02acd3;
}

.belief .beliefs-accordion .beliefs-accordion-inner .validation-buttons {
  display: flex;
  justify-content: end;
  gap: 20px;
}

.validation-buttons .button {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 12px 40px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  width: 155px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.validation-buttons .button:hover {
  background-color: #000000;
  color: #ffffff;
}

.validation-buttons .button.black {
  background-color: #000000;
  color: #ffffff;
}

.validation-buttons .button.black:hover {
  background-color: #ffffff;
  color: #000000;
}

/*.validation-buttons button.button {*/
/*  background-color: #fff;*/
/*  border: 1px solid #000;*/
/*  border-radius: 50px;*/
/*  padding: 12px 40px;*/
/*  font-family: Poppins-M;*/
/*  font-size: 14px;*/
/*  line-height: 21px;*/
/*  color: #000000;*/
/*  text-transform: capitalize;*/
/*  width: 155px;*/
/*  height: 53px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

/*.validation-buttons button.button:hover {*/
/*  background-color: #000000;*/
/*  color: #ffffff;*/
/*}*/

/*.validation-buttons button.button.black {*/
/*  background-color: #000000;*/
/*  color: #ffffff;*/
/*}*/

/*.validation-buttons button.button.black:hover {*/
/*  background-color: #ffffff;*/
/*  color: #000000;*/
/*}*/

.belief .beliefs-accordion .beliefs-accordion-bottom-bg {
  position: absolute;
  bottom: -26.375rem;
  left: 4.375rem;
  width: 36.875rem;
  height: 36.875rem;
  z-index: -1;
  animation-name: spin;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Belief Ends */

/* Exercise Starts */

/* Exercise Navbar Starts */

.exercise .nav-link span {
  padding: 0;
  padding-right: 23px;
  background-color: transparent;
  color: #000000;
  border: none;
  border-radius: 0;
  font-family: Poppins-M;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  display: block;
  position: relative;
}

.exercise .nav-link span::after {
  content: "";
  width: 0%;
  height: 4px;
  background-color: #02acd3;
  border-radius: 7px;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  transition: 0.3s ease-in-out;
}

.exercise .nav-link span:hover::after,
.exercise .nav-link.active span::after {
  width: 100%;
  visibility: visible;
}

.exercise .navbar .navbar-logo {
  margin-right: 7.5%;
}

.exercise .navbar-nav {
  gap: 37px;
}

/* Exercise Navbar Ends */

/* Exercise  Banner Starts */

.exercise .banner .banner-bottom-bg {
  right: 5.8125rem;
  bottom: -10.5rem;
}

.exercise .banner .inner .banner-contents .title h1 {
  font-family: Poppins-R;
  font-size: 52px;
  line-height: 62px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 5px;
  max-width: 80%;
}

.exercise .banner .inner .banner-contents .description p {
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 24px;
  color: #8b8b8b;
  max-width: 80%;
}

.exercise .banner .inner .banner-contents .navigation {
  margin: 50px 0 25px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.exercise .banner .inner .banner-contents .navigation h3 {
  font-family: Poppins-R;
  font-size: 25px;
  line-height: 38px;
  color: #000000;
  text-transform: capitalize;
}

.exercise .banner .inner .banner-contents .navigation .icon {
  width: 24px;
  height: 24px;
}

.exercise .banner .inner .banner-contents .banner-img {
  width: 35%;
  /* height: 219px; */
  background-color: #65cce5;
  border-radius: 10px;
  padding: 7px;
}

.exercise .banner .inner .banner-contents .banner-img img {
  max-height: 500px;
}

.exercise .exercise-deatils {
  padding: 63px 0 91px;
  position: relative;
  overflow: hidden;
}

.exercise .exercise-deatils .exercise-deatils-bottom-bg {
  position: absolute;
  bottom: -38.25rem;
  left: -6.6875rem;
  z-index: -1;
  width: 55.625rem;
  height: 55.625rem;
  animation-name: spin;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.exercise .exercise-deatils .background {
  margin-bottom: 42px;
}

.exercise .exercise-deatils .background .title h2 {
  font-family: Poppins-M;
  font-size: 25px;
  line-height: 38px;
  color: #02acd3;
  text-transform: capitalize;
}

.exercise .exercise-deatils .background .contents {
  background-color: #f4faff;
  border-radius: 19px;
  border: 1px solid #cfcfcf;
  padding: 40px;
  margin-top: 7px;
}

.exercise .exercise-deatils .background .contents .para p {
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 20px;
}

.exercise .exercise-deatils .background .contents .para p:last-child {
  margin: 0;
}

.exercise .exercise-deatils .background .contents .thoughts {
  margin: 40px 0;
}

.exercise .exercise-deatils .background .contents .thoughts .each-thought {
  margin-bottom: 40px;
}

.exercise
  .exercise-deatils
  .background
  .contents
  .thoughts
  .each-thought:last-child {
  margin-bottom: 0;
}

.exercise .exercise-deatils .background .contents .thoughts .each-thought h3 {
  font-family: Poppins-R;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.exercise .exercise-deatils .background .contents .thoughts .each-thought ul {
  list-style: disc;
  padding-left: 20px;
}

.exercise
  .exercise-deatils
  .background
  .contents
  .thoughts
  .each-thought
  ul
  li {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 6px;
}

.exercise
  .exercise-deatils
  .background
  .contents
  .thoughts
  .each-thought
  ul
  li:last-child {
  margin: 0;
}

.exercise .exercise-deatils .instructions .title h2 {
  font-family: Poppins-M;
  font-size: 25px;
  line-height: 38px;
  color: #02acd3;
  text-transform: capitalize;
}

.exercise .exercise-deatils .instructions .contents {
  background-color: #f4faff;
  border-radius: 19px;
  border: 1px solid #cfcfcf;
  padding: 40px;
  margin-top: 7px;
}

.exercise .exercise-deatils .instructions .contents ul {
  list-style: disc;
  padding-left: 20px;
}

.exercise .exercise-deatils .instructions .contents ul li {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 6px;
}

.exercise .exercise-deatils .instructions .contents ul li:last-child {
  margin: 0;
}

.exercise .exercise-deatils .validation-buttons {
  margin-top: 30px;
  display: flex;
  justify-content: end;
}

/*  */
.exercise .exercise-inner {
  padding: 80px 0 160px;
  position: relative;
  overflow: hidden;
}

.exercise .exercise-inner .exercise-inner-bottom-bg {
  position: absolute;
  bottom: -25.9375rem;
  left: -12.3125rem;
  z-index: -1;
  width: 35.9375rem;
  height: 35.9375rem;
  animation: bounce 2s ease infinite alternate;
}

@keyframes bounce {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.exercise .exercise-inner .exercise-head .top {
  display: flex;
  gap: 10.1667%;
  justify-content: space-between;
}

.exercise .exercise-inner .exercise-head .title {
  width: 62.5%;
}

.exercise .exercise-inner .exercise-head .title h2 {
  /* display: flex;
  gap: 19px; */
  font-family: Poppins-R;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.7444px;
  color: #000000;
}

.exercise .exercise-inner .exercise-head .title h2 .step {
  font-family: Poppins-SB;
  display: inline-block;
}

.exercise .exercise-inner .exercise-head .title h2 span {
  font-size: 30px;
  margin-right: 19px;
}

.exercise .exercise-inner .exercise-head .title label {
  width: 100%;
}

.exercise .exercise-inner .exercise-head .title textarea {
  width: 100%;
  height: 258px;
  background: #f4faff;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  padding: 25px 30px;
  margin-top: 28px;
  font-family: Poppins-R;
  font-size: 16px;
  color: #000000;
}

.exercise .exercise-inner .exercise-head .title .textarea {
  background: #f4faff;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  padding: 25px 30px;
  margin-top: 28px;
  font-family: Poppins-R;
  font-size: 16px;
  color: #000000;
}

.exercise .exercise-inner .exercise-head .top .exercise-dropdown {
  width: 100%;
  max-width: 327px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
}

.exercise
  .exercise-inner
  .exercise-head
  .top
  .exercise-dropdown
  .select
  .selected-option, .selected-option1 {
  font-family: Poppins-SB;
  background-color: #65cce5;
  border: 1px solid #65cce5;
  color: #ffffff;
  background-image: url(../img/exercise-dropdown-white.svg);
}

.exercise
  .exercise-inner
  .exercise-head
  .top
  .exercise-dropdown
  .select
  .options {
  min-width: 100%;
  /* min-width: 373px; */
}

.exercise
  .exercise-inner
  .exercise-head
  .top
  .exercise-dropdown
  .select
  .options
  .option {
  background-color: #e3f4ff;
  color: #000;
  font-family: Poppins-R;
  text-align: center;
  justify-content: center;
  min-height: 56px;
}

.exercise
  .exercise-inner
  .exercise-head
  .top
  .exercise-dropdown
  .select
  .options
  .option:hover {
  background-color: #65cce5;
  color: #ffffff;
}

.exercise .exercise-inner .exercise-head .top .exercise-dropdown .add-exercise {
  min-width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 0.5px solid #bdbdbd;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exercise
  .exercise-inner
  .exercise-head
  .top
  .exercise-dropdown
  .add-exercise
  .icon {
  width: 32px;
  height: 32px;
}

.exercise .exercise-inner .exercise-head .bottom {
  margin-top: 80px;
  text-align: center;
}

.exercise .exercise-inner .exercise-head .bottom h2 {
  font-family: Poppins-R;
  font-size: 30px;
  line-height: 36px;
  color: #00bae8;
  text-transform: capitalize;
  letter-spacing: 1.2px;
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 29px;
}

.exercise .exercise-inner .exercise-head .bottom .range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 0 25px;
  max-width: 283px;
  height: 48px;
  margin: 0 auto;
}

.exercise .exercise-inner .exercise-head .bottom .range span {
  font-family: Poppins-M;
  font-size: 20px;
  line-height: 14px;
  color: #000000;
}

.exercise .exercise-inner .exercise-head .bottom .range input {
  background: #000000;
  height: 1px;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.exercise
  .exercise-inner
  .exercise-head
  .bottom
  .range
  input::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #02acd3;
  -webkit-appearance: none;
}

.exercise .exercise-inner .exercise-form {
  margin-top: 90px;
}

.exercise.limiting-beliefs-03-view .exercise-inner .exercise-form {
  margin-top: 0;
}

.exercise .exercise-inner .exercise-form .exercise-form-bg-left {
  position: absolute;
  top: 50%;
  left: -13rem;
  z-index: -1;
  transform: translateY(-50%);
  width: 27.625rem;
  height: 27.625rem;
}

.exercise .exercise-inner .exercise-form .exercise-form-bg-right {
  position: absolute;
  top: 50%;
  right: -22.0625rem;
  z-index: -1;
  transform: translateY(-50%);
  width: 35.3125rem;
  height: 35.875rem;
}

.exercise .exercise-inner .exercise-form .top label {
  font-family: Poppins-R;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 40px;
}

.exercise .exercise-inner .exercise-form .top label:last-child {
  margin-bottom: 0;
}

.exercise .exercise-inner .exercise-form .top label textarea {
  width: 100%;
  height: 320px;
  background: #f4faff;
  border: 1px solid #cfcfcf;
  border-radius: 19px;
  padding: 25px 30px;
  margin-top: 28px;
  font-family: Poppins-R;
  font-size: 16px;
  color: #000000;
}

.exercise .exercise-inner .exercise-form .top label .textarea {
  background: #f4faff;
  border: 1px solid #cfcfcf;
  border-radius: 19px;
  padding: 25px 30px;
  margin-top: 28px;
  font-family: Poppins-R;
  font-size: 16px;
  color: #000000;
}

.exercise .exercise-inner .exercise-form .top label .range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 0 25px;
  margin-top: 28px;
  max-width: 637px;
  height: 97px;
  cursor: pointer;
}

.exercise .exercise-inner .exercise-form .top label .range span {
  font-family: Poppins-L;
  font-size: 20px;
  line-height: 14px;
  color: #000000;
}

.exercise .exercise-inner .exercise-form .top label .range input {
  background: #000000;
  height: 1px;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.exercise
  .exercise-inner
  .exercise-form
  .top
  label
  .range
  input::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #02acd3;
  -webkit-appearance: none;
}

.exercise .exercise-inner .exercise-form .bottom {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 6.6667%;
}

.exercise .exercise-inner .exercise-form .bottom .exercise-progress {
  width: 100%;
}

.exercise .exercise-inner .exercise-form .bottom .exercise-progress h3 {
  font-family: Poppins-R;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.exercise .exercise-inner .exercise-form .bottom .exercise-progress-bar {
  width: 100%;
  height: 39px;
  background-color: #cdf6ff;
  border-radius: 41px;
  display: flex;
  align-items: center;
  gap: 4.8%;
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 10px;
  color: #000000;
  text-transform: capitalize;
  padding-right: 20px;
}

.exercise
  .exercise-inner
  .exercise-form
  .bottom
  .exercise-progress-bar
  .completed {
  width: 0%;
  height: 100%;
  background-color: #02acd3;
  border-radius: 191px;
}

.exercise.limiting-beliefs-02
  .exercise-inner
  .exercise-form
  form
  .bottom
  .exercise-progress-bar
  .completed {
  width: 33.3333%;
}

.exercise.limiting-beliefs-03
  .exercise-inner
  .exercise-form
  form
  .bottom
  .exercise-progress-bar
  .completed {
  width: 66.6666%;
}

.exercise .exercise-inner .exercise-form .bottom .exercise-progress-bar h5 {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 10px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exercise
  .exercise-inner
  .exercise-form
  .bottom
  .exercise-progress-bar
  h5
  span {
  font-family: Poppins-SB;
}

.exercise .exercise-inner .exercise-form .bottom .validation-buttons {
  display: flex;
  justify-content: end;
  gap: 13px;
  margin-left: auto;
}

/* cost benefits starts  */

.exercise .exercise-inner .exercise-form .cost-benefit-features {
  margin-bottom: 100px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits {
  background-color: #f9f9f9;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 30px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div {
  border: 1px solid #000000;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  .merits {
  border-radius: 19px 0px 0px 19px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  .demerits {
  border-radius: 0px 19px 19px 0px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .head {
  background-color: #5dcae5;
  padding: 26.5px 23px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  .merits
  .head {
  border-radius: 18px 0px 0px 0px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  .demerits
  .head {
  border-radius: 0px 18px 0px 0px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .head
  h2 {
  font-family: Poppins-M;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body {
  padding: 20px 23px 30px;
  border-top: 6px solid #000000;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  textarea {
  padding: 29px 27px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  border-radius: 18px;
  width: 100%;
  min-height: 595px;
  font-family: Poppins-L;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
}

.exercise
.exercise-inner
.exercise-form
.cost-benefit-features
.merits-demerits
> div
.body
.textarea {
  padding: 29px 27px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  border-radius: 18px;
  font-family: Poppins-L;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
  margin-top: 34px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range
  h3 {
  font-family: Poppins-R;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range
  .range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 0 25px;
  width: 100%;
  max-width: 263px;
  height: 58px;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range
  .range
  span {
  font-family: Poppins-M;
  font-size: 20px;
  line-height: 14px;
  color: #000000;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range
  .range
  input {
  background: #000000;
  height: 1px;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.exercise
  .exercise-inner
  .exercise-form
  .cost-benefit-features
  .merits-demerits
  > div
  .body
  .evidence-range
  .range
  input::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #02acd3;
  -webkit-appearance: none;
}

/* cost benefits ends  */

/* cognitive distortions starts  */

.exercise .exercise-inner .cognitive-distortions-technique .step {
  font-family: Poppins-R;
  font-size: 25px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 30px;
}

.exercise .exercise-inner .cognitive-distortions-technique .step span {
  font-family: Poppins-SB;
}

.exercise .exercise-inner .cognitive-distortions-technique .techniques {
  background-color: #e9f6ff;
  border-radius: 10px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .techniques-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 6px solid #000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .techniques-head
  .common {
  padding: 16px 68px;
  text-align: center;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .techniques-head
  .common:nth-child(2) {
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .techniques-head
  .common
  h2 {
  font-family: Poppins-M;
  font-size: 25px;
  line-height: 38px;
  color: #02acd3;
  margin-bottom: 10px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .techniques-head
  .common
  p {
  font-family: Poppins-L;
  font-size: 14px;
  line-height: 17.3333px;
  color: #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common {
  padding: 40px 26.5px;
  border-bottom: 1px solid #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common
  .inner {
  height: 100%;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner {
  background-color: #fff;
  padding: 15px;
  border-radius: 30px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .selected-option, .selected-option1 {
  background-color: #009ec5;
  color: #ffffff;
  border: 1px solid #009ec5;
  border-radius: 40px;
  background-image: url(../img/exercise-dropdown-white.svg);
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options {
  min-width: 100%;
  /* min-width: 316px; */
  background-color: #ffffff;
  border: 1px solid #02acd3;
  border-radius: 24px;
  padding: 8px 7px 12px;
  margin-top: 10px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option {
  background-color: #ffffff;
  border: 1px solid #02acd3;
  border-radius: 20px;
  padding: 8.5px 20px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #02acd3;
  margin-bottom: 18px;
  min-height: 79px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option:last-child {
  margin-bottom: 0;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option
  span {
  font-family: Poppins-SB;
  color: #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option
  ul {
  padding: 10px 0;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option
  ul
  li {
  font-size: 13px;
  line-height: 19px;
  text-align: left;
  margin-bottom: 12px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .select
  .options
  .option
  ul
  li:last-child {
  margin-bottom: 0;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .add-exercise {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  background-color: transparent;
  border: 1px solid #bdbdbd;
  padding: 15px;
  border-radius: 26px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  margin-top: 13px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.distortions
  .inner
  .exercise-dropdown
  .add-exercise
  .icon {
    flex: 0 0 22px;
    transform: rotate(225deg);

}

.exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .common.distortions .inner .selectedList {
  max-height: 220px;
  overflow: scroll;
  scrollbar-width: none;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common:nth-child(2) {
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common
  textarea {
  width: 100%;
  height: 134px;
  background-color: #fff;
  border-radius: 30px;
  padding: 15px;
  border: 1px solid #cdcdcd;
  font-family: Poppins-R;
  font-size: 14px;
  color: #000000;
}

.exercise
.exercise-inner
.cognitive-distortions-technique
.techniques
.each-techniques
.common
.textarea {
  background-color: #fff;
  border-radius: 30px;
  padding: 15px;
  border: 1px solid #cdcdcd;
  font-family: Poppins-R;
  font-size: 14px;
  color: #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .common.rational-response
  textarea {
  height: 100%;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges {
  margin-top: 21px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 13px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div:last-child {
  margin: 0;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div
  h3 {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 15px;
  color: #000000;
  text-transform: capitalize;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div
  .range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 0 20px;
  width: 100%;
  max-width: 216px;
  height: 38px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div
  .range
  span {
  font-family: Poppins-M;
  font-size: 20px;
  line-height: 14px;
  color: #000000;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div
  .range
  input {
  background: #000000;
  height: 1px;
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .each-techniques
  .ranges
  > div
  .range
  input::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #02acd3;
  -webkit-appearance: none;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .add-technique {
  padding: 27px 26.5px 34px;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .add-technique
  button {
  min-width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 0.5px solid #bdbdbd;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exercise
  .exercise-inner
  .cognitive-distortions-technique
  .techniques
  .add-technique
  button
  .icon {
  width: 32px;
  height: 32px;
}

/* cognitive distortions ends  */

/* my works starts  */

.belief-works {
  display: flex;
  column-gap: 20px;
  row-gap: 60px;
}

.belief-works > div {
  width: 50%;
}

.belief-works > div .title h2 {
  font-family: Poppins-R;
  font-size: 30px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
}

.belief-works > div .content {
  background-color: #e9f6ff;
  border-radius: 10px;
  padding: 18px;
  margin-top: 32px;
}

.belief-works > div .content > div {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 16px 26px 21px 20px;
  min-height: 181px;
  margin-bottom: 25px;
}

.belief-works > div .content > div:last-child {
  margin: 0;
}

.belief-works .no-activity {
  width: 100%;
  min-height: 565px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.belief-works .each-belief .no-activity .feat-img {
  width: 79%;
  margin: 0 auto;
}

.belief-works .each-work .no-activity .feat-img {
  width: 71%;
  margin: 0 auto;
}

.belief-works .no-activity-content h3 {
  font-family: Poppins-L;
  font-size: 31.95px;
  line-height: 47.93px;
  color: #000000;
  text-align: center;
  margin-top: 66px;
}

.belief-works .each-belief {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.belief-works .each-belief .left {
  width: 100%;
  max-width: 360px;
}

.belief-works .each-belief .left h3 {
  font-family: Poppins-M;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 26px;
}

.belief-works .each-belief .levels {
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 12px 14px 14.5px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  max-width: 316px;
}

.belief-works .each-belief .levels label {
  font-family: Poppins-R;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.belief-works .each-belief .levels label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15.5px;
  height: 15.5px;
  border-radius: 50%;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
}

.belief-works .each-belief .levels label input[type="checkbox"]:checked {
  background-color: #02acd3;
}

.belief-works .each-belief .right {
  width: 100%;
  max-width: 118px;
}

.belief-works .each-belief .right .settings {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
  margin-bottom: 39px;
}

.belief-works .each-belief .right .settings .icon {
  width: 21px;
  height: 21px;
}

.belief-works .each-belief .bottom .date {
  background-color: #02acd3;
  border-radius: 3px;
  padding: 3px 10px;
  font-family: Poppins-SB;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  width: 74px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.belief-works .each-belief .exercise-dropdown .select .selected-option, .selected-option1 {
  padding: 10.5px 20px;
  background-size: 8px 4px;
  background-position: right 8px center;
}

.belief-works .each-work .top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 36px;
}

.belief-works .each-work .top .date {
  background-color: #02acd3;
  border-radius: 3px;
  padding: 3px 10px;
  font-family: Poppins-SB;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  width: 74px;
}

.belief-works .each-work .top .settings {
  display: flex;
  align-items: center;
  gap: 28px;
}

.belief-works .each-work .top .settings .icon {
  width: 23px;
  height: 23px;
}

.belief-works .each-work .bottom h3 {
  font-family: Poppins-R;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.belief-works .each-work .bottom p {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

/* my works ends  */

/* Modal styles */
.signup.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.signup .modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.signup .modal-outer {
  width: 857px;
  max-width: 90%;
  background-color: #999;
  border-radius: 10px;
  padding: 10px;
}

.signup .modal-content {
  border: 0;
  border-radius: 10px;
}

.signup .close {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #02acd3;
  border: 1px solid #ffffff;
  position: absolute;
  top: -17px;
  right: -14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.signup .close .icon {
  width: 10px;
  height: 10px;
}

.signup-inner {
  display: flex;
  max-height: 85vh;
  overflow-y: scroll;
  scrollbar-width: none;
}

.signup-inner .left {
  width: 42.7718%;
  position: sticky;
  top: 0;
}

.signup-inner .left .signup-image {
  width: 100%;
  height: 100%;
}

.signup-inner .left .signup-image img {
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}

.signup-inner .right {
  width: 57.2282%;
  min-height: 512px;
}

.signup-inner .left .logo {
  width: 93px;
  height: 85px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.signup-inner .tab {
  display: flex;
}

.signup-inner .tab button {
  width: 100%;
  font-family: Poppins-SB;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  padding: 25.5px;
  background-color: #f4f4f4;
  border-bottom: 2px solid #f4f4f4;
  border-right: 1px solid #e6e6e6;
}

.signup-inner .tab button:last-child {
  border-right: none;
  border-radius: 0 10px 0 0;
}

.signup-inner .tab button:hover {
  color: #02acd3;
}

.signup-inner .tab button.active {
  color: #02acd3;
  border-bottom: 2px solid #02acd3;
}

.signup-inner .tabcontent {
  padding: 22px 34px;
  display: none;
}

.signup-inner .tabcontent h2 {
  font-family: Poppins-M;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.signup-inner form input {
  width: 100%;
  height: 45px;
  padding: 12px 20px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  font-family: Poppins-L;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 20px;
}

.signup-inner form input:last-child {
  margin-bottom: 0;
}

.signup-inner form input::placeholder {
  color: #959595;
  text-transform: capitalize;
}

.signup-inner form .submit-field {
   margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.signup-inner form .submit-field .not-yet-register {
  font-family: Poppins-R;
  font-size: 13px;
  line-height: 20px;
  color: #585858;
  text-decoration: underline;
  text-transform: capitalize;
}

.signup-inner form .submit-field .not-yet-register a {
  font-family: Poppins-R;
  font-size: 13px;
  line-height: 20px;
  color: #585858;
}

.signup-inner form .submit-field .not-yet-register a:hover {
  color: #000000;
}

.signup-inner form .submit-field a.button {
  background-color: #02acd3;
  color: #ffffff;
  border-radius: 50px;
  padding: 12px 40px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  width: 100%;
  max-width: 157px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.signup-inner form .flex {
  display: flex;
  gap: 22px;
}

#customModal .right {
  padding: 30px;
  width: 100%;
  min-height: 100%;
}

#customModal .left {
  display: none;
}

#customModal .right h2 {
  font-family: Poppins-M;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;
}

#customModalDist .right {
  padding: 30px;
  width: 100%;
  min-height: 100%;
}

#customModalDist .left {
  display: none;
}

#customModalDist .right h2 {
  font-family: Poppins-M;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;
}



/* signup ends */

/*  */

/* Exercise  Banner Ends */

/* My-Works Starts */

.my-works .banner .inner .banner-contents .title h1 {
  font-family: Poppins-R;
  font-size: 52px;
  line-height: 62px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 5px;
  max-width: 80%;
}

.my-works .banner .inner .banner-contents .description p {
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 24px;
  color: #8b8b8b;
  max-width: 80%;
}

.my-works .my-works-inner {
  padding: 80px 0 160px;
  position: relative;
  overflow: hidden;
  min-height: 72vh;
}

.my-works .my-works-inner .my-works-inner-bottom-bg {
  position: absolute;
  bottom: -25.9375rem;
  left: -12.3125rem;
  z-index: -1;
  width: 35.9375rem;
  height: 35.9375rem;
  animation: bounce 2s ease infinite alternate;
}

/* My-Works Ends */

/* custom style */

.center-belief {
  width: 100%;
  padding: 10px;
}
#errorMessagesCustom {
  color: red;
  margin-top: -15px;
  font-size: 11px;
}

.signup-inner form input,
.signup-inner form textarea,
.signup-inner form select {
  width: 100%;
  height: 45px;
  padding: 12px 20px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  font-family: Poppins-L;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 20px;
}
/* Exercise Ends */

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.navbar .dropdown-menu {
  min-width: 215px;
  right: 0;
  left: auto;
  width: 100%;
  background-color: #FDFEFF;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
  padding: 10px 7px;
  margin: 0;
  max-height: 500px;
  overflow-y: scroll;
  scrollbar-width: none;
}

.navbar .dropdown-menu li {
  margin-bottom: 8px;
}

.navbar .dropdown-menu li:last-child {
  margin-bottom: 0;
}

.navbar .dropdown-item {
  width: 100%;
  background-color: #F5FBFF;
  border-radius: 10px;
  padding: 8.5px 20px;
  font-family: Poppins-L;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  text-transform: capitalize;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
  background-color: #65CCE5;
  color: #ffffff;
}

.navbar .profile .dropdown-toggle .icon {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-toggle::after {
  display: none;
}

.navbar .navbar-right {
  display: flex;
  gap: 24px;
}

.dropdown-toggle span {
  background-image: url(../img/navbar-dropdown.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: right 10px center;
}

.dropdown-toggle span:hover {
  background-image: url(../img/exercise-dropdown-white.svg);
}
.exercise-deatils .banner-img {
  width: 35%;
  background-color: #65cce5;
  border-radius: 10px;
  padding: 7px;
}
.exercise-deatils .mt-10 {
  margin-top: 10px !important;
}

.add-exercise, .button{
  cursor: pointer;
}


#change_password_modal .right {
  padding: 30px;
  width: 100%;
  min-height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
}

#change_password_modal .left {
  display: none;
}

#change_password_modal .right h2 {
  font-family: Poppins-M;
  font-size: 15px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.password-error {
    color: red;
    margin-top: -15px;
  font-size: 11px;
}

.swal2-popup {
  width: 90% !important;
  max-width: 472px !important;
  padding: 20px !important;
  font-size: 16px !important;
}

.swal2-header {
  padding: 0 !important;
}

.swal2-icon {
  width: 80px;
  height: 80px;
  margin: 20px auto 30px;
  border: 4px solid transparent;
  line-height: normal;
}

.swal2-content {
  padding: 0;
  font-size: 18px;
}

div:where(.swal2-container) .swal2-html-container {
  margin: 20px 0 6px;
  font-size: 18px;
}

.swal2-actions {
  margin: 20px auto 0;
}
.swal2-styled {
  margin: 5px;
  padding: 10px 16px;
  font-size: 16px;
}
.signup-inner form .error-message {
  margin: -15px 0 10px;
  display: block;
  color: red;
  font-size: 10px;
}

.nav-item .nav-link {
  cursor: pointer;
}

.button {
  cursor: pointer;
}

.error-message {
  color: red;
}
.custom-video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
  /* object-fit: none; */
}
.belief .current-belief .current-belief-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.belief .current-belief .current-belief-sorting {
  display: flex;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
  padding-right: 30px;
}

.belief .current-belief .current-belief-sorting .sort {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Poppins-R;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  text-transform: capitalize;
}

.belief .current-belief .current-belief-sorting .sort-icon {
  display: flex;
  flex-direction: column;
}

.belief .current-belief .current-belief-sorting .sort-icon button {
  background: transparent;
  display: flex;
}

.belief .current-belief .current-belief-sorting .sort-icon button.active svg path {
  fill: #000;
}

.donation-form-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 30px;
  width: 90%;
  margin: 0 auto;
}

.donation-form {
  width: 60%;
}

.donation-form-head {
  margin-bottom: 30px;
}

.donation-form-head h2 {
  font-family: Poppins-R;
  font-size: 28px;
  line-height: 36px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 14px;
}

.donation-form-head p {
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}

.donation-form form {
  background: #ffffff;
  border: 1px solid #f4f4f5;
  border-radius: 8px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.donation-form .amount-field {
  border: 1px solid #f4f4f5;
  border-radius: 8px;
  background-color: #f4f4f5;
  padding: 0px 16px;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  color: #757575;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 5px;
}

.donation-form input {
  min-height: 46px;
  height: auto;
  width: 100%;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
  background-color: #f4f4f5;
  border-radius: 8px;
}

.donation-form button[type=submit] {
  min-height: 46px;
  height: auto;
  width: 100%;
  font-family: Poppins-M;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  text-transform: capitalize;
  background: #02ACD3;
  border-radius: 8px;
}

.donation-form button[type=submit]:hover {
  opacity: .8;
}

.donation-form form .error {
  color: red;
  font-size: 12px;
}

.doanation-feat-image {
  width: 35%;
}

.doanation-feat-image img {
  height: auto;
  max-width: 370px;
  margin: 0 auto;
}


.belief-works .current-belief .current-belief-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.belief-works .current-belief .current-belief-sorting {
  display: flex;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
  padding-right: 30px;
}

.belief-works .current-belief .current-belief-sorting .sort {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Poppins-R;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  text-transform: capitalize;
}

.belief-works .current-belief .current-belief-sorting .sort-icon {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.belief-works .current-belief .current-belief-sorting .sort-icon button {
  background: transparent;
  display: flex;
}

.belief-works .current-belief .current-belief-sorting .sort-icon button.active svg path {
  fill: #000;
}