.fit-all-act-btn{
    float : right;
    padding : 10px;
}
#activityList{
  max-height: 600px;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.today-list{
  justify-content: center;
  display: flex;
}

#activity_icon .fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 23px;
    margin: 0 10px 0 10px;
}

#all_chart_drpdwn{
  height: auto;
  width: 90%;
  margin: auto;
}

.hr_border{
  border:1px solid #eee;
}
/*-------People Review Slider-------------*/
 
.review_heading >  h2 {
  text-align: center;
  
  /** Add By Sahejad **/
  color: white;
  /** Add By Sahejad **/
  /* margin: 0px auto; */
  /* font-size: 5rem; */
  /* margin-top: 5rem; */
  /* margin-bottom: 5rem; */
  /* color: var(--bs-periwinkle); */
}
 
.mySwiper2 {
  width: 99.8%;
}
.mySwiper2 .swiper-wrapper {
  padding-top: 2rem;
  padding-bottom: 10rem;
}

.mySwiper2 .swiper-slide {
  text-align: center;
  font-size: 18px;

  /** Remove By Sahejad **/
  /* background: #000000; */
  /** Remove By Sahejad **/

  min-width:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.mySwiper2 .swiper-slide:after {
  border-bottom: 3px solid #ffff;
  content: "";
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 25vw;
  z-index: 1;
}

.mySwiper2 .swiper-slide:before {
    border-top: 3px solid #ffff;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 25vw;
    z-index: 1;
}

.mySwiper2 p {
  font-weight: 500;
  padding: 18px;
  color: #ffff;
  font-size: 35px;
  line-height: 45px;
  margin-top: 3.8rem;
  word-wrap: break-word;
  margin-bottom: 3.8rem;
}
.mySwiper2 .swiper-pagination .swiper-pagination-bullet-active{
  background: rgb(255, 255, 255) !important;
  
}
.mySwiper2 .swiper-pagination .swiper-pagination-bullet{
  /** Remove By Sahejad **/
  /* background: rgb(117, 116, 116); */
  /** Remove By Sahejad **/
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .6);
}
/* Start Media Query */
@media (max-width: 767px) { /* Mobile & Tablet Rules */
   
  .mySwiper2 p {
    font-size: 21px !important;
    line-height: 35px;
  }

  /* #voiceBtn {
    position: fixed !important;
    top: inherit !important;
    transform: translateY(0) !important;
    left: inherit !important;

    bottom: 92px;
    right: 25px;
    z-index: 8;
  }         

  #voiceTextBox {
    position: fixed !important;
    left: inherit !important;
    top: inherit !important;

    bottom: 150px;
    right: 25px;
    z-index: 8;
  }  */

  /* .voice_btn_desktop,
  .voiceTextBox_desktop {
    display: none !important;
  } */

  .voice_btn_responsive {
    display: block !important;
    position: fixed !important;
    top: inherit !important;
    transform: translateY(0) !important;
    left: inherit !important;
    /* bottom: 84px; */
    bottom: 60px !important;
    right: 25px;
  }

  .voiceTextBox_responsive {
    position: fixed !important;
    left: inherit !important;
    top: inherit !important;
    right: 25px;
    /* bottom: 142px; */
    bottom: 120px;
  }

  #voiceBtn {
    width: 50px !important;
    height: 50px !important;
  }

  #chat-box {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100svh;
    top: 0;
    right: 0 !important;
    bottom: 0 !important;
    left: 0;
  }

  #chat-messages {
    /* height: calc(100vh - 179px) !important; */
    height: calc(100dvh - 170px) !important;
    height: calc(100svh - 170px) !important;
  }

  .chat-input_inner {
    width: 100%;
  }

  .chat-fam_img {
    /* height: 100%; */
    
    /* height: 80%;
    width: 100%;
    object-fit: contain; */

    height: 80% !important;
  }

  /* .chat-header-close-icon_cls {
    display: block !important;   
  } */
}

@media (min-width: 768px) and (max-width: 991px) { /* Small Screen Rules */
   
  .mySwiper2  p {
      font-size: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) { /* Medium Screen Rules */
   
  .mySwiper2 p {
      font-size: 35px !important;
  }
}
#pageloader{
  opacity: 0.6;
}
#loading-spinner{
  position:relative;
  /*background:#333;*/
  height:100%;
}

.profile-main-loader{
  left: 50% !important;
  margin-left:-100px;
  position: fixed !important;
  top: 50% !important;
  margin-top: -100px;
  width: 45px;
  z-index: 9000 !important;
}

.profile-main-loader .loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
  height: 100px;
}
.profile-main-loader .loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular-loader {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #1976d2;
  }
  40% {
    stroke: #1976d2;
  }
  66% {
    stroke: #1976d2;
  }
  80%, 90% {
    stroke: #1976d2;
  }
}
@keyframes color {
  0% {
    stroke: #1976d2;
  }
  40% {
    stroke: #1976d2;
  }
  66% {
    stroke: #1976d2;
  }
  80%, 90% {
    stroke: #1976d2;
  }
}
/*----Medalion Animation-----*/
/* body {
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; } */

/* .pyro > .before, .pyro > .after {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 30%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } } */

/*----Active Current Profile And User----*/
/* .report_active_user
{
    background-color: #d6d7ff !important;
    border-top-color: #a9a9a9 !important;
    border-left-color: #a9a9a9 !important;
    border-right-color: #a9a9a9 !important;
    border-radius: 9px !important;
}
  */

/* Floating Mic Button */
  #voiceBtn {
      /* position: fixed; */
      /* bottom: 25px;
      left: 25px; */
      /* width: 65px;
      height: 65px; */
      /* bottom: 92px;
      right: 25px; */

      /* position: absolute;
      top: 50%; */
      /* left: -72px; */
      /* left: -82px;
      transform: translateY(-50%); */
      /* width: 50px;
      height: 50px; */
      width: 60px;
      height: 60px;
      /* background: #ff3b3b; */
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-size: 28px;
      border: none;
      cursor: pointer;
      /* box-shadow: 0px 4px 12px rgba(0,0,0,0.3); */
      transition: 0.3s;
      /* z-index: 9999; */
      z-index: 5;

      background: #B2B7FF;
      box-shadow: 0 0 15px 0 rgba(54, 54, 54, 0.3);
      /* transition: all 0.5s linear; */
  }

   #voiceBtn:hover {
    color: #000;
    background-color: #fff;
   }

  /* Listening animation */
  #voiceBtn.listening {
      background: #008000;
      box-shadow: 0 0 20px #00ff00;
  }

  /* Popup text box */
  #voiceTextBox {
      /* position: fixed; */
      /* bottom: 100px; */
      /* left: 25px; */
      /* bottom: 150px;
      right: 25px; */

      position: absolute;
      /* left: -72px; */
      left: -82px;
      /* top: -32px; */
      top: -38px;

      background: white;
      padding: 14px 18px;
      border-radius: 10px;
      box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
      font-size: 16px;
      display: none;
      max-width: 260px;
      /* z-index: 9999; */
  } 

  .voicebtn-ring {
    content: "";
    width: 80px;
    height: 80px;
    background: #B2B7FF;
    border: 5px solid #B2B7FF;
    border-radius: 50%;
    position: absolute;
    /* top: -5px;
    left: -5px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulsate infinite 1.5s;
    z-index: -1;
} 

@keyframes pulsate {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

.voice-tooltip {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
    pointer-events: none;
    /* opacity: 0; */
    display: none;
    z-index: 9999; 
    max-width: 90vw;              
    white-space: normal;         
    word-break: break-word;
    overflow-wrap: break-word;
}
  

@media (max-width: 480px) {
  .voice_btn_responsive {
      display: block !important;
      position: fixed !important;
      top: inherit !important;
      transform: translateY(0) !important;
      left: inherit !important;
      bottom: 25px;
      right: 25px;
  }
}

@media (min-width: 568px) and (max-width: 767px) {
  .chat-history-toggle_content {
      /* height: calc(100vh - 170px) !important; */
      height: calc(100dvh - 53px) !important;
      height: calc(100svh - 53px) !important;
  }
}

@media (min-width: 320px) and (max-width: 567px) {
  .chat-history-toggle_content {
      /* height: calc(100vh - 190px) !important; */
      height: calc(100dvh - 53px) !important;
      height: calc(100svh - 53px) !important;
  }

  #chat-input input {
    width: 200px !important;
  }
}

/* @media (min-width: 320px) and (max-width: 419px) {
  #chat-box {
    width: 280px !important;
  }

  #chat-input input {
    width: 164px !important;
  }
} */