/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
  scroll-behavior: smooth;
}

body, html {
  font-family: 'Futura PT'; 
  background-color: #fafafa;
  overflow: hidden;
}

p {
  font-weight: 400;
}

a {
  color: #243A73;
  text-decoration: none;
  transition: 0.5s all;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

html,
body {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Futura PT';
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
  font-family: 'Futura PT Cond Book';
  src: url('../fonts/FuturaPTCond-Book.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond';
  src: url('../fonts/FuturaPTCond-BoldObl.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-BoldObl.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond Book';
  src: url('../fonts/FuturaPTCond-BookObl.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-BookObl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond Extra';
  src: url('../fonts/FuturaPTCond-ExtraBold.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond';
  src: url('../fonts/FuturaPTCond-Medium.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond';
  src: url('../fonts/FuturaPTCond-MediumObl.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-MediumObl.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond Extra';
  src: url('../fonts/FuturaPTCond-ExtraBoldObl.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-ExtraBoldObl.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Demi';
  src: url('../fonts/FuturaPT-DemiObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-DemiObl.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Demi';
  src: url('../fonts/FuturaPT-Demi.woff2') format('woff2'),
      url('../fonts/FuturaPT-Demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Extra';
  src: url('../fonts/FuturaPT-ExtraBold.woff2') format('woff2'),
      url('../fonts/FuturaPT-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-Heavy.woff2') format('woff2'),
      url('../fonts/FuturaPT-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Extra';
  src: url('../fonts/FuturaPT-ExtraBoldObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-ExtraBoldObl.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-HeavyObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-HeavyObl.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
      url('../fonts/FuturaPT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-LightObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-LightObl.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
      url('../fonts/FuturaPT-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-Bold.woff2') format('woff2'),
      url('../fonts/FuturaPT-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-MediumObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-MediumObl.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/FuturaPT-BoldObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-BoldObl.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Book';
  src: url('../fonts/FuturaPT-BookObl.woff2') format('woff2'),
      url('../fonts/FuturaPT-BookObl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Book';
  src: url('../fonts/FuturaPT-Book.woff2') format('woff2'),
      url('../fonts/FuturaPT-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Cond';
  src: url('../fonts/FuturaPTCond-Bold.woff2') format('woff2'),
      url('../fonts/FuturaPTCond-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}




@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
      url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-BoldItalic.woff2') format('woff2'),
      url('../fonts/Nunito-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),
      url('../fonts/Nunito-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraLight.woff2') format('woff2'),
      url('../fonts/Nunito-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-ExtraLightItalic.woff2') format('woff2'),
      url('../fonts/Nunito-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Italic.woff2') format('woff2'),
      url('../fonts/Nunito-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-MediumItalic.woff2') format('woff2'),
      url('../fonts/Nunito-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Medium.woff2') format('woff2'),
      url('../fonts/Nunito-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Light.woff2') format('woff2'),
      url('../fonts/Nunito-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
      url('../fonts/Nunito-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/Nunito-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
      url('../fonts/Nunito-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
      url('../fonts/Nunito-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Black.woff2') format('woff2'),
      url('../fonts/Nunito-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-BlackItalic.woff2') format('woff2'),
      url('../fonts/Nunito-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Bold.woff2') format('woff2'),
      url('../fonts/Nunito-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


 
/*--------------------------------------------------------------
# CSS Start 
--------------------------------------------------------------*/

.login_page {
  height: 100vh;
  background: linear-gradient(180deg, #E51955 0%, #2D247D 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.closse {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login_box {
  width: 550px;
  padding: 50px 50px;
  background: rgba(255, 255, 255, 1);
  border-radius: 24px;
  position: relative;
  z-index: 2;
}
.login_btn {
  color: rgba(33, 33, 33, 1);
  border: 1px solid rgba(33, 33, 33, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  border-radius: 40px;
  transition: 0.5s all;
  font-size: 22px;
  font-weight: 450;
  margin-bottom: 15px;
}
.login_btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50px;
  background-color: #fff;
  margin-right: 12px;
}
.login_btn span img {
  max-height: 22px;
} 
.applebtn{
  background: rgba(33, 33, 33, 1)!important;
  color: #fff !important;
  border: 1px solid rgba(33, 33, 33, 1)!important;
}
.login_top h2 {
  font-size: 32px;
  font-weight: 700;
  color: rgba(33, 33, 33, 1);
  line-height: 37px;
  margin: 14px 0 4px;
}
.googlebtn{
  border: 1px solid rgba(229, 25, 85, 1);
}
.googlebtn:hover{
  background-color: rgba(229, 25, 85, 1);
  color: #fff;
}
.fbbtn{
  border: 1px solid rgba(20, 159, 248, 1);
}
.fbbtn:hover{
  background-color: rgba(20, 159, 248, 1);
  color: #fff;
}
.login_bottom {
  margin-top: 20px;
  padding: 0 17px;
}
.aggreeline {
  font-size: 14px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  line-height: 19px;
}
.aggreeline a {
  color: rgba(33, 33, 33, 1);
  text-decoration: underline;
}
.panel_header {
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: #fff;
  display: flex;
  align-items: center;
  height: 62px;
  padding: 10px 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 999;
}
.panel_logo a img {
  max-width: 60px;
}
.panel_logo {
  width: 18%;
  text-align: center;
}
.search_bar .form-control {
  height: 40px;
  border-radius: 30px;
  background: rgba(239, 239, 239, 1);
  border: 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: unset;
  line-height: 18px;
  width: 100%;
  padding: 10px 20px;
}
.panelheader_right {  
  width: 82%;
}
 
.header_icons a {
  display: inline-block;
  padding: 0 12px;
  position: relative;
}
.search_bar {
  width: 58%;
}
.header_icons a span {
  border: 1px solid rgba(255, 255, 255, 1);
  background: rgba(229, 25, 85, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 16px;
  width: 16px;
  border-radius: 50px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  right: 4px;
  top: -5px;
}
.panel_siderbar {
  background-color: #fff;
  width: 18%;
  height: calc(100vh - 62px);
  padding: 30px 22px;
  transition: 0.3s all;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99;
}
.panel_siderbar::-webkit-scrollbar{
  display: none;
}
.panel_siderbar .menus a.active {
  background: rgba(229, 25, 85, 1);
  color: #fff;
}
.panel_siderbar .menus a span {
  display: inline-flex;
  width: 36px;
  align-items: center;
}
.panel_siderbar .menus a {
  padding: 13px 20px;
  display: flex;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(33, 33, 33, 1);
  align-items: center;
  justify-content: flex-start;
  line-height: 22px;
  position: relative;
}
.panel_siderbar .menus a span img {
  max-width: 24px;
  transition: 0.5s all;
}
.panel_siderbar .menus a.active span img {
  filter: brightness(10.5);
}
.clng_count {
  background: rgba(255, 63, 85, 1);
  border: 2px solid rgba(255, 255, 255, 1);
  border-radius: 30px;
  font-size: 10px;
  font-weight: 400;
  padding: 5px 9px;
  color: #fff;
  line-height: 11px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.profile_sidebar {
  margin-left: -2px;
}
.social_icon {
  padding: 15px 18px 50px;
  transition: 0.3s all;
}
.social_icon a {
  display: inline-flex;
  margin-right: 10px;
  transition: 0.3s all;
}
.social_icon a img {
  max-width: 24px;
  transition: 0.5s all;
}
.social_icon a:hover img{
   transform: rotate(-50px);
}
.social_icon a:hover img {
  transform: rotateY(360deg);
}
.panel_inner {
  width: 82%;
  padding: 30px;
  height: calc(100vh - 62px);
  overflow-y: auto;
  transition: 0.3s all;
}
.panel_inner::-webkit-scrollbar{
  display: none;
}
.design{
  background-color: #fff;
  border-radius: 10px;
}
.panel_siderbar .menus a .profile_sidebar {
  width: 24px;
  height: 24px;
  margin-right: 14px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}
.panelmain_part {
  display: flex;
}
.post_box {
  padding: 10px 4px;
}
.postbox_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.postbox_profile img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.post_type .form-control {
  padding: 7px 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: unset !important;
}
.newpost_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(18, 16, 45, 1);
  color: #fff !important;
  font-weight: 500;
  border-radius: 12px;
  height: 36px;
  width: auto;
  font-size: 16px;
  line-height: 20.51px;
  padding: 10px 22px;
}
.challenges_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #12102D 0%, #E51955 100%);
  color: #fff !important;
  font-weight: 500;
  border-radius: 12px;
  height: 36px;
  width: auto;
  font-size: 16px;
  line-height: 20.51px;
  padding: 10px 22px;
}
.rightpart_box {
  padding: 18px 18px 0;
}
.rightbox_head {
  font-weight: 600;
  font-size: 16px;
  line-height: 20.51px;
  margin-bottom: 18px;
}
.Challenges_pic {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 45px;
  height: 45px;
}
.Challenges_pic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ussename {
  display: block;
  font-weight: 600;
  color: rgba(33, 33, 33, 1);
  font-size: 15px;
  line-height: 20px;
  font-family: 'Futura PT';
}
.Challengesbox_detail span {
  font-size: 14px;
  display: block;
  font-weight: 400;
  margin-top: 1px;
}
.accpt_btn {
  border: 1px solid rgba(229, 25, 85, 1);
  background-color: rgba(229, 25, 85, 1);
  border-radius: 50px;
  color: #fff !important;
  display: inline-block;
  padding: 6px 8px;
  font-weight: 500;
  font-size: 12px;
  width: 80px;
  text-align: center;
}
.reject_btn {
  border: 1px solid rgba(229, 25, 85, 1);
  color: rgba(229, 25, 85, 1) !important;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 8px;
  font-weight: 500;
  font-size: 12px;
  width: 80px;
  text-align: center;
  margin-left: 10px;
}
.Following_btn {
  border: 1px solid rgba(18, 16, 45, 1);
  background-color: rgba(18, 16, 45, 1);
  border-radius: 50px;
  color: #fff !important;
  display: inline-block;
  padding: 6px 8px;
  font-weight: 500;
  font-size: 12px;
  width: 80px;
  text-align: center;
}
.Followback_btn {
  background: linear-gradient(90.45deg, #12102D 3.42%, #E51955 97.71%);
  border-radius: 50px;
  color: #fff !important;
  display: inline-block;
  padding: 7px 8px;
  font-weight: 500;
  font-size: 12px;
  width: 80px;
  text-align: center;
}
.view_all {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: rgba(229, 25, 85, 1) !important;
  border-top: 1px solid rgba(239, 239, 239, 1);
  margin: 0 -19px;
}
.follow_btn {
  border: 1px solid rgba(229, 25, 85, 1);
  color: rgba(229, 25, 85, 1)!important;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 8px;
  font-weight: 500;
  font-size: 12px;
  width: 80px;
  text-align: center;
}
.Challengesbox_btns {
  margin-top: 12px;
}
.top_btnspost {
  background: rgba(239, 239, 239, 1);
  padding: 8px 20px 8px 20px;
  display: block;
  border-radius: 30px;
  font-weight: 450;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
}
.top_btnspost.active{
  background: rgba(229, 25, 85, 1);
  color: #fff;
}
.postchalleng_top {
  padding: 10px 7px;
}
.postchalleng_pic {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.postchalleng_details a {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin: 0 0 2px;
  display: block;
  color: rgba(33, 33, 33, 1) !important;
}
.timeer {
  color: rgba(98, 98, 98, 1);
  font-size: 15px;
  font-weight: 450;
  display: inline-block;
}
.postchalleng_drop button {
  padding: 0;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: unset !important;
  display: flex;
  align-items: center;
}
.postchalleng_drop .dropdown-menu a {
  font-size: 14px;
  padding: 3px 10px;
  display: block;
}
.postchalleng_imgbox {
  display: block; 
  border: 0;
  border-radius: 2px;
  height: 100%;
  width: 100%;
  line-height: 0;
  position: relative !important;
  overflow: hidden;
  margin: 0 auto;
}

.postchalleng_imgbox::after {
  padding-top: 100%;
  content: "";
  display: block;
  height: 0;
  width: 100%;
}
.postchalleng_imgbox>img {
  max-width: 100%; 
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.small_post{
  height: 167px;
}
.full_post {
  height: 334px;
}
.comment_top {
  border-bottom: 1px solid rgba(239, 243, 244, 1);
  padding: 16px 5px;
  align-items: center;
}
.comment_bottom {
  padding: 10px 5px 15px;
}
.commnet_vew {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: rgba(98, 98, 98, 1) !important;
}
.commnet_vew img {
  margin-right: 10px;
  max-width: 20px;
}
.bookmark_btn img {
  max-width: 15px;
}
.comnetname {
  display: flex;
  font-weight: 700;
  font-size: 17px;
  color: rgba(33, 33, 33, 1);
  margin-bottom: 5px;
}
.comnetparra {
  margin-bottom: 10px;
}
.hashtag_part {
  margin-bottom: 8px;
  margin-top: -4px;
}
.comment_type {
  margin-bottom: 8px;
}
.comment_type .form-control {
  height: 38px;
  border-radius: 30px;
  background: rgba(239, 239, 239, 1);
  border: 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: unset;
  line-height: 18px;
  width: 100%;
  padding: 10px 20px;
}
.emoji {
  background-color: transparent;
  border: 0;
  outline: 0;
  box-shadow: unset;
  position: absolute;
  right: 11px;
  top: 4px;
}
.view_comment a {
  color: rgba(33, 33, 33, 1);
  font-size: 16px;
  font-weight: 450;
  display: inline-block;
}
.likess {
  position: absolute;
  top: 20px;
  right: 0;
  background: rgba(255, 63, 85, 1);
  border-radius: 20px 0 0 20px;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 5px 5px 5px 8px;
  color: #fff;
  font-size: 14px;
}
.likess img {
  margin-right: 4px;
}
.postchalleng_drop .dropdown-menu {
  transform: unset !important;
  top: 39px !important;
  right: -22px !important;
  left: auto !important;
  min-width: 100px;
  text-align: left;
  border: 0 !important;
  border-radius: 6px;
  box-shadow: 0 -5px 16px #00000036;
  padding: 11px 0;
}
.postchalleng_drop .dropdown-menu::after {
  position: absolute;
  content: '';
  top: -11px;
  right: 14px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid white;
}
.comnetname .userid {
  font-weight: 400;
  margin-left: 6px;
}
.comnetparra p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(33, 33, 33, 1);
  line-height: 20px;
  margin: 0;
}
.hashtag_part a {
  color: rgba(0, 122, 255, 1);
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
.timees_up {
  font-size: 15px;
  font-weight: 450;
  color: rgba(255, 0, 0, 1);
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.timees_up img {
  margin-right: 4px;
}
.times_main {
  display: flex;
  align-items: center;
}
.view_chllngbtn {
  font-weight: 450;
  font-size: 16px;
  color: rgba(229, 25, 85, 1) !important;
}
.CreateChallenge .modal-dialog {
  max-width: 550px;
}
.CreateChallenge .modal-content {
  border: 0;
  border-radius: 10px;
}
.CreateChallenge .modal-content {
  border: 0;
  border-radius: 10px;
  padding: 28px 24px;
}
.CreateChallenge_head h2 {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 18px;
  color: rgba(33, 33, 33, 1);
}
.CreateChallenge_head span {
  color: rgba(98, 98, 98, 1);
  font-size: 14px;
  font-weight: 400;
  display: block;
}
.CreateChallenge .btn-close {
  filter: brightness(9.5);
  opacity: 1;
}
.upload_img {
  border: 1px dashed rgba(229, 25, 85, 1);
  border-radius: 14px;
  width: 100%;
  text-align: center;
  padding: 23px 0;
  cursor: pointer;
}
.upload_img span strong{
  color: rgba(229, 25, 85, 1);
}
.file_size {
  font-size: 14px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  display: block;
}
.upload_img span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(33, 33, 33, 1);
  margin: 18px 0 10px;
}
.notee {
  color: rgba(98, 98, 98, 1);
  font-weight: 450;
  font-size: 14px;
  margin-top: 0;
}
.uploaded_part {
  border: 1px solid rgba(239, 239, 239, 1);
  margin: 0;
  border-radius: 10px;
  padding: 5px 6px;
}
.uploadedimg_pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
}
.uploadedimg_pic img {
  height: 100%;
  width: 100%;
}
.uploadedimg_content h2 {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: rgba(33, 33, 33, 1);
  margin-bottom: 2px;
}
.cross_btn {
  display: flex;
  align-items: center;
}
.uploadedimg_content span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
}
.uploaded_part {
  border: 1px solid rgba(239, 239, 239, 1);
  margin: 0;
  border-radius: 10px;
  padding: 8px 6px;
}
.CreateChallenge .form-group .form-control {
  border: 1px solid rgba(239, 239, 239, 1);
  border-radius: 10px;
  height: 52px;
  color: rgba(98, 98, 98, 1);
  box-shadow: unset !important;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 16px;
}

.popupbtn_border{
  border: 1px solid rgba(33, 33, 33, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  height: 42px;
  font-weight: 450;
  font-size: 14px; 
  padding: 0 24px;
  color: rgba(98, 98, 98, 1);

}
.popupbtn_bg {
  background: rgba(229, 25, 85, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  height: 42px;
  font-weight: 450;
  font-size: 14px;
  color: #fff !important;
  padding: 0 24px;
}
.check_toggle label::after {
  position: absolute;
  content: "";
  top: 0;
  right: -13px;
  width: 40px;
  height: 24px;
  background-color: #cacaca;
  border-radius: 50px;
  transition: 0.5s all;
}
.check_toggle label::before {
  position: absolute;
  content: "";
  top: 2px;
  right: 4px;
  width: 19px;
  height: 19px;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 1;
  transition: 0.5s all;
} 
.check_toggle input:checked ~ label::before {
  right: -10px;
  background-color: #fff;
}
.check_toggle label {
  position: relative;
  display: flex;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  height: 18px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
  width: 26px;
}
.check_toggle {
  width: 100%; 
}
.check_toggle input:checked ~ label::after {
  background-color: rgba(229, 25, 85, 1);
}
.CreateChallenge .form-group label {
  font-weight: 450;
  color: rgba(98, 98, 98, 1);
  font-size: 14px;
  margin-bottom: 12px;
}
.CreateChallenge .challenge_friend label {
  font-weight: 700;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
}
.CreateChallenge .challenge_friend label span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
}
.challengefriend_dropdown .form-control {
  border: 1px solid rgba(239, 239, 239, 1) !important;
  background: rgba(239, 239, 239, 1);
  font-weight: 400;
  font-size: 14px;
}
.challengefriend_dropdown .dropdown-menu {
  width: 100%;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.checkbox_part {
  align-items: center;
  padding: 16px 10px;
  margin: 0;
}
.check_pic {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.check_pic img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.check_details h2 {
  font-weight: 600;
  font-size: 14px;
  color: rgba(33, 33, 33, 1);
  margin: 0 0 3px;
}
.check_details span {
  display: block;
  font-weight: 400;
  font-size: 14px !important;
}
.check_mark {
  height: 18px;
  width: 18px;
  border: 2px solid rgba(98, 98, 98, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.check_mark img {
  display: none;
}
.dropcheck input:checked ~ label .checkbox_part .check_mark {
  border-color: rgba(229, 25, 85, 1);
}
.dropcheck input:checked ~ label .checkbox_part .check_mark img {
  display: block;
  max-width: 16px;
}
.challengefriend_dropdown .dropdown-menu .dropcheck:nth-child(even) {
  background: rgba(255, 219, 229, 1);
}
.Logout_modal .modal-dialog {
  max-width: 573px;
}
.Logout_modal .modal-content {
  border-radius: 20px;
  border: 0;
}
.Logout_box {
  text-align: center;
  padding: 20px 60px;
}
.Logout_box h2 {
  color: rgba(33, 33, 33, 1);
  font-weight: 700;
  font-size: 32px;
  margin: 20px 0 16px;
}
.Logout_box p {
  font-size: 19px;
  color: rgba(98, 98, 98, 1);
  line-height: 27px;
  letter-spacing: -0.48px;
  font-weight: 400;
  max-width: 310px;
  margin: 0 auto 25px;
}
.Logout_box img {
  max-width: 100px;
}
.Confirm_Logout {
  background: linear-gradient(90deg, #12102D 0%, #E51955 100%);
  border-radius: 50px;
  color: #fff !important;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.Cancel_btn {
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 50px; 
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 1)!important;
}
.post_tophead {
  font-weight: 600;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
  margin: 12px 0;
}
.emptyerror_box {
  padding: 60px 0;
  text-align: center;
}
.emptyerror_box img {
  margin-bottom: 30px;
  max-width: 160px;
}
.emptyerror_box h2 {
  color: rgba(51, 51, 51, 1);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
  text-transform: capitalize;
  margin-bottom: 9px;
}

.emptyerror_box p {
  font-weight: 400;
  font-size: 15px;
  max-width: 270px;
  margin: 0 auto;
  line-height: 21.9px;
}
.chat_main {
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 5px;
}

.chat_header {
  padding: 2px 8px;
  border-bottom: 1px solid #E0E0E0;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat_mid {
  height: calc(100vh - 338px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 30px 10px;
}
.chat_bottombar {
  padding: 0 20px 30px;
}
.chat_header_profile {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
.chat_header_profile img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.chat_header_text a {
  font-size: 16px;
  font-weight: 600;
  color: #011627;
  margin: 0;
  line-height: 20px;
  display: block;
}
.chat_timee {
  font-size: 14px;
  font-weight: 400;
  color: #707991;
  margin-top: 2px;
}
.bottombar {
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  height: 56px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
}
.send_btn {
  display: block;
  margin-left: 20px;
}
.bottombar .form-control {
    padding: 0;
    font-size: 16px;
    border: 0;
    box-shadow: unset !important;
    font-weight: 400;
    color: #707991;
}
.chat_user_show {
  height: calc(100vh - 289px);
  overflow-y: auto;
  overflow-x: hidden;
}
.chatuser_box {
  margin: 0;
  padding: 12px 10px;
  border-radius: 12px;
  transition: 0.3s all;
}
.user_img span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  width: 14px;
  background-color: #00BB5C;
  position: absolute;
  border-radius: 50px;
  border: 2px solid #fff;
  bottom: 0;
  right: 0;
}
.chatuser_name h2 {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  line-height: 20px;
  color: #011627;
}
.chatuser_name span {
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  line-height: 18px;
  color: #707991;
}
.msg-time {
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  line-height: 18px;
  color: #707991;
}
.msg-count {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #78E378;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.user_img {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.user_img img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.chatleft_top h2 {
  font-weight: 700;
  font-size: 30px;
  color: rgba(33, 33, 33, 1);
  margin-bottom: 30px;
}
.chatleft_top .form-control {
  background: rgba(239, 239, 239, 1) !important;
  height: 46px;
  border: 0;
  border-radius: 16px;
  padding: 0 25px 0 52px;
  box-shadow: unset !important;
  font-size: 17px;
  font-weight: 400;
}
.search_chat button {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 8px;
  left: 17px;
}
.chatleft_top {
  margin-bottom: 20px;
}
.chat_ussser h3 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  margin: 0 0 8px;
}
.userimgg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50px;
}
.username {
  font-weight: 600;
  color: rgba(33, 33, 33, 1);
  display: block;
  font-size: 16px;
  line-height: 20.51px;
  margin-bottom: 0;
}
.smallmsg {
  color: rgba(98, 98, 98, 1);
  font-size: 15px;
  display: block;
  font-weight: 400;
}
.userimgg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.timme_chat {
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  display: block;
  line-height: 16.67px;
  margin-bottom: 7px;
}
.msg_count {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(229, 25, 85, 1);
  color: #fff;
  font-size: 12px;
  border-radius: 50px;
  width: 16px;
  height: 16px;
  margin-left: auto;
}
.usersingle {
  padding: 10px 0px;
}
.chatuser_main {
  height: calc(100vh - 455px);
  overflow-y: auto;
  position: relative;
}
.chatuser_main::-webkit-scrollbar{
  display: none;
}
.chatprofilee {
  border-bottom: 1px solid rgba(245, 244, 246, 1);
  border-radius: 0;
  padding: 16px 8px;
}
.chatprofilee_pic {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.chatprofilee_pic span {
  background: rgba(65, 211, 126, 1);
  height: 16px;
  width: 16px;
  border-radius: 50px;
  border: 3px solid #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatprofilee_pic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.chatprofilee_details a {
  font-weight: 600;
  color: rgba(33, 33, 33, 1);
  font-size: 14px;
  display: flex;
}
.chatprofilee_details span {
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  font-size: 13px;
  display: block;
  margin-top: 3px;
}
.chatdropdown .btn {
  padding: 0;
  border: 0;
  background-color: transparent;
  box-shadow: unset !important;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.chatdropdown .dropdown-menu a {
  font-size: 14px;
  font-weight: 500;
  color: #051036;
  display: block;
  transition: 0.3s all;
  background-color: transparent;
  padding: 6px 20px;
}
.chatdropdown .dropdown-menu a:hover {
  transform: translateY(-5px);
}
 
.chatdropdown .dropdown-menu {
  box-shadow: 0px 2px 10px 0px #0000000D;
  border-radius: 12px;
  padding: 22px 0px;
  min-width: 100%;
  width: 160px;
  top: 52px !important;
  transform: none !important;
  right: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  border: 0;
}
.chatfooter_inner {
  align-items: center;
  margin: 0;
  border: 1px solid rgba(239, 239, 239, 1);
  border-radius: 16px;
  background: rgba(239, 239, 239, 1);
  height: 50px;
  padding: 0 10px;
}
.chatfooter_inner .form-control {
  height: 30px;
  border: 0;
  background-color: transparent;
  box-shadow: unset;
  padding: 0;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  font-size: 14px;
}
.attechment {
  display: flex;
  align-items: center;
}
.send_message {
  background-color: transparent;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatmain_part {
  height: calc(100vh - 306px);
  position: relative;
  padding: 20px 0;
  overflow-y: auto;
}

.userpicc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.userpicc img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.usermessagebox {
  background: rgba(245, 246, 250, 1);
  padding: 10px 10px 10px 14px;
  border-radius: 0px 10px 10px 10px;
}
.usermessagebox p {
  font-size: 14px;
  font-weight: 450;
  margin: 0;
  line-height: 20px;
}
.timee_chat {
  text-align: end;
  color: rgba(98, 98, 98, 1);
  font-weight: 500;
  font-size: 13px;
  margin-top: 5px;
}
.selfmessage .timee_chat{
  text-align: start;
}
.selfmessage .usermessagebox { 
  padding: 10px  10px 10px 14px;
  border-radius: 10px 0px 10px 10px;
  background: rgba(229, 25, 85, 1); 
}
.selfmessage .usermessagebox p{
  color: #fff;
}
.chatmain_part::-webkit-scrollbar{
  display: none;
}
.static_box {
  margin: 0;
  background: rgba(54, 159, 255, 1);
  border-radius: 10px;
  position: relative;
  height: 150px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 27px 15px;
}
.static_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/after_img.png);
  height: 40px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.static_box::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/before_img.png);
  height: 80px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  background-position: right;
}
.static_box h2 {
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.static_box h3 {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 28px;
  line-height: 35.9px;
}
.static_box img {
  max-width: 90px;
  position: relative;
  z-index: 1;
}
.static_box1{
  background: rgba(160, 137, 228, 1);
}
.static_box2{
  background: rgba(255, 171, 46, 1);
}
.static_box3{
  background: rgba(253, 96, 133, 1);
}

.static_box1::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/challengeafter.png);
  height: 40px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.static_box1::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/challengebefore.png);
  height: 80px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  background-position: right;
}

.static_box2::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/rewards_before.png);
  height: 40px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.static_box2::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/rewards_after.png);
  height: 80px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  background-position: right;
}

.static_box3::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/arwards_after.png);
  height: 40px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.static_box3::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/arwards_before.png);
  height: 80px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  background-position: right;
}
.dashboard_graph {
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  padding: 24px 22px;
}
.graph_heading h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: rgba(33, 33, 33, 1);  
}
.graph_btns a {
  font-size: 14px;
  color: rgba(98, 98, 98, 1);
  font-weight: 500;
  line-height: 17px;
  margin-left: 14px;
}
.graph_btns a:hover{
  color: rgba(229, 25, 85, 1);
}
.chart_img {
  max-width: 100%;
}
.staticss_box {
  background: rgba(229, 25, 85, 0.1);
  border-radius: 10px;
  padding: 24px 20px 25px;
}
.staticss_box span {
  color: rgba(33, 33, 33, 1);
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 60px;
}
.static_data {
  position: relative;
}
.static_data strong {
  color: rgba(229, 25, 85, 1);
  font-size: 38px;
  font-weight: 600;
  display: block;
  text-align: right;
  line-height: 42px;
}
.static_data::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  bottom: 0;
  height: 30px;
  background: rgba(229, 25, 85, 1);
  width: 4px;
  border-radius: 50px;
  transform: translateY(-50%);
}
.panel_siderbar .menus a.active .profile_sidebar img {
  filter: unset;
}
.myprofile_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 152px;
  width: 152px;
  border-radius: 50px;
}
.myprofile_img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.myprofile_top {
  display: flex;
  align-items: center;
}
.nameee {
  font-size: 28px;
  color: rgba(33, 33, 33, 1);
  font-weight: 450;
  line-height: 35.9px;
}
.editprofilee {
  background: rgba(229, 25, 85, 1);
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 50px;
  margin-left: 16px;
}
.myprofile_mid {
  display: flex;
  justify-content: space-between;
  margin: 13px 0 14px;
}
.myprofilemid_box {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.myprofile_detail p {
  font-size: 14px;
  color: rgba(98, 98, 98, 1);
  margin: 0;
  line-height: 20.9px;
  font-family: 'Nunito';
  font-weight: 400;
  letter-spacing: -0.48px;
}
.myprofile {
  padding: 20px 10px;
}
.postchalleng_tabs .nav-tabs {
  border-bottom: 0;
  border-top: 2px solid rgba(217, 217, 217, 1);
}
.postchalleng_tabs .nav-tabs .nav-link img {
  margin-right: 6px;
  max-height: 22px;
}
.postchalleng_tabs .nav-tabs .nav-link {
  background-color: transparent;
  padding: 15px 0;
  border: 0;
  display: flex;
  align-items: center;
  margin: 0 20px;
  color: rgba(98, 98, 98, 1);
  font-size: 16px;
  font-weight: 450;
  border-top: 2px solid rgba(217, 217, 217, 1);
  border-radius: 0;
  margin-top: -2px;
  outline: 0 !important;
}
.postchalleng_tabs .nav-tabs .nav-link.active img {
  filter: brightness(0);
}
.postchalleng_tabs .nav-tabs .nav-link.active {
  border-top: 2px solid rgba(33, 33, 33, 1);
  color: rgba(33, 33, 33, 1);
}
.panel_siderbar .menus a.active .clng_count {
  color: rgba(255, 63, 85, 1);
  background-color: #fff;
}
.editpic_img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    height: 150px;
    width: 150px;
    margin: 0 auto;
}
.editpic_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.editpic_main {
  text-align: center;
  padding: 30px 20px 40px;
  border-bottom: 1px solid rgba(239, 243, 244, 1);
}
.editpic_main label {
  font-size: 14px;
  color: rgba(0, 149, 246, 1);
  font-weight: 500;
  line-height: 18px;
  margin-top: 10px;
  cursor: pointer;
}
.editprofile_left {
  border-right: 1px solid rgba(239, 243, 244, 1);
}
.Accounts_Center {
  padding: 20px 20px 20px 40px;
}
.Accounts_Center img {
  max-width: 39px;
  display: block;
  margin-bottom: 5px;
}
.Accounts_Center a {
  font-size: 15px;
  color: rgba(0, 149, 246, 1);
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}
.Accounts_Center p {
  font-size: 13px;
  color: rgba(98, 98, 98, 1);
  font-weight: 400;
  display: block;
  line-height: 18px;
}
.formmain {
  padding: 25px 20px 30px 10px;
}
.editprofile_page .leftpart{
  width: 22%;
}
.editprofile_page .rightpart{
  width: 78%;
}
.formmain .form-group label {
  font-weight: 450;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
  line-height: 18px;
  margin: 6px 0 0;
}
.formmain .form-group .form-control {
  border: 1px solid rgba(239, 243, 244, 1);
  border-radius: 50px;
  height: 33px;
  font-weight: 400;
  color: rgba(33, 33, 33, 1);
  box-shadow: unset;
  margin-bottom: 15px;
}
.formmain .form-group {
  margin-bottom: 25px;
}
.noteee {
  font-size: 14px;
  font-weight: 500;
  color: rgba(98, 98, 98, 1);
  line-height: 20px;
}
.noteee a {
  color: rgba(0, 149, 246, 1);
}
.msgnumber {
  font-size: 13px;
  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  margin-bottom: 10px;
}
.checkbox_main label {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 450;
}
.checkbox_main label::after {
  position: absolute;
  content: '';
  top: 0px;
  left: -1px;
  height: 16px;
  width: 16px;
  border: 1px solid rgba(219, 219, 219, 1);
  border-radius: 3px;
}
.checkbox_main label::before {
  position: absolute;
  content: '';
  top: 1px;
  left: 1px;
  background-image: url(../img/tick.png);
  height: 11px;
  width: 12px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.5s all;
  opacity: 0;
}
.checkbox_main input:checked ~ label::before{
  opacity: 1;
}
.Submit_form {
  height: 34px;
  border: 0;
  border-radius: 30px;
  background: rgba(229, 25, 85, 1);
  color: #fff !important;
  font-weight: 450;
  font-size: 15px;
  padding: 0 16px;
}
.deactive_account {
  font-weight: 450;
  color: rgba(0, 149, 246, 1);
  margin-left: 15px;
  font-size: 15px;
}
.postpopup .modal-dialog {
  max-width: 450px;
}
.postpopup_img {
  display: block;
  border: 0;
  border-radius: 2px;
  height: 100%;
  width: 100%;
  line-height: 0;
  position: relative !important;
  overflow: hidden;
  margin: 0 auto;
}
.postpopup_img>img {
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.postpopup_img::after {
  padding-top: 100%;
  content: "";
  display: block;
  height: 0;
  width: 100%;
}
.post_like {
  background-color: #fff;
  padding: 14px 18px;
}
.postpopup .modal-content {
  border-radius: 12px;
  overflow: hidden;
}
.modal-backdrop {
  background-color: #00000057;
  backdrop-filter: blur(5px);
}
.modal-backdrop.show {
  opacity: .9;
}
.postpopup .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #fff;
  z-index: 1;
  opacity: 1;
  font-weight: 600;
  border-radius: 50px;
  background-size: 10px;
}
.rewards_main {
  padding: 22px 10px 22px;
}
.rewards_head h3 {
  font-weight: 700;
  font-size: 24px;
  margin: 0;
  line-height: 30.77px;
}
.reward_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid rgba(232, 236, 244, 1);
}
.reward_details {
  width: 58%;
  padding-left: 20px;
}
.reward_ico {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  height: 84px;
  width: 84px;
}
.reward_details span {
  font-weight: 400;
  font-size: 15px;
  color: rgba(172, 172, 172, 1);
  display: block;
  line-height: 17.95px;
  margin-bottom: 5px;
}
.reward_details strong {
  font-weight: 600;
  font-size: 32px;
  display: block;
}
.reward_ico1{
  background: rgba(255, 190, 50, 0.2);
}
.reward_ico2{
  background: rgba(225, 213, 206, 0.2);
}
.reward_ico3{
  background: rgba(223, 154, 50, 0.2);
}
.reward_ico img {
  max-width: 52px;
}
.sidepartbox {
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}
.sidepartbox h2 {
  background: rgba(255, 63, 85, 1);
  color: #fff;
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}
.sidepartbox_list {
  padding: 20px 20px;
}
.sidepartbox_list a {
  position: relative;
  font-size: 15px;
  font-weight: 450;
  display: block;
  margin-bottom: 8px;
  padding-left: 18px;
}
.sidepartbox_list a::after {
  position: absolute;
  content: '';
  top: 6px;
  left: 0px;
  background-image: url(../img/arroww.svg);
  height: 11px;
  width: 11px;
}
.sidepartbox_list a:last-child{
  margin-bottom: 0;
}
.settings_page {
  padding: 20px 10px;
}
.account_details h2 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}
.account_inner h3 {
  font-size: 20px;
  font-weight: 450;
  margin: 0;
  color: rgba(34, 37, 41, 1);
  margin-bottom: 6px;
}
.account_inner span {
  font-weight: 400;
  color: rgba(34, 37, 41, 1);
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.checktoggle_new label {
  position: relative;
  display: flex;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  height: 18px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
  width: 26px;
}
.checktoggle_new label::before {
  position: absolute;
  content: "";
  top: 3px;
  right: 5px;
  width: 17px;
  height: 17px;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 1;
  transition: 0.5s all;
}
.checktoggle_new label::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 24px;
  background-color: #cacaca;
  border-radius: 50px;
}
.checktoggle_new input:checked ~ label::before {
  right: -9px;
  background-color: #fff;
}
.checktoggle_new input:checked ~ label::after { 
  background-color: rgba(229, 25, 85, 1);
}
.account_details {
  margin-bottom: 40px;
}
.accont_btnss a {
  color: rgba(0, 149, 246, 1);
  font-size: 20px;
  font-weight: 450;
  display: block;
  margin-top: 22px;
  line-height: 20px;
}
.uploadpic {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.uploadimg {
  position: relative;
}
.uplod {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  padding: 0;
  outline: 0;
  position: absolute;
  right: 1px;
  bottom: 1px;
  cursor: pointer;
}
.updateprofile_main {
  border-radius: 12px;
  padding: 25px 25px;
}
.updateprofile_page::-webkit-scrollbar{
  display: none;
}
.updateprofile_head h2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 2px;
}
.updateprofile_head p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
}
.updateprofile_head{
   text-align: left;
}
.updateprofile_form .form-group .form-control {
  border: 1px solid rgba(239, 239, 239, 1);
  height: 48px;
  border-radius: 10px;
  padding: 16px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  box-shadow: unset !important;
}
.submit_btnss {
  background: linear-gradient(90deg, #12102D 0%, #E51955 100%);
  height: 42px;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  border: 0;
  border-radius: 50px;
  color: #fff;
}
 


/* New css  */
.pages_points {
  padding: 16px;
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 20px;
  position: sticky;
  top: -30px;
  z-index: 9;
}
.sticky_part{
  position: sticky;
  top: 0;
  z-index: 9;
}
.login_page::after {
  position: absolute;
  content: '';
  background-image: url(../img/clippath.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.preloaders {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  background: linear-gradient(180deg, #E51955 0%, #2D247D 100%);
  z-index: 1000000;
  width: 100%;
  height: 100%; 
  display: flex; 
  align-items: center;
  justify-content: center;
}
.preloaders img {
  position: relative;
  z-index: 5;
  transition: transform 0.5s ease; 
  max-width: 150px;
  animation: zoomIn 1s forwards;
}
.preloaders::after{
  position: absolute;
  content: '';
  background-image: url(../img/clippath.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@keyframes zoomIn {
  from {
      transform: scale(0.8); /* Normal size */
  }
  to {
      transform: scale(1.5); /* Zoomed in 1.5 times */
  }
}





.searchdata_box {
  display: block;
  border: 0;
  border-radius: 2px;
  height: 282px;
  width: 100%;
  line-height: 0;
  position: relative !important;
  overflow: hidden;
  margin: 0 auto;
}
.searchdata_box::after {
  padding-top: 100%;
  content: "";
  display: block;
  height: 0; 
  width: 100%;
}
.searchdata_box>img {
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activity_dropdown .btn {
  box-shadow: unset !important;
  padding: 0;
}
.activity_dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  margin-left: auto !important;
  width: 408px;
  border: 0;
  border-radius: 10px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  top: 6px !important;
  overflow: hidden;
}
.activity_boxx {
  border-bottom: 1px solid rgba(239, 239, 239, 1);
  padding: 13px 6px;
  transition: 0.3s ease-in-out;
}
.activitybox_main {
  height: calc(100vh - 208px);
  overflow-y: auto;
  overflow-x: hidden;
}
.activitybox_main::-webkit-scrollbar{
  display: none;
}
.Activity_top {
  padding: 12px 7px;
}
.activity_boxx:hover{
  transform: translateY(-5px);
}
.activity_user {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}
.activity_user img{
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity_name {
  font-size: 15px;
  color: rgba(33, 33, 33, 1);
  display: block;
  font-weight: 400;
  line-height: 20px;
}
.activity_name strong {
  display: inline-block;
  font-weight: 600;
  margin-right: 4px;
}
.activity_content span{
  font-weight: 400;
  font-size: 15px;
  color: rgba(98, 98, 98, 1);  
}
.activitybox_main .activity_boxx:last-child{
  border: 0;
} 
.activity_content .Challengesbox_btns {
  margin: 7px 0;
}
.Activity_heading {
  display: flex;
  align-items: center;
}
.Activity_heading h2 {
  font-weight: 600;
  font-size: 15px;
  margin: 0 10px 0 0;
}
.Activity_heading .form-select {
  border: 0;
  padding: 0;
  width: 56px;
  height: 21px;
  font-size: 14px;
  color: rgba(158, 160, 170, 1);
  box-shadow: unset !important;
}
.checkmark label {
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.checkmark label::after {
  position: absolute;
  content: '';
  top: 4px;
  right: 0;
  height: 14px;
  width: 14px;
  border-radius: 50px;
  border: 1.5px solid rgba(33, 33, 33, 1);
}
.checkmark label::before {
  position: absolute;
  content: '';
  top: 7px;
  right: -1px;
  height: 12px;
  width: 12px;
  background-image: url(../img/tickk.png);
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.checkmark input:checked ~ label::before{
  opacity: 1;
}
.activity_more {
  background-color: #f2f2f2;
  padding: 14px 0;
}
.following_main {
  padding: 5px 15px;
}
.following_box {
  border-bottom: 1px solid rgba(239, 239, 239, 1);
  padding: 20px 0;
  align-items: center;
}
.following_userimg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50px;
}
.following_userimg img {
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.following_dataa a {
  font-weight: 600;
  font-size: 16px;
  display: block;
  line-height: 21.51px;
}
.following_dataa span {
  color: rgba(33, 33, 33, 1);
  font-size: 14px;
  display: block;
  margin-top: 2px;
}
.following_box .Following_btn {
  font-size: 14px;
  width: 90px;
}
.following_box .Followback_btn {
  font-size: 14px;
  width: 90px;
}
.Following_dropdown .btn {
  background-color: transparent;
  border: 0;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: unset !important;
}
.Following_dropdown .dropdown-menu {
  right: 8px !important;
  left: auto !important;
  margin-left: auto !important;
  min-width: 108px;
  border: 0;
  border-radius: 4px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  top: 2px !important;
  overflow: hidden;
  padding: 6px 0;
}
.following_outer .following_box:last-child{
  border-bottom: 0;
}
.following_head h2 {
  color: rgba(33, 33, 33, 1);
  font-weight: 500;
  font-size: 18px;
  margin: 0;
}



/* Today CSS 15/05/2024  */

.Challengepost_img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  height: 90px;
  width: 90px;
}
.Challengepost_img img{
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.challengespage_box {
  padding: 25px 8px;
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}
.Challengepost_text a {
  font-weight: 600;
  font-size: 26px;
  color: rgba(33, 33, 33, 1);
  font-family: 'Nunito';
  line-height: 36px;
  display: block;
  margin-bottom: 5px;
}
.Challengepost_text p {
  margin: 0;
  font-weight: 400;
  color: rgba(60, 60, 67, 0.6);
  font-size: 22px;
  font-family: 'Nunito';
  line-height: 36px;
}
.challenge_time {
  margin: 5px 0 0;
  font-weight: 400;
  color: rgba(60, 60, 67, 0.6);
  font-size: 20px;
  font-family: 'Nunito';
  line-height: 36px;
}
.Challenge_details {
  background: linear-gradient(90deg, #12102D 0%, #E51955 100%);
  height: 36px;
  width: 142px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Nunito';
}
.challenge_count { 
  font-weight: 400;
  color: rgba(60, 60, 67, 0.6);
  font-size: 20px;
  font-family: 'Nunito';
  line-height: 36px;
}
.challenge_count span{
  color: rgba(33, 33, 33, 1);
}
.Challengers_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  overflow: hidden;
  height: 60px;
  width: 60px;
}
.Challengers_profile img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.Challengers_details h2 {
  font-weight: 600;
  font-size: 22px;
  font-family: 'Nunito';
  line-height: 36px;
  margin: 0 0 0px;
  color: rgba(33, 33, 33, 1);
}
.Challengers_timer {
  font-weight: 400;
  color: rgba(60, 60, 67, 0.6);
  font-size: 18px;
  font-family: 'Nunito';
  line-height: 22px;
  display: block;
}
.Challengers_users {
  padding: 18px 0;
  margin: 0;
}

.reportmodal .modal-dialog {
  max-width: 550px;
}
.reportmodal .modal-content {
  border-radius: 20px;
  border: 0;
}
.reportmodal_main h2 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 20px;
}
.reportmodal .modal-body {
  padding: 30px 30px;
}

.reportmodal_main .checkbox_main label { 
  padding-left: 32px;
  font-size: 16px;
  font-weight: 450;
}
.reportmodal_main .checkbox_main label::after { 
  top: 0px;
  left: 0px;
  height: 22px;
  width: 22px;
  border: 2px solid rgba(219, 219, 219, 1);
  border-radius: 50px;
}
.reportmodal_main .checkbox_main label::before { 
    top: 3px;
    left: 3px; 
    height: 14px;
    width: 15px;  
    opacity: 0;
}
.reportsubmit {
  background: linear-gradient(90deg, #12102D 0%, #E51955 100%);
  border-radius: 50px;
  color: #fff !important;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-size: 18px;
}
.reportmodal .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
}



/* Today CSS 04/06/2024  */
.chatstatus_box h3 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  margin: 0 0 8px;
}
.statususerbox span {
    font-size: 14px;
    text-align: center;
    display: block;
    font-weight: 400;
    line-height: 17.95px;
    margin-top: 10px;
}
.statusadd_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50px;
}
.statusadd_img img {
  height: 100%;
  width: 100%;
}
.statusadd span {
  font-size: 14px;
  text-align: center;
  display: block;
  font-weight: 400;
  line-height: 17.95px;
  margin-top: 10px;
}
.chatstatus_box_inner {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 15px;
}
.statusadd {
  margin-right: 15px;
}
.statususer_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid rgba(229, 25, 85, 0.5);
  position: relative;
}
.img_path {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border: 2px solid #ffff;
  border-radius: 50px;
  position: relative;
}
.plus_btn {
  position: absolute;
  bottom: -4px;
  right: -4px;
}
.img_path>img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.statususerbox {
  margin-right: 15px;
}
.chatstatus_box_inner::-webkit-scrollbar{
  display: none;
}
.chat_right {
  border: 1px solid rgba(245, 244, 246, 1);
  border-radius: 10px;
  padding: 0 14px 14px;
}
.pdf_sent {
  background: rgba(245, 246, 250, 1);
  padding: 10px 10px 10px 14px;
  border-radius: 10px 0px 10px 10px;
}
.mediaimgsent {
  background: rgba(245, 246, 250, 1);
  padding: 10px 18px 10px;
  border-radius: 10px 0px 10px 10px;
}
.pdf_sent_icon img {
  max-width: 27px;
  margin: 0 auto;
}
.pdf_sent_inner span {
  font-size: 14px;
  font-weight: 450;
  margin: 0;
  line-height: 20px;
}
.mediaimgs_box {
  height: 60px;
  width: 60px;
  overflow: hidden;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mediaimgs_box img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.viewmore_all {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: rgb(255 63 85 / 68%);
}
.viewmore_all span {
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #fff;
}
.statuscontent {
  font-size: 16px;
  text-align: center;
  font-weight: 450;
  line-height: 20px;
  color: rgba(98, 98, 98, 1);
}
.status_right {
  padding: 0;
  height: calc(100vh - 170px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mycontact_status h3 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  margin: 0 0 8px;
}
.mycontact_inner {
  height: calc(100vh - 448px);
  overflow-y: auto;
  overflow-x: hidden;
}
.plus_btn img {
  max-width: 16px;
}

/* width */
.mycontact_inner::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.mycontact_inner::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.mycontact_inner::-webkit-scrollbar-thumb {
  background: rgba(245, 244, 246, 1)
}

/* Handle on hover */
.mycontact_inner::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 244, 246, 1)
} 
.statusbig_details h3 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 14px;
  line-height: 27.28px;
  font-family: 'Nunito';
}
.statusbig {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.statusmodel .modal-content {
  background-color: transparent;
}
.statusmodel .modal-dialog {
  max-width: 520px;
}
.statusbig_details {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 92%;
}
.statusmodel_top .username{
  color: #fff;
  font-weight: 500;
}
.statusmodel_top .smallmsg{
  color: #fff;
  font-weight: 400;
}
.statusbar {
  height: 3px;
  width: 100%;
  background-color: #7f7f7f;
  position: relative;
  overflow: hidden;
}
.active_bar {
  height: 3px; 
  background-color: #fff;
  position: absolute;
  width: 50%;
}
.statusbig_img {
  height: calc(100vh - 141px);
}
 
/* 13/06/2024  */




.Live_Streming .modal-dialog{
  max-width: 900px; 
}
.Live_Streming .modal-content {
  overflow: hidden;
  border-radius: 12px;
}
.live_left {
  height: calc(100vh - 70px);
}
.live_left img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.live_user {
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid rgba(45, 57, 76, 0.1);
  margin: 0;
}
.live_user_pic{
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live_user_pic img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.liveuser_name a{
  font-weight: 600;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
}
.liveuser_tags .live {
  height: 34px;
  padding: 8px 14px 8px 14px;
  background: linear-gradient(90deg, #231130 0%, #DB1853 100%);
  border-radius: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.liveuser_tags {
  display: flex;
   align-items: center;
   justify-content: end;
}
.live_count {
  height: 34px;
  border-radius: 46px;
  background: rgba(103, 99, 98, 1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 500;
}
.live_count img {
  margin-right: 6px;
}
.live_commentsusers {
  padding: 15px 10px;
  margin: 0;
  height: calc(100vh - 210px);
  overflow-y: auto;
  overflow-x: hidden;
}
 
.commentsusers_pic{
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.commentsusers_pic img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.commentsusers_name a{
  font-weight: 600;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
  display: block;
  margin-bottom: 5px;
}
.commentsusers_name p{
  font-weight: 400;
  font-size: 16px;
  color: rgba(98, 98, 98, 1);
  margin: 0;
  line-height: 24px;
}
.commenhere .form-group .form-control{
  border-radius: 16px;
  height: 44px;
  background: rgba(239, 239, 239, 1);
  border: 0;
  box-shadow: unset;
  font-size: 14px;
  font-weight: 400;
  color: rgba(98, 98, 98, 1);
  padding: 0 20px;
}
.commenhere {
  padding: 15px 10px;
  margin: 0;
}




/* today css  26/06/24 */

.Viewed_by {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  backdrop-filter: blur(8px);
  padding: 20px 20px;
}
.viewvy_count {
  font-weight: 500;
  color: #fff;
  font-size: 20px;
}

.Viewed_pic {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.Viewed_pic img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.Viewed_details strong {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  display: block;
}
.Viewed_details span {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  display: block;
}
.Viewed_height {
  height: calc(100vh - 130px);
  overflow-y: auto;
  overflow-x: hidden;
}
.Viewed_height::-webkit-scrollbar{
  display: none;
}
.aboutus_page .container-fluid {
  max-width: 96%;
}
.aboutus_page {
  padding: 50px 0;
}
.aboutus_main {
  background-color: #fff;
  border-radius: 10px;
  margin: 0;
  overflow: hidden;
}
.aboutus_banner img {
  width: 100%;
  height: 100%;
}
.aboutus_banner {
  height: 294px;
}
.aboutus_content {
  padding: 30px 30px;
}
.aboutus_content h1 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 15px;
}
.aboutus_content p {
  font-size: 15px;
  font-weight: 400;
  color: #626262;
  line-height: 22px;
  margin-bottom: 25px;
}
.aboutus_content h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}
.aboutus_page {
  padding: 50px 0;
  height: calc(100vh - 62px);
  overflow-y: auto;
  overflow-x: hidden;
}
.aboutus_page::-webkit-scrollbar{
  display: none;
}









/* today csss 18 07 2024  */
.commenttop {
  padding: 16px 8px;
  border: 1px solid #2D394C1A;
  margin: 0;
}
.liveuser_name a {
  font-weight: 600;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
}
.comment_propic {
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment_propic img {
  max-width: 100%;
}
.captionn {
  font-size: 15px;
  color: #626262;
}
.userscomment_pic{
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userscomment_pic img{
  max-width: 100%;
}
.comment_content a, .replyuser_details a {
  font-size: 16px;
  font-weight: 450;
  line-height: 17.95px;
  color: #212121;
}
.comment_content p , .replyuser_details p{
  color: #626262; 
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.userscomment_box {
  margin: 0;
  padding: 12px 10px;
}
.replay_topo span {
  color: #626262;
  font-family: Futura PT;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  margin-right: 8px;
}
.replay_topo a {
  font-family: Futura PT;
  font-size: 12px;
  font-weight: 450;
  line-height: 24px;
  text-align: left;
  color: #626262;
}
.replyuser {
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.replyuser img{
  max-width: 100%;
}
.userscomment {
  height: calc(100vh - 224px);
  overflow-x: hidden;
  overflow-y: scroll;
}
.fav_btnss img {
  max-height: 16px;
}



/* today css 02/08/24 */
.panelmain_hide .panel_siderbar {
  width: 6%;
  padding: 20px 14px;
}
.panelmain_hide .panel_inner {
  width: 94%;
}
.panelmain_hide .menus a .text {
  display: none;
}
.panelmain_hide .clng_count{
  display: none;
}
.panelmain_hide .menus a {
  padding: 0;
  height: 50px;
  width: 50px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.panelmain_hide .menus a span {
  width: auto;
}
.panelmain_hide .menus a .profile_sidebar {
  margin: 0;
}
.panelmain_hide .social_icon {
  padding: 15px 12px 10px; 
}
.panelmain_hide  .social_icon a { 
  margin-right: 0;
  margin-bottom: 15px;
}
.searchdesign {
  position: fixed;
  left: -100%;
  top: 64px;
  bottom: 0;
  height: 100%;
  width: 25%;
  background-color: #fff;
  z-index: 9; 
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0 20px 20px 0;
  transition: 0.5s ease-in-out;
}
.searchdesign_show {
  left: 6%;
}
.searchdesign_top h2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px;
}
.searchdesign_top {
  padding: 20px 20px;
  border-bottom: 2px solid #f2f2f2fc;
}
.searchdesign_main {
  height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 20px 20px;
}
.hasttag_ico {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #897f7f;
  border-radius: 50px;
  color: #000;
}
.searchuser_ico{
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  overflow: hidden;
}
.searchuser_ico img{
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.hasttag_content , .searchusername {
  font-size: 16px;
  font-weight: 450;
  line-height: 17.95px;
  color: #212121;
}
.searchname{
  color: #626262;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
.searchname span {
  display: inline-block;
  border-left: 2px solid #c9c7c7;
  margin-left: 3px;
  font-size: 13px;
  color: #000000;
  padding-left: 8px;
  line-height: 18px;
}
.search_hasttag, .searchuser , .searchnamebox {
  margin-bottom: 20px;
}
.searchname_ico{
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border-radius: 50px; 
}
.recent_text {
  font-weight: 600;
  color: #000;
  font-size: 15px;
}
.clear_all {
  color: rgba(229, 25, 85, 1) !important;
  font-size: 15px;
  font-weight: 500;
}
.searchmain_top {
  position: sticky;
  top: 0;
  background-color: #fff;
  left: 0;
  right: 0;
  margin: 0 -20px 0px;
  padding: 20px 10px;
}
.searchdesign_main::-webkit-scrollbar{
  display: none;
}
/* today css  02/08/24*/



/* today css  19/09/24*/
.deleteaccout_main {
  padding: 20px 10px;
}
.deleteaccout_top h1 {
  font-size: 28px;
  font-weight: 450;
  line-height: 35.9px;
  color: #212121;
  margin-bottom: 20px;
}
.deleteaccout_top p {
  font-family: Futura PT;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4848649203777313px;
  color: #626262;
}
.deleteaccout_row {
  border: 1px solid #E5195533;
  background: #E519551A;
  border-radius: 10px;
  padding: 20px 10px;
}
.boxhead_account {
  font-size: 20px;
  font-weight: 450;
  line-height: 25.64px;
  color: #212121;
}
.accountcontent_head {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.3px;
  color: #212121;
}
.deleteaccout_contents p {
  font-family: Futura PT;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #626262;
}
.steps_count {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C4C4C4;
  border-radius: 50px;
  font-family: Futura PT;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.4848649203777313px;
  text-align: left;
  color: #fff;
  position: relative;
  z-index: 1;
}
.steps_round {
  position: relative;
  height: 100px; 
}
.steps_round::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #C4C4C4;
  margin: 0 auto;
  z-index: 0;
}
.steps_round.active::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 50px;
  background: #E51955;
  margin: 0 auto;
  z-index: 1;
  transition: 0.5s all;
}
.steps_round.step_done::before{
  height: 100%;
}
.deleteaccout_steps .steps_round:last-child::after , .deleteaccout_steps .steps_round:last-child::before{
  display: none;
}
.steps_round.active .steps_count::before {
  position: absolute;
  content: '';
  top: -4px;
  left: -4px;
  right: 0;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #E51955;
  border-radius: 50px;
  transition: 0.5s all;
}
.steps_round.active .steps_count {
  background: #E51955;
}
.deleteaccout_img img {
  max-width: 100%;
}
/* today css  19/09/24*/