@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
body {
	margin: 0;
	padding: 0;
  }
  
  :root {
	--white_bg: #fff;
	--border_radius: 7px;
	--border-top: 1px solid rgba(0, 0, 0, .05);
	--border-bottom: 1px solid rgba(0, 0, 0, .05);
	--border-left: 1px solid rgba(0, 0, 0, .05);
	--border-right: 1px solid rgba(0, 0, 0, .05);
	--border: 1px solid rgba(0, 0, 0, .05);
	--light_bg: #F9F9F9;
	--black_bg: #0D0D0D;
	--inactive_link: #999;
	--bg_success: #EEFCF3;
	--bg_danger: #FFEEEB;
	--bg_warning: #FFF5EB;
	--body_bg: #f7f8ff;
	--brand_color: #f9a11b;
  }
  
  @font-face {
	font-family: 'Outfit-Bold';
	src: url('https://blogshop.io/css/font/Outfit-Bold.otf');
	font-weight: 800;
	font-display: swap;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Outfit-Medium';
	src: url('https://blogshop.io/css/font/Outfit-Medium.otf');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Outfit-Light';
	src: url('https://blogshop.io/css/font/Outfit-Light.otf');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
  }
  .spinner-border{
      color:#000;
      height:14px !important;
      width:14px !important;
      margin-right:5px;
  }
  /******Bottom Navigation *******/
 .date-line {
  width: 100%;
  height: 30px;
  margin: 10px 0 15px 0;
  color: #c6c4c4;
  text-align: center;
  z-index: 999999999999999999999999;
  float: left;
  display: flex;
  align-items:center;
  justify-content:space-between;
  display:none;
}
 .date-line p{
  flex: 0 0 80px;
  color:#c6c4c4;
  padding:3px;
  border-radius:5px;
  font-size:11px;
  margin:0;
}
.hr-date-line{
    display:block;
    content:'';
    height:1px;
    width:40%;
    flex: grow;
    background:#c6c4c4;
}
  .bottomNavigation {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999991;
	border-top: var(--border-top);
	padding: 8px 0;
	padding-bottom: 0;
	background: var(--white_bg);
  }
  
  .bottomNavigation .navItemsRow {
	margin-bottom: 0;
	padding-left: 0;
	width: 100%;
	height:100%;
	display: flex;
	justify-content: space-around;
	align-items:center;
  }
  
  .bottomNavigation .navItemsRow .navItem {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .bottomNavigation .navItemsRow .navItem svg {
	width: 20px;
	height: 20px;
  }
  
  .bottomNavigation .navItemsRow .navItem .navLink {
	text-decoration: none;
	color: var(--black_bg);
	text-align: center;
  }
  
  .bottomNavigation .navItemsRow .navItem .navLink.active,.active-coin{
	color: var(--brand_color);
  }
  
  /* .bottomNavigation .navItemsRow .navItem .navLink.active::before {
	  content: "";
	  display: block;
	  width: 35px;
	  height: 2px;
	  border-radius: var(--border_radius);
	  margin: 0 auto;
	  background-color: var(--brand_color);
	  position: relative;
	  top: -5px;
  } */
  .bottomNavigation .navItemsRow .navItem .navLink {
	font-family: 'Outfit-Light', sans-serif;
	font-size: .7em;
	position: relative;
	top: -5px;
  }
  
  /*******Bottom Navigation ends *********/
  /*******Top Navigation********/
  .nav-title,.legalBody h3{
      font-family: 'Outfit-Medium', sans-serif;
      font-size: 1.5em;
      font-weight:800;
      margin-top:4px;
      position:relative;
  }
  .legalBody p,.legalBody ul li,.agreement-text{
      font-family: 'Outfit-Light', sans-serif;
      font-size:13px;
  }
  .engagement-nav-title,.small-nav-title,.legalBody h3{
     font-size: 1em; 
  }
  .legalBody ul{
      padding-left:30px;
  }
  .legalBody a{
      color:var(--brand_color);
  }
 
  .notifications{
      padding-right:10px;
      position:relative;
      display:block;
  }
  .notifications_point{
      height:6px;
      width:6px;
      background:red;
      border-radius:50%;
      position:absolute;
      right: 29px;
      animation: blink 1s infinite;
      top: 1px;
  }
  .go-back{
      cursor:pointer;
      font-weight:bold;
      color:#000;
      font-size:20px;
  }
  .navbar-toggler{
      outline:none !important;
      border:none;
  }
  .art-vert-icon{
      position:absolute;
      right:20px; 
      top:0px;
  }
  .material-icons{
      font-size:16px;
  }
  .flag-icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.prefix-select{
    font-size: 14px;
}
/** country code select **/
.flag-select-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(2.1rem + 0px);
    padding: 0.375rem 0.75rem;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    background-color: #fff !important;
    border-right: none;
  }
  
  .flag-dropdown_img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .flag-dropdown {
    list-style: none;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    width: 100%;
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.1) #f2f2f2;
    border-radius: 10px;
  }
  
  .flag-dropdown::-webkit-scrollbar {
      width: 6px;
      background-color: #f2f2f2;
      } 
      .dropdown::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0,.1);
      border-radius: 50px;
      }
.flag-dropdown::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
      background-color: #f2f2f2;
      border-radius: 50px;
      }
  
  .flag-dropdown.active {
    display: block;
  }
  
    ul {
      padding: 0;
      margin: 0;
    }
  
  .flag-dropdown li {
    padding: 10px 20px;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    color: #333;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
  }
  .flag-input_box {
    color: #333;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
  }
  .flag-input_box::placeholder {
    color: #888;
  }
  .flag-dropdown li:hover {
    background-color: #f5f5f5;
  }
  
  .country-code {
    margin-left: 10px;
  }
  
  .flag-search-wrapper {
    margin-top: 10px;
  }
  
  .flag-image {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .flag-btn_text {
    color: #333;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
  }
/** end country code select **/

/** product confirmation page **/
.product_summary .accordion {
    margin-bottom: 20px;
    }
    .product_summary .accordion .card-header {
    background: transparent;
    }
    .product_summary .accordion .card {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0 5px;

    }
    .product_summary .accordion  .card .card-body {
    background: #f8f8f8;
    padding: 1.25rem .9rem;
    }
    .product_summary .accordion .card .card-header  .card_header_icon {
    float: right;
    transition: all .3s ease-in-out;
    }
    .product_summary  .card .card-header  .card_header_icon i {
    font-size: 15px;
    }

    .product_summary .accordion .card .card-header button {
    text-decoration: none;
    color: #000;
    font-family: "Outfit-Light", sans-serif;
    font-size: .6em;
    font-weight: 400;
    border-radius: 0;
    padding: 12px 5px;
    border-bottom: 1px solid #f2f2f2;
    }
    .product_summary .accordion .card .card-header {
    padding: 0;
    }

    .rotate {
    transform: rotate(180deg);
    }
.product-delivery-time{
    font-size:13px;
    margin-top:10px;
}
     .product_summary .accordion .card .card-body .item_box {
        border: 1px solid rgba(0,0,0,.1);
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 10px;
        background-color: #fff;
    }
    .product_summary .accordion .card .card-body .item_box h3{
    font-family: 'Outfit-Bold', sans-serif;
    color: #000;
    font-size: 1em;
    margin-bottom: 5px;
    }

    .product_summary .accordion .card .card-body .item_box p{
    font-family: 'Outfit-Light', sans-serif;
    color: #000;
    font-size: .9em;
    margin-bottom: 5px;
    }
    
    .product_summary .accordion .card .card-body .item_box .img_box{
        width: 100%;
        height: 10vh;
        margin-bottom: 10px;
    }

    .product_summary .accordion .card .card-body .item_box .img_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

    .product_summary .accordion .card .card-body .item_box span.item_color{
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        margin: 0 5px 0 5px;
    }

 @media screen and (max-width:950px) {
    .product_summary .accordion .card {
    margin-bottom: 0;
    }
    .product_summary .accordion .card .card-header button {
    font-family: "Outfit-Light", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    padding: 20px 7px;
    }
    .product_summary .accordion .card .card-header .card_header_icon i {
    font-size: 20px;
    }
 
    }

/** end product confirmation page **/
  .navbar {
	border-bottom: var(--border-bottom);
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 3px;
  }
  
  .navbar .navbar-toggler {
	border: none;
  }
  
  .navbar .navbar-toggler svg {
	color: var(--black_bg);
  }
  .pg-view-nav{
      justify-content:left;
  }
  .pg-view-nav h3{
      flex-grow:1;
      text-align:center;
  }
  .opened-message{
      color:var(--inactive_link) !important;
  }
  .unread-message{
      color:var(--inactive_link) !important;
      font-weight:500;
  }
  .links{
      color:var(--brand_color) !important;
      font-weight:600;
  }
  .profile-links, .profile-links a{
      color:#666;
      font-size:12px;
      font-family: 'Outfit-Light', sans-serif;
      margin-top:10px;
  }
  .profile-links a{
      border:1px solid var(--inactive_link);
      padding:5px;
      border-radius:15px;
      margin-right:5px;
  }
  .profile-links a:hover{
      color:#000;
      text-decoration:none;
  }
  .tab-link-switch{
      display:flex;
      justify-content:center;
      margin-top:0;
  }
  .tab-link-switch a{
      width:50%;
      padding:3px;
      text-align:center;
      letter-spacing:1px;
  }
  .blog-head-title{
      display:flex;
      width:100%;
      height:90px;
      justify-content:space-between;
      align-items:center;
      overflow:visible;
  }
  .blog-head-title a{
      text-decoration:none;
  }
  .blog-head-title .text_box{
   margin:0 !important;  
  }
  .blog-head-title .img_box{
      width:60px !important;
      height:60px !important;
      border-radius:50%;
      position:relative;
      overflow:visible !important;
  }
   .blog-head-title .img_box img{
      width:100%;
      height:100%;
      border-radius:50%;
  }
  .image.ck-widget, .article-content figure.image{
      border:7px solid #ebebeb;
      background:#fff;
      padding:10px;
      margin-bottom:0;
  }
  .image.ck-widget + p i,  .article-content figure.image + p i{
      font-size: 12px;
  color: #777;
  font-family: 'Outfit-Light', sans-serif !important;
  }
  .image.ck-widget img,  .article-content figure.image img{
      max-width:100%;
      height:auto;
  }
  .blog-head-title .img_box .picture-change{
      position:absolute;
      bottom:5px;
      right:-5px;
      background:var(--brand_color);
      padding:5px;
      z-index:2;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      border:2px solid #fff;
  }
  .blog-head-title .img_box .picture-change:hover{
      background:#000;
  }
  .blog-head-title .img_box .picture-change svg{
      width:10px;
      height:10px;
      color:#fff;
  }
  .blog-head-title .img_box .picture-change:hover svg{
      color:var(--brand_color);
  }
  .engagement-box{
      height:50px;
      width:100px;
      text-align:center;
     
      font-family: 'Outfit-Bold', sans-serif;
      display:flex;
      justify-content:center;
      align-items:center;
      flex-direction:column;
  }
  .engagement-box h3{
     margin:0;
     font-size:1.6em !important;
  }
  .engagement-box p{
     font-size:12px !important;
  }
  .engagement-btn,.first-story-btn,.view-engagement-btn,.en-btn,.cancel-attachment{
      height:50px;
      width:100px;
      display:flex;
      justify-content:center;
      align-items:center;
      padding:0;
      text-align:center;
       font-family: 'Outfit-Light', sans-serif;
       font-size:16px;
       background-color: rgb(249, 161, 27);
       border-radius:25px;
       color:#000;
  }
  .brand-btn{
      height:30px;
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      padding:0;
      text-align:center;
      font-family: 'Outfit-Light', sans-serif;
       font-size:14px;
       background-color: rgb(249, 161, 27) !important;
       color:#000 !important;
  }
  
.brand-btn-small{
      display:flex;
      justify-content:center;
      align-items:center;
      padding:0 10px;
      text-align:center;
       font-family: 'Outfit-Bold', sans-serif;
       font-size:16px;
       background-color: rgb(249, 161, 27) !important;
       color:#000 !important;
       font-weight:bold !important;
  }
  
  .story-front-preview{
      font-size:12px;
      margin-top:10px;
      color: var(--inactive_link);
  }
  .dropdown-divider{
      width:100%;
      height:1px;
      /*background-color: var(--inactive_link);*/
      display:block;
  }
  .appBody .item_box .preview_text p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--black_bg);
	margin-bottom: 0;
  }

  .appBody .item_box .preview_text  {
  }

  .appBody .item_box .preview_text p a{
	color: var(--inactive_link) !important;
  }
  .en-btn{
      height:35px;
  }
  .cancel-attachment{
      width:100%;
      height:30px;
  }
  .engaged-btn{
       /*border:1px solid rgb(249, 161, 27);*/
       background-color: #ebebeb;
  }
  .engagement-btn:hover,.first-story-btn:hover,.view-engagement-btn:hover{
      color: #000;
      background:#ebebeb;
      transition:.5s all;
      text-decoration:none;
  }
  .new-story-box{
      width:100%;
      height:150px;
      display:flex;
      flex-direction:column;
      gap:20px;
      margin-top:50px;
      align-items:center;
  }
  .view-engagement-btn{
      width:130px;
      height:40px;
      font-size:14px;
  }
  .new-story-box svg{
      height:80px;
      width:80px;
  }
  .first-story-btn{
      width:220px !important;
      color:#000;
      margin:0 auto;
      margin-top:0px;
  }
  /*******Top nav ends here *********/
  .appBody {
	padding: 20px 0px;
	margin-bottom: 50px;
  }
  
  .appBody .profile_header .img_box {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
  }
  
  .appBody .profile_header .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  .appBody .profile_header .text_box {
	margin-top: 10px;
  }
  
  .appBody .profile_header .text_box h3 {
	font-family: 'Outfit-Medium', sans-serif;
	font-size: 1em;
	margin-bottom: 0px;
	color: var(--black_bg);
	font-weight: 900;
  }
  
  .appBody .profile_header .text_box p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: .9em;
	margin-bottom: 0px;
	color: var(--inactive_link);
  }
  
  .appBody .tab_list {
	margin-top: 30px;
  }
  .profile-tab span{
      display:inline-block !important;
      /*width:100%;*/
      height:100%;
  }
  .appBody .tab_list .d-flex {
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 5px;
  }
  .appBody .search_list{
      margin-top:0 !important;
  }
  .appBody .search_list .tab-content{
      padding:20px;
      padding-top:0 !important;
  }
  .appBody .tab_list .d-flex ul {
	width: 100%;
	padding: 5px 5px;
  }
  
  .appBody .tab_list .d-flex ul li {
	width: 50%;
	text-align: center;
  }
  
  .appBody .tab_list .d-flex ul li {
	width: 50%;
	text-align: center;
  }
  
  .appBody .tab_list .d-flex ul li a.active {
	background-color: var(--white_bg);
  }
  
  .appBody .tab_list .d-flex ul li a {
	font-family: 'Outfit-Light', sans-serif;
	font-size: .8em;
	color: var(--inactive_link);
	text-decoration: none;
	padding: 0;
  }
  
  .appBody .tab_list .d-flex ul li a.active {
	background-color: var(--white_bg);
	color: var(--black_bg);
	border-radius: 2px;
	font-weight: 900;
  }
  
  .appBody .search_list .d-flex ul li {
  width: 25%;
  text-align: center;
}

  .appBody .tab_list .inner_box {
	margin-top: 20px;
	padding: 0 10px;
  }
  
  .appBody .tab_list .inner_box .item_box a,.view_insight a{
	text-decoration: none;
	color: var(--black_bg);
	font-family: 'Outfit-Light', sans-serif;
  }
  
  .appBody .tab_list .inner_box .item_box,.view_insight {
	padding: 10px;
	width: 100%;
	max-height: 290px;
	border: 1px solid rgba(0, 0, 0, .1) !important;
	margin-bottom: 20px;
  }
 .appBody .tab_list .inner_box .history-item_box .item_box{
     margin-bottom:0 !important;
 }
 .appBody .tab_list .inner_box .history-item_box{
     margin-bottom:20px;
 }
  .view_insight {
      height: 240px;
  }
  .appBody .tab_list .inner_box .item_box .news_card_img,.view_insight .news_card_img {
	width: 100%;
	height: 120px;
	border: 5px solid #ebebeb;
	padding: 5px;
	/* box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2); */
  }
  .view_trends .news_card_img {
	width: 100%;
	height: 100px !important;
	border: 5px solid #ebebeb;
	padding: 5px;
	/* box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2); */
  }
  .view_trends .item_box{
      padding: 5px 0 5px 0;
      margin-bottom: 10px !important;
  }
  .appBody .tab_list .inner_box .item_box .news_card_img .img,.view_insight .news_card_img .img,.pg-product-wrap .news_card_img .img{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .img_alt{
      background:#ff9900;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:bold;
  }
  .transaction_accordion{
      
  }
  .transaction_accordion .card{
       background-color: #fff;
       border-radius:10px !important;
  }
  .transaction_accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: 0px;
}
.total-revenue-box{
    width:100%;
         align-items:center;
     justify-content:space-between;
}
.instant-story-revenue{
    color: var(--black_bg);
	font-family: 'Outfit-Bold', sans-serif;
/**	position:fixed; **/
	width:100%; 
	bottom:20px; 
	text-align: center; 
	font-weight:bold;
	font-size:16px;
}
.instant-story-revenue span{
    color: var(--black_bg);
    display: block ;
	font-size:23px;
}

 .coin-text-box i{
   font-size:13px;
}
.coin-text-box h2 span {
    font-size:23px;
    margin-right:3px;
}
.coin-text-box{
    margin:0;
    margin-top:-22px;
}
.topup-box{
    justify-content:space-between;
}
.topup-box i{
    height:40px;
     width:40px;
     display:flex;
     align-items:center;
     font-size:40px;
     color:#ffffff;
     background:#0048ba;
     border-radius:50%;
}
.topup-box-item p{
    margin-bottom:1px;
}
.topup-box-item span{
    font-size:13px;
    color:var(--inactive_link);
}
  .transaction_accordion .revenue-cards{
     height:30px;
     display:flex;
       align-items:center;
       justify-content:space-between;
  }
  .transaction_accordion .revenue-cards i{
     height:20px;
     width:20px;
     display:flex;
     align-items:center;
     justify-content:space-between;
     border:1px solid #cccccc;
     border-radius:50%;
     font-weight:bold;
     font-size:20px;
  }
.transaction_accordion .revenue-cards p{
      font-size:15px;
  }
  .transaction_accordion .revenue-cards h3{
      font-size:20px;
  }
  .transaction_accordion .card-header .btn-link{
       color:#000;
       height:20px;
       display:flex;
       align-items:center;
       justify-content:space-between;
       margin-top:10px;
  }
   .transaction_accordion .card-header .btn-link:hover {
       text-decoration:none;
   }
  .transaction_amount{
      font-weight:bold;
      font-size:14px;
       margin:0;
       cursor:pointer;
  }
  .credit{
      color:green;
  }
  .debit{
      color:red;
  }
  .filter-transactions{
      height:25px;
  }

.filter-wrapper  .input-group-prepend {
  height:25px !important;
  width:30px;
  background-color: rgb(246, 246, 246);
}
.filter-wrapper{
 border-radius:10px !important;
 padding-right:10px;
}
.filter-wrapper .input-group-prepend span {
  padding:0;
  width:100%;
  text-align:center;
  background-color: rgb(246, 246, 246);
}
.filter-wrapper .input-group-prepend span i {
  padding:0;
  width:100%;
  text-align:center;
}
.filter-wrapper .input-group-text{
    border:none;
    border-right:1px solid var(--inactive_link);;
}
.filter-wrapper  .custom-select {
  padding:0 5px !important;
  font-size:13px;
  width:70px;
  outline:none !important;
  border:none !important;
   border-left:1px solid #ccc !important;
  background-color: rgb(246, 246, 246);
}
  .view_transaction{
      font-size:12px;
      color:var(--inactive_link);
      border-bottom:1px solid var(--inactive_link);
      margin:0;
      cursor:pointer;
      margin-bottom:0px;
      width:max-content;
  }
  .view_transaction i{
      font-size:10px;
  }
  .transactions-search_box .search_box .form-row{
      display:flex;
      background:#fff;
      padding:5px;
      border-radius:15px;
      margin-bottom:20px;
  }
  .transactions-search_box .search_box input{
      font-size:13px;
      font-family: 'Outfit-Light', sans-serif;
  }
  .transactions-search_box .search_box .form-row .search-input-icon .icon_box svg{
      width:18px;
      height:18px;
  }
  .transactions-search_box .search_box .form-row .search-input-icon{
      width:40px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0;
      color:var(--inactive_link);
  }
  .transactions-search_box .search_box .form-row .search-input-group{
      flex-grow:1;
      margin:0;
  }
  .dropIcon{
      color:#000;
      font-size:13px;
      text-decoration:underline;
  }
  .selected-transaction{
      background:#fff;
      padding:5px;
      font-size:12px;
      height:25px;
      width:100px;
      border-radius:15px;
  }
  .loader-text{
      text-align:center;
      font-size:12px;
  }
   .dropIcon:hover{
      color:var(--brand_color);
  }
  .story_preview {
    display:flex;
    flex-direction:column;
  }
  .story_preview p{
      font-size:12px;
      margin-bottom:5px;
  }
  .preview-tabs{
      box-shadow:2px 2px 4px rgba(0,0,0,0.2) !important;
      border-radius:10px;
      width:96% !important;
      margin-bottom:30px !important;
      margin:0 auto;
      padding:10px;
  }
  .story_preview p:last-child{
      margin-bottom:0 !important;
      display:inline-block;
  }
  .story_preview .shop_btn{
      display:inline-block;
  }
  .story_preview .shop_btn a{
      border-bottom:1px solid var(--brand_color);
  }
  .product_filter_modal .details, .options_modal .details{
      position:relative;
      top:0;
      width:100%;
      height:75vh;
  }
   .product_filter_modal{
      position:absolute;
      top:0;
      width:80vw !important;
      height:100vh;
      left: -100%;
      background:#fff;
      z-index:9999990;
      /*padding:20px;*/
  }
  .product_filter_modal .heading{
      padding:10px;
      background:var(--brand_color);
      color:#000;
      display:flex;
      gap:10px;
  }
   .product_filter_modal .heading p{
      margin:0px;
      font-weight:bold;
  }
   .product_filter_modal .details, .options_modal .details{
      position:relative;
      top:0;
      width:100%;
      height:100%;
  }
  .options_modal .head{
      text-align:center;
      font-weight:600;
      font-size:14px;
      border-bottom: 1px solid #ebebeb;
      padding-bottom:6px;
  }
  .options_modal .details{
      height:20vh;
  }
  .product_filter_modal ul{
      padding:0;
      list-style:none;
  }
  .product_filter_modal ul li{
      height:40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      cursor:pointer;
      border-bottom:1px solid rgba(0,0,0,0.05);
      font-family: 'Outfit-Light', sans-serif;
  }
  .product_filter_modal ul li span,.categories-action-head p{
      display:flex;
      height:40px;
      flex-grow:1;
      align-items:center;
      padding-left:10px;
      align-items:center;
      font-size:12px;
  }
  .categories-action-head p{
      display:flex;
      height:40px;
      flex-grow:1;
      align-items:center;
      font-size:12px;
      font-weight:bold;
      margin:0 auto;
  }
  .product_filter_modal ul li .bi{
      height:40px;
      width:50px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
  }
  .product_filter_modal ul li .bi:hover,.product_filter_modal ul li span:hover,.categories-action-head .bi:hover{
      background:#ebebeb;
      color:#000;
  }
  .product_filter_modal .shop-category-wrap{
      width:100%;
      height:100vh;
      position:absolute;
      left:-120%;
      background:#fff;
       transition:0.5s all;
       /*padding:10px;*/
  }
  .product_filter_modal.active,.product_filter_modal  .shop-category-wrap.active,.notificationBody.active,.shareBody.active{
      left:0%;
      transition:0.5s all;
  }
  .categories-action-head{
      height:40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
  }
  .categories-action-head .bi{
      height:40px;
      width:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
      cursor:pointer;
  }
  .product_filter_modal .parent-category-wrap{
      z-index:1;
  }
  .product_filter_modal .category-category-wrap{
      z-index:2;
  }
  .product_filter_modal .final-category-wrap{
      z-index:3;
  }
  .edit-category i{
      color:#000;
  }
  .appBody .tab_list .inner_box .item_box .text_box {
/**	margin-top: 10px;**/
  }
  .transaction-body{
      background:#f6f6f6  !important;
  }
  .transaction-body .row .box{
      border-radius: 10px;
      box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
      min-height:70px;
  }
  .appBody .tab_list .inner_box .item_box .text_box h2,.view_insight h2, .overlay-video-container .text_box h2{
	font-size: 12px !important;
	font-family: 'Outfit-Light', sans-serif;
	color: #222;
	margin-bottom: 0;
	font-weight: 500 !important;
	letter-spacing: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 20px;
/**	margin-top: 5px;**/
  }
  .overlay-video-container .text_box{
      padding:10px;
  }
  .overlay-video-container .text_box h2{
      color: #fff;
  }
    .admin-container .dashboard-body .box .text-box h2.total-income-all {
    font-family: 'Gilroy', sans-serif;
    font-size: 1.2em;
    font-weight: 900;
    color: #333;
  }
  .cashout-btn{
      color:#fff !important;
      border-radius:25px;
      margin-top:20px;
      background:#0048ba;
  }
 .admin-container .dashboard-body  .text-box-icon{
      display:flex;
      min-height:40px;
      align-items:center;
      gap:10px;
  }
   .admin-container .dashboard-body .box .text-box h2 {
       font-weight:400;
   }
   .admin-container .dashboard-body  .text-box-icon .number-icon{
      display:flex;
      align-items:center;
      justify-content:center;
      height:25px;
      width:25px;
      border-radius:50%;
      font-size:13px;
      color:#45e002;
      background-color:#e4ffd9;
  }
   .admin-container .dashboard-body  .text-box-icon h2{
       margin:0;
       font-size:18px !important;
   }
   .admin-container .dashboard-body  .text-box-icon-outcome .number-icon{
       color:#f5051d;
      background-color:#ffdbdf;
   }
    .admin-container .dashboard-body  .number-box span{
       font-size:11px;
       color:#c1c1c1;
       display:block;
       margin-top:-3px;
   }
   .admin-container .dashboard-body .number-box h2{
       font-size:18px !important;
   }
   .admin-container .dashboard-body  .number-box h2 span{
       font-size:18px !important;
       color:#000;
       display:inline-block;
   }
  .appBody .tab_list .inner_box .item_box .text_box h2::after,.view_insight .text_box h2::after {
	content: "";
	width: 50px;
	height: 2px;
	background: #f9a11b;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
  }
  .appBody .tab_list .inner_box .media_box .text_box h2::after {
	content: "";
	width: 50px;
	height: 0px;
	background: #f9a11b;
	display: none;
	margin-bottom: 5px;
	margin-top: 5px;
  }
  
  .appBody .tab_list .inner_box .item_box .text_box .post_date,.view_insight .text_box .post_date,.dateBox,.overlay-video-container .post_date{
	font-size: 11px;
	font-family: 'Outfit-Light', sans-serif;
	color: var(--inactive_link);
	margin-bottom: 0;
	line-height: 0;
  }
  .in-community-badge{
      border-radius:4px;
     display:flex;
     align-items:center;
     justify-content:center;
      width:max-content;
      padding:5px;
      height:15px;
      background-color: #fdecd1;
      color:#000 !important;
      font-size:8px !important;
     /** border:1px solid var(--brand_color);**/
      margin-top:10px !important;
  }
  .read-more-post{
      font-size:11px !important;
      font-weight:600;
  }
  .post-media-botton i{
      font-size:20px;
      margin-top:3px;
      cursor:pointer;
  }
  .blog-view-page{
      border-top:1px solid rgba(0,0,0,0.08);
      border-bottom:1px solid rgba(0,0,0,0.08);
  }
  .ripple {
  position: absolute;
  background-color: rgba(204, 204, 204, 0.5);
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-effect 0.5s linear;
}

@keyframes ripple-effect{
  to {
    transform: scale(4);
    opacity: 0;
  }
}
  .appBody .tab_list .inner_box .item_box .bottom_icons,
  .view_insight .bottom_icons,
  .blog-view-page .bottom_icons,
  .pg-product-wrap  .bottom_icons,
   .overlay-video-container .bottom_icons{ 
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-around;
	margin-top: 35px;
  }
  .bottom_icons .icon{
     height:30px;
     min-width:30px;
     border-radius:5px;
     display:flex;
     align-items:center;
     justify-content:center;
     gap:3px;
     border-radius:50%;
  }
  .overlay-video-container .bottom_icons{ 
      margin-top:10px;
  }
  .blog-view-page .bottom_icons{
      margin-top: 0px;
      justify-content: space-between;
  }
  /*.appBody .tab_list .inner_box .item_box .bottom_icons .icon svg,.view_insight .bottom_icons .icon svg {*/
  .bottom_icons .icon svg {
	width: 15px;
	height: 15px;
  }
  .bottom_icons .icon .bi {
	font-size: 12px;
	cursor:pointer;
  }
  .overlay-video-container .bottom_icons .icon .bi{ 
      color:#fff;
  }
  .liked-fill{
      color:red;
  }
  .pinned-fill{
      color:#40eb34 !important;
  }
  
  .view_pinned_chats .pinned-top,.view_conversation_chats .pinned-top{
      font-weight:bold;
      font-size:12px;
      color:var(--inactive_link);
  }
  .saved-fill{
      color:#000;
  }
  .blog-view-page .bottom_icons svg {
	width: 18px;
	height: 18px;
  }
 .blog-view-page .bottom_icons span {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 10px;
	color: var(--black_bg);
	margin-bottom: 0;
  }
  .enter-shop-btn-container{
    display: flex;
	flex-direction: column;
	justify-content:center !important;
	width: 100%;
	height:60px;
	position:relative;
  }
  .enter-shop-btn-container .divider{
    border-bottom:1px solid rgba(0,0,0,0.06);
    	width: 100%;
    	position:absolute;
  }
  .enter-shop-btn-container .btn{
    border:2px solid #000 !important;
    width: 100px;
    height:40px;
    margin: 0 auto;
    background:#fff;
    z-index:2;
  }
  .replace-btn{
      color:#000 !important;
  }
  .btn:disabled, .process-form[disabled='true']{
     background:#f2f2f2 !important;
     border:none !important;
}
.process-form[disabled='true'] .bi{
    color:#ccc !important;
}
  .appBody .tab_list .inner_box .col-6.col-sm-6 {
	padding: 0 5px;
  }
  
  .appBody .cat_heading {
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 0px;
	box-shadow: 0px 11px 8px -10px rgba(0, 0, 0, .06), 0px -11px 8px -10px rgba(0, 0, 0, .06);
	margin-top: 70px;
  }
  
  .appBody .cat_heading a {
	text-decoration: none;
	color: #000;
  }
  
  .appBody .cat_heading h1 {
	font-family: 'Vogue', serif;
	font-size: 2.5rem;
	line-height: 1;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0;
  }
  
  /*****Settings UI******/
  .overlay_bg {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .15);
	display: none;
  }
   .loader_overlay {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.5);
	display:flex;
	justify-content:center;
	align-items:center;
  }
  .attach:hover{
      color:var(--brand_color) !important;
  }
  .settings_ui,.options_modal,.story-modal{
	position: fixed;
	bottom: -100%;
	left: 0;
	z-index: 999999;
	width: 100%;
	min-height: 20vh;
	max-height: 80vh;
	background: var(--white_bg);
	transition: all .5s ease-in-out;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 20px;
	overflow: scroll;
  }
  .settings_ui .heading{
      margin-top:30px;
  }
  .story-modal{
      padding-bottom:100px;
  }
  .product_filter_modal{
      min-height:80vh;
  }
  .option-details{
      font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
  }
  .options_modal{
      height:170px;
      overflow:hidden;
  }
  .options_modal .option-details{
      height:40px;
  }
  .inc-dec-wrap{
      width:80px;
      float:right;
      display:flex;
      gap:10px;
  }
  .inc-dec-wrap span{
     display:inline-block;
  }
  .inc-dec-wrap .actions{
      width:25px;
      height:25px;
      display:flex;
      justify-content:center;
      align-items:center;
      font-weight:bold;
      background:#000;
      color:#fff;
      border-radius:5px;
      cursor:pointer;
  }
  .comment_modal {
      max-height: 80vh;
      min-height: 150px;
      overflow:hidden !important;
      	position: fixed;
	bottom: -100%;
	left: 0;
	z-index: 99999;
	width: 100%;
	background: var(--white_bg);
	transition: all .5s ease-in-out;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 20px;
	padding-top:10px;
	overflow: scroll;
  }
  .first-t{
      color:#666;
      font-size:12px;
      text-align:center;
      font-style:italic;
      margin:0;
  }
  .stories_ui{
	left: 0;
	width: 100%;
	min-height: 70vh;
	background: var(--white_bg);
	transition: all .5s ease-in-out;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	overflow: hidden;
  }
  .categories_ui{
      min-height:100vh;
  }
  .settings_ui.active, .stories_ui.active, .product_filter_modal.active,.comment_modal.active,.options_modal.active,.story-modal.active{
	bottom: 0 !important;
  }
  
  .settings_ui .active_btn,.stories_ui .active_btn {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 auto;
  }
  
  .settings_ui .active_btn svg,.stories_ui .active_btn svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
  }
  
  .settings_ui .active_btn.success svg,.stories_ui .active_btn.success svg {
	color: var(--success);
  }
  
  .settings_ui .active_btn.danger svg,.stories_ui .active_btn.danger svg {
	color: var(--danger);
  }
  
  .settings_ui .active_btn.success ,.stories_ui .active_btn.success {
	background: rgba(131, 207, 54, .2);
  }
  
  .settings_ui .active_btn.danger {
	background: rgba(167, 24, 24, .2)
  }
  
  .settings_ui .top_val {
	text-align: center;
	margin-bottom: 20px;
  }
  
  .settings_ui .top_val .amount_val h2 {
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 1.5em;
	color: var(--black_bg);
	margin-bottom: 0;
	margin-top: 10px;
  }
  
  .settings_ui .details .item,.stories_ui .details .item{
	padding: 20px 0;
	border-bottom: var(--border-bottom);
  }
   .settings_ui .details{
	padding-bottom: 50px;
  }
  .stories_ui .details .item .textBox{
      display:flex;
      justify-content:space-between;
  }
  .stories_ui .details .item .link-arrow{
      width: 15px;
        height: 15px;
        color:#000;
  }
  .settings_ui .details .item .textBox.header p,.stories_ui .details .item .textBox.header p{
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--inactive_link);
	margin-bottom: 0;
  }
  
  .settings_ui .details .item .textBox.body p,.stories_ui .details .item .textBox.body p {
	font-family: 'Outfit-Light', sans-serif;
font-size: 13px;
color: var(--black_bg);
margin-bottom: 0;
font-style: normal;
display: flex;
height: 20px;
align-items: center;
gap: 10px;
  }
  
  .settings_ui .details .item .textBox.body p svg,.stories_ui .details .item .textBox.body p svg {
	width: 15px;
	height: 15px;
	margin-right: 10px;
  }
  
  /** read story page **/
  .more_content {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    /* margin-top: 50px; */
}
.more_content .display-img {
    width: 40px;
    float: left;
    margin-right: 15px;
    height: 40px;
}
.more_content .display-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.more_content .heading {
    padding-bottom: 10px;
    padding-top: 10px;
}
.more_content .title {
    padding-top: 5px;
}
.more_content .heading h2{
    font-size: 2.2em !important;
    font-family: 'Cormorant Garamond', serif;
    color: #000;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}
.more_content .author-profile {
    border: 1px solid rgba(0, 0, 0, .1);
padding: 6px 10px;
border-radius: 5px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0,.1);
}
.more_content .heading h4{
    font-size: 13px;
    font-family: 'Outfit-Light', sans-serif;
    color: #666;
    text-transform: uppercase;
}
.fbcomments {
    padding: 0 !important;
font-family: 'Spinnaker', sans-serif !important;
}
.more_content .title h2 {
    font-size: 11px;
    font-family: 'Outfit-Light', sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0px;
 }
 .more_content .title h2 span {
    font-weight: 600;
 }
.more_content .title h4{
    font-size: 11px;
    font-family: 'Outfit-Light', sans-serif;
    color: #999;
 }
 .more_content .comment-display {
     position: fixed;
     top: 45%;
     left: 0;
 }
 .more_content .comment-display ul {
     list-style: none;
 }
 .more_content .comment-display ul li{
    padding-top: 30px;
}
.more_content .comment-display ul li a{
    text-decoration: none;
    color: #444;
    font-size: 15px;
    font-family: 'Outfit-Light', sans-serif;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
.more_content .comment-display ul li a:hover{
   color: #000;
}
.more_content .comment-display ul li a i{
font-size: 15px;
padding-right: 10px;
}
 .more_content-body {
     padding-top: 10px;
 }
  .more_content-body ul li,.more_content-body a {
     font-family: 'Outfit-Light', sans-serif !important;
 }
 .more_content-body .author-profile {
     margin-bottom: 20px;
 }
 .more_content-body .img-box {
     /* padding: 10px; */
     border: 7px solid #ebebeb;
     background: #fff;
 }
 .more_content-body .img-box-inner {
    /* padding: 30px;
    background: #f2f2f2; */
    border: 15px solid #fff;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,.2);
    width: 100%;
    height: auto;
}
.more_content-body .img-box-inner img {
    width: 100%;
    height: 100%;
}
 .more_content-body .box {
     position: relative;
 }
 .more_content-body .box .text-wrap .box-right-top {
     position: absolute;
     top: 10px;
     right: 0;
     width: 150px;
     height: 100px;
     background: #fc9f1e;
     box-shadow: 0px 10px 20px 0 rgba(0,0,0,.1);
     z-index: -10;
     display: none;
 }
 .more_content-body .box .text-wrap .box-left-bottom {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 150px;
    height: 100px;
    background: #fc9f1e;
    box-shadow: 0px 10px 20px 0 rgba(0,0,0,.1);
    z-index: -10;
    display: none;
}
 .more_content-body .box .text-wrap {
    padding-top: 10px;
    position: relative;
 }

  /********Settings UI ends *******/
  /**********Top nav*******/
  .top_nav {
	padding: 10px;
	border-bottom: var(--border-bottom);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--white_bg);
	z-index: 9999999;
  }
  .top_nav-avatar{
      height:40px;
      width:40px;
      border-radius:50%;
      overflow:hidden;
  }
  .top_nav-avatar img{
      height:100%;
      width:100%;
      object-fit:cover;
  }
  .top_nav .row,.nabvar{
      display:flex;
      justify-content:space-between;
      padding:0;
  	min-height:40px;
  	width: 100%;
	align-items:center;
	justify-content:space-between;
	margin:0 auto;
  }
  .top_nav .toggle-btn {
	margin-top: 10px;
  }
  
  .top_nav .toggle-btn {
	width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
	z-index: 999999;
  }
  
  .top_nav .toggle-btn .one {
	width: 25px;
  }
  
  .top_nav .toggle-btn .one {
	position: absolute;
	width: 30px;
	height: 1px;
	background: #000;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.55s;
  }
  
  .top_nav .toggle-btn .two {
	width: 15px;
	margin-top: 5px;
  }
  
  .top_nav .toggle-btn .two {
	position: absolute;
	width: 20px;
	height: 1px;
	background: #000;
	margin-top: 8px;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.55s;
  }
  
  .top_nav .toggle-btn .three {
	width: 25px;
	margin-top: 15px;
  }
  
  .top_nav .toggle-btn .three {
	position: absolute;
	width: 30px;
	height: 1px;
	background: #000;
	margin-top: 15px;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.55s;
  }
  
  .top_nav .right_text {}
  
  .top_nav .right_text ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: end;
  }
  
  .top_nav .right_text ul li a.more_btn {
	color: var(--black_bg);
	text-decoration: none;
  }
  
  .top_nav .right_text ul li a.signup_btn span {
	line-height: -1;
  }
  
  .top_nav a.signup_btn,.navbar a.signup_btn {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 12px;
	color: var(--black_bg);
	/**border: 1px solid var(--inactive_link);**/
	border-radius:13px;
	padding:5px !important;
	line-height: 1;
	padding: 0.375rem 0.18rem;
	background:var(--brand_color);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
  }
.profile-home{
    padding-top:0 !important;
}
  /*******Top Nav ends ********/
  .article-date-box{
      padding:0;
      display:flex;
      height:17px;
      justify-content:space-between;
      align-items:center;
  }
   .article-date-box .post_date{
       margin-top:5px;
   }
  #settings_modal{
      margin-right:3px;
  }
  .new-story-btn{
      height:40px;
      width:40px;
      background:var(--brand_color);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
      font-size:20px;
      z-index:10500;
      position:fixed;
      right:20px;
      bottom:70px;
      box-shadow:2px 2px 4px rgba(0,0,0,0.6);
  }
  .new-story-btn:hover{
      color:var(--brand_color);
      background:#000;
      transition:0.5s all;
      text-decoration:none;
  }
  .settings_ui .textBox a:hover,
  .stories_ui a:hover{
      text-decoration:none;
      color:#000;
  }
  .appBody.home .tab_list .inner_box .item_box,.pg-product-wrap .item_box {
	/*padding: 5px 0 15px 0;*/
	width: 100%;
	height: auto;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 20px;
  }
  .pg-product-view{
      margin-top:20px;
  }
  .pg-product-wrap .item_box {
      	border: 1px solid rgba(0, 0, 0, .1);
      	padding:10px;
      	border-radius:10px;
  }
  .product-search-container{
      display:flex;
      align-items:center;
      justify-content:space-between;
      height:50px;
      width:100%;
      gap:10px;
      padding-bottom:17px;
      border-bottom:1px solid #e9ecef;
  }
  .product-search-container .form-group{
     flex-grow:1;
     margin:0;
  }
  .product-search-container .form-group input{
     border-radius:15px;
  }
  .form-control.required{
      border:1px solid red;
  }
  .product-search-container .filter-group{
      display:flex;
      align-items:center;
      justify-content:center;
      height:35px;
      width:40px;
      border:1px solid #e9ecef;
      border-radius:10px;
      cursor:pointer;
  }
  .product-search-container .filter-group svg{
      color:#666;
  }
  .product-search-container .filter-group:hover{
      color:#000;
      background:#000;
  }
  .product-search-container .filter-group:hover svg{
      color:var(--brand_color);
  }
   .timeline-content .item_box {
	padding: 10px 5px 15px 5px !important;
	width: 100%;
	height: auto;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 20px;
  }
  .appBody .tab_list .inner_box .item_box .source_box,.pg-product-wrap .item_box .source_box {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-bottom:5px;
  }
  
  .appBody .tab_list .inner_box .item_box .source_box .img_box,.pg-product-wrap .item_box .source_box .img_box{
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
	overflow: hidden;
  }
  
  .appBody .tab_list .inner_box .item_box .source_box .img_box .img,.pg-product-wrap .item_box .source_box .img_box .img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  
  .appBody .tab_list .inner_box .item_box .source_box .item_text_box,.pg-product-wrap .item_box .source_box .item_text_box p {
	margin-top: 3px;
  }
  
  .appBody .tab_list .inner_box .item_box .source_box .item_text_box p,.pg-product-wrap .item_box .source_box .item_text_box p  {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 12px;
	color: var(--inactive_link);
	margin: 0;
	line-height: 15px !important;
  }
  
  .appBody .tab_list .inner_box .item_box .source_box .item_text_box h4,.pg-product-wrap .item_box .source_box .item_text_box h4,.itemBoxHeading h3 strong {
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 14px;
	color: var(--black_bg);
	margin-bottom: 0;
	line-height: 1;
  }
  
  .appBody .tab_list .inner_box .item_box .bottom_icons span,.pg-product-wrap .item_box .bottom_icons span,.conversation-like span,
  .overlay-video-container .bottom_icons span{
	font-family: 'Outfit-Light', sans-serif;
	font-size: 10px;
	color: var(--black_bg);
	margin-bottom: 0;
  }
  .overlay-video-container .bottom_icons span{
      color: #fff;
  }
  
  
.share-modal .modal-body p {
  font-family: 'Outfit-light';
  color: var(--black_bg);
  font-size: .85em;
}

.share-modal .modal-body .d-flex {
  gap: 10px;
}

.share-modal .modal-title {
  font-family: 'Outfit-Bold';
  font-size: 1em;
  color: var(--black_bg);
} 
.overlay-media-view,.popup-media-view{
    height:100vh;
    width:100vw;
    display:flex;
    align-items:center;
    z-index:999999999999999;
    background:rgba(0,0,0,0.95);
    position:fixed;
    top:0;
}
.popup-media-view{
    height:100%;
    width:100vw;
    display:flex;
    align-items:center;
    justify-content:center; 
    position:fixed;
    z-index:999999999999999;
    top:0;
    overflow:hidden;
}

.popup-media-view-inner{
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:20px;
    align-items:center;
    justify-content:center;
    background:#f2f2f2;
    
}
.popup-media-view-inner{
    border:5px solid #f6f6f6;
    padding:10px;
}
.popup-media-view-inner .pop-img-box{
    background:#fff;
    padding:0px;
    border:6px solid #ebebeb;
}
.popup-media-view-inner img{
    border:6px solid #fff;
}
.close-popup-view{
    color:#000;
    font-size:15px;
    height:30px;
    width:max-content;
    padding:0 15px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--brand_color);
    border-radius:0px;
    /*position:absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom:50px;*/
    cursor:pointer;
    font-weight:bolder;
}
.close-media-view{
    color:#fff;
    font-size:35px;
    height:40px;
    width:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,0.95);
    border-radius:50%;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
#shareConversation .text_box {
  margin-bottom: 30px;
} 

#shareConversation .text_box p{
  margin-bottom: 5px;
}

#shareConversation .text_box .d-flex{
 justify-content: space-around;
 align-items: center;
} 

#shareConversation .text_box .d-flex .social_icon{
  width: 40px;
  height: 40px;
  background-color: var(--black_bg); 
  border-radius: 50%; 
  position: relative;
} 

#shareConversation .text_box .d-flex .social_icon a{
  text-decoration: none;
  color: var(--white_bg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 
#shareConversation .text_box .d-flex .social_icon a i{
  font-size: 20px;
} 

#shareConversation .text_box .box{
  background-color: #F3F5F6;
  border-radius: 20px;
  padding: 15px;
} 

#shareConversation .text_box .box .input_group input {
  background-color: transparent;
  border: none;
  font-family: 'Outfit-Light', sans-serif;
  font-size: 1em;
  color: var(--black_bg);
  padding: .375rem 0;
  margin-right: 10px;
}

#shareConversation .text_box .box .input-group-append {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white_bg);
  cursor: pointer;
}

#shareConversation .text_box .box .input-group-append i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--black_bg);
}

  .conversationDetialsNav.navbar {
    background: #fff;
    border-bottom: var(--border-bottom);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
  }

  .conversationDetialsNav.navbar {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
    height: 60px;
  }

  .conversationDetialsNav.navbar-light .conversationDetialsNav.navbar-brand {
    color: rgba(0,0,0,.9);
  }

  .conversationDetialsNav.navbar-light .conversationDetialsNav.navbar-brand {
    color: rgba(0,0,0,.9);
  }

.conversationDetialsNav  .nav-title {
    font-family: 'Outfit-Medium', sans-serif;
    font-size: 1em;
    font-weight: 800;
    margin-top: 4px;
    margin-right: 0;
  }

  .conversationDetialsNav.navbar .user_profile {
    width: 30px;
    height: 30px;
    background: #f9f9ef;
    border-radius: 50%;
}

.conversationDetialsNav.navbar .user_profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.conversationDetialsNav.navbar .d-flex {
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.conversationDetialsNav.navbar .d-flex .share_btn, .conversationDetialsNav.navbar .d-flex .search_btn  {
  width: 40px;
  height: 40px;
  background-color: #F3F5F6;
  position: relative;
  border-radius: 50%;
}

.conversationDetialsNav.navbar .d-flex .share_btn i, .conversationDetialsNav.navbar .d-flex .search_btn i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.conversationDetialsNav.navbar .d-flex .go-back i {
  font-size: 25px;
}

  .redemption-div{
      display:flex;
      gap:10px;
      width:100%;
      height:60px;
      margin-bottom:30px;
      position:relative;
  }
  .plank{
      position:absolute;
      width:3px;
      height:50px;
      transform:rotate(180deg);
      background:#DBDEDF;
      left:24px;
      display:flex;
      align-items:center;
      top:45px;
  }
  .plank-dots-wrap{
      width:3px;
      height:25px;
      background:transparent;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:5px;
      justify-content:center;
      position:relative;
  }
  .plank-dots-default {
  width: 3px;
  height: 15px;
  position: absolute;
  top: 30px;
}
  .plank-dots{
      width:3px;
      height:3px;
      background:#fff;
  }
  .redemption-div-left{
      width:40%;
      background:#DBDEDF;
      height:50px;
      width:50px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
  }
  .redemption-div-left i{
      font-size:15px;
      color:#fff;
  }
   .fill-redemption i{
      font-size:15px;
      color:#000 !important;
  }
  .redemption-div-mid{
       width:50%;
       height:50px;
       flex-grow:1;
       display:flex;
    justify-content:left;
       flex-direction:column;
       gap:1px;
  }
  .redemption-div-mid span{
      font-size:11px;
      color:#ccc;
  }
  .redemption-div-right{
       width:40px;
       display:flex;
		align-items:center;
	    justify-content:center;
  }  
  .redemption-div-right .radio_btn{
		width: 25px;
		height: 25px;
		position: relative;
		border: 1px solid #999;
		border-radius: 50%;
		display:flex;
		align-items:center;
	    justify-content:center;
	}
  .redemption-div-right.active_input .radio_btn .inner_radio_box {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--brand_color);
}
   .fill-redemption{
      background:var(--brand_color);
  }
  .plank-progress{
      width: 3px;
      height: 0%;
      position: absolute;
      background:var(--brand_color);
      animation: progress-plank 7s;
  }
  .redeem-modal-title{
      font-family: 'Outfit-Bold', sans-serif;
      font-size:20px;
  }
  #addCoins .modal-dialog{
    margin-top:80px !important;
}
#addCoins .modal-dialog .coins-title{
      font-family: 'Outfit-Bold', sans-serif;
      font-size:20px;
}
.coins-modal-footer{
    display:flex;
    justify-content:center;
    align-items:center;
}
.coin-input{
    text-align:center;
    width:160px;
    margin:0 auto;
}
.centered-btn{
    display:flex;
    gap:10px;
    width:max-content;
}
.transaction-btn{
    border:1px solid var(--inactive_link);
    height:30px;
     display:flex;
    justify-content:center;
    align-items:center;
    font-size:13px;
}
.transaction-btn.active{
   background-color: #fdecd1;
    border:none;
}
  #pointsModal button.close i{
      font-size:30px;
  }
  /**********Conversation Details*********/
  .event-box{
      height:auto;
      padding:10px;
      border:1px solid #ebebeb;
      border-radius:0px;
      background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    margin-bottom:20px;
  }
  .event-icon{
      display:inline-flex;
      height:15px;
      width:65px;
      position:relative;
     color:#0048ba !important;
     font-size:10px !important;
  }
.event-icon span{
      display:block;
      position: absolute ;
      right:20px;
      top:5px;
      color:#0048ba !important;
  }
  .event_time{
      margin-bottom: 7px;
      gap:5px;
  }
.event_time{
      font-size:13px;
  }
  .event_time i{
      font-size:14px;
      margin-right:5px;
      margin-top:3px;
      color:#0048ba;
  }
  .event_time a{
      color:#000;
      text-decoration:none;
      border-bottom:1px solid var(--brand_color);
  }
   .event-box .img_container .img_box{
  width: 100%;
  height: 250px;
  background-color: var(--white_bg);
  border: 5px solid #ededed;
  padding: 5px;
  margin-bottom: 0px;
} 
  .event-box .img_container .event-img-box{
  height: auto;
} 
  .event-box .img_container .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-postion:top;
  }
    .event-box .desc_box h2{
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1em;
    font-weight: 800;
    color: var(--black_bg);
    margin-bottom: 5px;
  }

  .event-box .desc_box span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
    margin-top: 5px;
    color: var(--inactive_link);
  }

  .event-box .desc_box p{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .85em;
    margin-bottom: 0;
    color: #222;
  }

  .event-box .desc_box {
    background-color: var(--white_bg);
  /**  box-shadow: 0 0px 5px rgba(109, 117, 141, .15);**/
    border-radius: 10px;
    padding: 15px;
    padding-left:5px;
    margin-bottom: 15px;
    border-bottom:1px solid #ebebeb;
  }
  .event-box .event_action_box{
      display:flex;
      justify-content:center;
    align-items:center;
  }
  .event_action_box .btn{
       font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
   
  }
  .event-btn-success{
      color:green;
         border:1px solid green;
  }
  
    .event-btn-danger{
      color:red ;
         border:1px solid red;
  }
  .event-box .centered-btn{
      gap:50px;
  }
 
 .event-box .link-box{
    height:30px;
    width:max-content;
    display:flex;
   align-items:center !important;
   justify-content:center;
   gap:20px;
   background:#fdecd1;
   border-radius:15px;
   padding: 3px 2px 2px 15px;
   margin:0 auto;
   margin-top:20px;
   margin-top:10px;
   border:1px solid #f9a11b;
  }
  .event-box .link-box:hover{
      text-decoration:none;
  } 
  .event-box .link-box span{
     margin-top:0px !important;
     padding:0;
     color:#000 !important;
     display:inline-block;
    font-size:13px;
    }
  .event-box .link-box i{
      margin:0;
      padding:0;
      color:#f9a11b;
      font-size:25px;
    }
.push-alert-box{
    height:70px;
    width:315px;
    position:fixed;
    top:-100%;
    left:50%;
    transform: translate(-50%,-50%);
    box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:9900000000000000000000 !important;
    border-radius:15px;
    padding:15px;
    background:#fff;
}
.notif-slide-down{
    top:15%;
    transition:1s ease-in-out;
}
.notif-overlay{
    background:rgba(0,0,0,0.6) !important;
}
.push-alert-box .notif_btn{
    height:30px;
    width:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:var(--brand_color);
     box-shadow:1px 1px 2px rgba(0,0,0,0.4)
}
.push-alert-box .note-text{
    height:40px;
}
.push-alert-box span{
    font-size:12px;
    color:#666;
    display:block;
    margin-top:-3px !important;
}
.conversation_details,.story-likes-container {
  position: relative;
  top: 70px;
}
.story-likes-container{
    top:20px;
}
.conversation_details .img_container .img_box{
  width: 100%;
  height: 250px;
  background-color: var(--white_bg);
  border: 5px solid #ededed;
  padding: 5px;
  margin-bottom: 20px;
}
  
  .conversation_details .img_container .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .conversation_details .desc_box h2{
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1.3em;
    font-weight: 800;
    color: var(--black_bg);
    margin-bottom: 0;
  }

  .conversation_details .desc_box span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
    margin-top: 5px;
    color: var(--inactive_link);
  }

  .conversation_details .desc_box p{
    font-family: 'Outfit-Light', sans-serif;
    font-size: 1em;
    margin-bottom: 0;
    color: #222;
  }

  .conversation_details .desc_box {
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }

  .conversation_details .cta_group {
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }

  .conversation_details .cta_group .cta_btn{
    padding: 5px 0;
  }

  .conversation_details .cta_group .cta_btn span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
    color: var(--black_bg);
  }

  .conversation_details .footer {
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }

  .conversation_details .footer .data_box{
    padding: 5px 0;
  }

  .conversation_details .footer .data_box span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
    color: var(--black_bg);
  }

  .conversation_details .participant, .story-likes-container .users{
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }

  .conversation_details .participant .user_data_box, .story-likes-container .users .user_data_box{
    border-bottom: var(--border-bottom);
    padding: 10px 0;
  }
  .conversation_details .participant .user_data_box a i, .story-likes-container .users .user_data_box i{
    color:var(--inactive_link);
  }
.conversation_details .participant .user_data_box a:hover, .story-likes-container .users .user_data_box a:hover{
    text-decoration:none;
  }

.conversation_details .conversation-creator{
    margin-bottom:10px;
}
  .conversation_details .participant .user_data_box .d-flex{
    align-items: center;
  }

  .conversation_details .participant .user_data_box .user_profile,
  .story-likes-container .users .user_data_box .user_profile {
    width: 30px; 
    height: 30px; 
    background: #f9f9ef;
    border-radius: 50%;
    margin-right: 15px;
}

.conversation_details .participant .user_data_box .user_profile  img,
.story-likes-container .users .user_data_box .user_profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.conversation_details .participant .user_data_box  .user_name h6,
.story-likes-container .users .user_data_box .user_name h6{
  font-family: 'Outfit-Light';
  color: #888;
  font-size: .8em;
}

.conversation_details .participant .user_data_box  .user_name h5,
.story-likes-container .users .user_data_box .user_name h5{
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: .9em;
  margin-bottom: 0;
}

.conversation_details .participant .user_data_box .icon,
.story-likes-container .users .user_data_box .icon{
  order: 1; 
  margin-left: auto; 
}

.conversation_details .header_item .participant_search{
  width: 30px;
  height: 30px;
  background-color: #F3F5F6;
  position: relative;
  border-radius: 50%;
  order: 1; 
  margin-left: auto; 
  margin-bottom: 10px;
  cursor: pointer;
}

.conversation_details .header_item .participant_search i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.conversation_details .header_item .participant_search  a {
  color: var(--black_bg);
  text-decoration: none;
}

.conversation_details .header_item h2 {
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: 1.1em;
}

.conversation_details .see_all {
  padding: 10px 0;
}

.conversation_details .see_all a {
  font-family: 'Outfit-Light', sans-serif;
  font-size: .9em;
  color: var(--black_bg);
  text-decoration: none;
}

.conversation_details .search_input {
  margin: 25px 0;
}

.conversation_details .search_input input{
  font-family: 'Outfit-Light', sans-serif;
  font-size: .9em;
  color: var(--black_bg);
  border-radius: 20px;
  background-color: #F3F5F6;
  border: none;
}

.conversation_details .search_input input::placeholder{
  color: var(--inactive_link);
}
  .conversation-desc-tools{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
  }
  .conversation-desc-tools .icon_toggle{
      cursor:pointer;
  }
  .shop_btn .btn,.shop_btn a, .shop_btn p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 12px !important;
	color: var(--black_bg);
	background-color: var(--white_bg);
	padding: 0.15rem 0rem;
	border-bottom: 1px solid var(--inactive_link);
	border-radius: 0;
	/* border: 1px solid var(--inactive_link); */
  }
  .shop_btn a .bi{
				    font-size:11px !important;
				}
  .shop_btn .btn svg,.shop_btn a svg{
	width: 10px;
	height: 10px;
	color: var(--black_bg);
  }
  .shop_btn .btn:hover,.shop_btn a:hover{
	text-decoration:none;
	color: var(--black_bg);
  }
  
  .shop_btn {
/**	margin-top: 20px;**/
  }
  
  /*******Splash Screen *********/
  .splash_screen {
	width: 100%;
	height: 100vh;
	background-color: var(--brand_color);
	position: fixed;
	z-index: 99999999;
	top:0;
	 opacity: 1;
    transition: opacity .5s ease-in-out;
  }
  .splash_screen.faded {
    opacity: 0;
}
  .splash_screen .item_box {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
  }
  
  .splash_screen .item_box .items span {
  font-family: 'Outfit-Light', sans-serif;
  color: #000;
  font-size: 1.1rem;
  margin: 5px 1px;
}

  .splash_screen h1 {
  width: 100%;
  position: absolute;
  bottom: 65px;
  text-align: center;
  font-family: 'Outfit-Bold', sans-serif;
}
  .hero {
	background: var(--brand_color);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 50vh;
	position: relative;
	margin-top: 50px;
  }
  
  .hero .text_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	padding: 30px;
  }
  
  .hero .text_box h1 {
	font-family: 'Outfit-Bold', sans-serif;
	color: #000;
	font-size: 4.5rem;
	line-height: 1.2;
	font-weight: bolder;
	margin-bottom: 0;
  }
  .hidden{
      display:none;
  }
  .insight-btn{
      border:1px solid var(--inactive_link);
      font-size:11px;
      width:80%;
      margin-top:15px;
      height:25px;
      padding:0px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-family: 'Outfit-Light', sans-serif;
      border-radius:15px;
  }
  .container-fluid{
      margin:0 auto;
      overflow-x:hidden;
  }
 .item-select-container{
      display:flex;
      justify-content:space-between;
      align-items:center;
  }
   .item-select-container .desc span{
      font-size:11px;
      color:#666;
      line-height:3px !important;
  }
  
   .item-select-container .desc{
      width:78%;
  }
  .item-select-container svg,.item-select-container i{
      color:#000 !important;
  }
  .shop_disabled i,.shop_disabled .desc p{
       color:#666 !important;
   }
   .open-shop-btn{
       width:100%;
       margin-top:30px;
   }
  .store-front-head h3{
      font-size:0.8em;
      text-align:center;
      margin-top:20px;
      margin-bottom:10px;
      font-weight:100;
      font-family: 'Outfit-Medium', sans-serif
  }
  .store-front-head p{
      font-size:11px;
      color:#666;
      text-align:center;
  }
  .top-border{
      border-top: var(--border-bottom);
  }
  .material-symbols-outlined{
      color:#000;
      font-size:20px !important;
  }
  .filter-icon{
      width:37px;
  }
  .filter__{
	      font-size:24px !important;
	      color: #000;
	      margin-top:-7px;
	  }
  .rate-card{
      display:flex;
      flex-direction:column;
      height:200px;
      border-radius:15px;
      border:1px solid #fafafa;
      overflow:hidden;
      box-shadow: 0px 5px 15px 0px rgba(0,0,0,.3);
      margin-top:30px;
      z-index:2;
  }
  .rate-card-top{
      display:flex;
      justify-content:center;
      align-items:center;
      height:50%;
      background:var(--brand_color);
  }
  .rate-card-top span{
      font-size:25px !important;
      color:#fff;
  }
  .rate-card-rate{
      height:20px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      font-weight:bold;
      font-family: 'Outfit-Light', sans-serif;
      font-size:13px;
      padding:20px;
  }
  .rate-card-rate span:nth-child(2){
      color:#619cfa;
  }
  .rate-card-desc{
      font-size:13px;
      padding:0 20px;
     
  }
  .rate-card-form label{
      font-family: 'Outfit-Light', sans-serif;
  }
  .rate-card-form{
      padding:15px;
      box-shadow: 0px 5px 15px 0px rgba(0,0,0,.3);
      border-radius:15px;
      border:1px solid #fafafa;
      z-index:1;
  }
  .btn-bgs {
  background: #f9a11b;
  color: #000;
  font-family: 'Spinnaker', sans-serif;
  font-size: 15px;
  box-shadow: 0px 5px 5px rgba(0,0,0,.1);
  padding: 7px 20px;
  border: none;
  font-family: 'Outfit-Light', sans-serif;
}
.trash-btn{
    background:red;
}
.search-group{
    margin-bottom:0px;
    width:75%;
}
.search-nav{
    padding-bottom:10px;
}
.search-group input{
    height:30px;
    border-radius:10px;
    background:#fafafa;
    outline:none !important;
    font-family: 'Outfit-Light', sans-serif;
    font-size:13px;
}
.search-group input::placeholder{
    opacity:.6;
}
input:focus{
  border: 1px solid #ced4da !important;
  outline: none !important;
 box-shadow: none !important;
}
.btn{
    outline: none !important;
    box-shadow: none !important;  
}
button:focus {
  outline: none !important;
 box-shadow: none !important;
}

  .signup_box {
	width: 100%;
	height: 100vh;
	background: linear-gradient(to left, rgba(255, 255, 255, .93), rgba(255, 255, 255, .93)), url('https://static.vecteezy.com/system/resources/previews/004/230/475/original/abstract-wavy-stripes-on-a-white-background-isolated-wave-line-art-curved-smooth-design-illustration-eps-10-free-vector.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
/**	background: var(--brand_color);**/
  }

  .signup_box.form {
	background: var(--brand_color);
  }

  .signup_box .blog_logo img{
	margin-top: 50px;
  }

  .signup_box .form_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35%;
	background-color: var(--white_bg);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	padding: 30px 50px;
	border-radius: 10px;
  }

  .signup_box .inner_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	background-color: var(--white_bg);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	padding: 30px 50px;
	border-radius: 10px;
  }

  .signup_box .form_box input{
	font-family: 'Outfit-Light', sans-serif;
	color: var(--black_bg);
	font-size: 14px;
  }

  .signup_box .form_box input::placeholder{
	color: var(--inactive_link);
	font-size: 13px;
  }

  .signup_box .form_box label{
	font-family: 'Outfit-Light', sans-serif;
	color: var(--black_bg);
	font-size: 14px;
  }

  .signup_box .form_box .heading h2{
	font-family: 'Outfit-Bold', sans-serif;
	color: var(--black_bg);
	font-size: 2em;
	/* border-bottom: var(--border-bottom); */
	padding-bottom: 20px;
	margin-bottom: 30px;
  }

  .signup_box .form_box button,.process-form{
	font-family: 'Outfit-Medium', sans-serif;
	color: var(--black_bg) !important;
	font-size: 15px;
	background-color: var(--brand_color) !important;
  }
 
  .signup_box .form_box a{
	font-family: 'Outfit-Medium', sans-serif;
	color: var(--brand_color);
	font-size: 15px;
	background-color: var(--white_bg);
	border: 2px solid var(--black_bg);
  }

  .signup_box .signup_footer {
	position: absolute;
	bottom: 20px;
	width: 100%;
	background: var(--brand_color);
  }

  .signup_box .signup_footer .text_box p{
	font-family: 'Outfit-Light', sans-serif;
	color: var(--black_bg);
	font-size: 15px;
	margin-bottom: 0;
  }

  .signup_box .signup_footer .text_box a {
	font-family: 'Outfit-Light', sans-serif;
	color: var(--black_bg);
	font-size: 15px;
	text-decoration: none;
	margin: 0 5px;
  }
  .signup_box .signup_footer .text_box {
	padding: 0 40px;
  }

  .signup_box .inner_box .title {
	padding: 20px 15px;
	}

	.signup_box .inner_box .title h2{
	font-family: 'Outfit-Bold', sans-serif;
	color: var(--brand_color);
	font-size: 13px;
	text-transform: uppercase;
	}

	.signup_box .inner_box .title h1{
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 20px;
		}

  .signup_box .inner_box .faq {
	padding: 20px 15px;
	}


	.signup_box .inner_box .faq .card-header {
	background: transparent;
	}
	.signup_box .inner_box  .faq .card {
	background: transparent;
	border: none;
	}
	.signup_box .inner_box  .faq .card .card-body {
	background: #fff;
	}
	.signup_box .inner_box .faq .card .card-header  .card_header_icon {
	float: right;
	}
	.signup_box .inner_box  .faq .card .card-header  .card_header_icon i {
	font-size: 20px;
	transition: all .3s ease-in-out;
	}

	.signup_box .inner_box  .faq .card .card-header button {
	text-decoration: none;
	color: #000;
	font-family: 'Outfit-Light';
	font-size: .5em;
	line-height: 30px;
	border-radius: 0;
	padding: 20px 0px;
	border-bottom: var(--border-bottom);
	transition: all .5s ease-in-out;
	}
	
	.signup_box .inner_box .faq .card .card-header button:hover {
	color: var(--brand_color);
	}
	.signup_box .inner_box .faq .card .card-header {
	padding: 0;
	}
	.signup_box .inner_box .faq .card .card-body {
	font-family: 'Outfit-Light', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: .9em;
	margin-bottom: 15px;
	line-height: 30px;
	}

	.signup_box .radio_btn_box{
		padding: 20px 30px;
	}

	.signup_box .radio_btn_box .plan_select{
		border: var(--border);
		margin-bottom: 20px;
		padding: 20px;
		border-radius: 10px;
		cursor: pointer;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
	}
	
   
	.signup_box .radio_btn_box .plan_select.active_input{
		border: 1px solid var(--brand_color);
	}

	.signup_box .radio_btn_box .plan_select .radio_btn,.store-front-details .radio_btn_box .shop_select .radio_btn,.delivery-data-box .radio_btn{
		width: 25px;
		height: 25px;
		position: relative;
		border: 1px solid #999;
		border-radius: 50%;
		display:flex;
		align-items:center;
	    justify-content:center;
	}

	.signup_box .radio_btn_box .plan_select.active_input .radio_btn .inner_radio_box,
	.store-front-details .radio_btn_box .shop_select.active_input .radio_btn .inner_radio_box,.delivery-data-box.active_input .radio_btn .inner_radio_box{
		width: 15px;
		height: 15px;
		/*position: absolute;*/
		border-radius: 50%;
		background: var(--brand_color);
		top: 50%;
		left: 50%;
		/*transform: translate(-50%, -50%);*/
	}

	.signup_box .radio_btn_box .plan_select .text_box h3{
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 1em;
	}


	.signup_box .radio_btn_box .plan_select .text_box p{
		font-family: 'Outfit-Light', sans-serif;
		color: #999;
		font-size: 14px;
		margin-bottom: 0;
	}

	.signup_box .radio_btn_box .plan_select .price_box h2{
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 1em;
	}

	.signup_box .radio_btn_box .next_btn a,.register-plan-btn{
		font-family: 'Outfit-Medium', sans-serif;
		color: var(--black_bg);
		font-size: 15px;
		background-color: var(--brand_color);
	  }
	  .upgrade-plan-btn{
	     background-color: var(--brand_color); 
	     padding:0;
	     height:63px;
	  }
	  .details .d-item {
	      padding-left:20px !important;
	  }
        .upgrade-plan-btn a p{
            color: #000 !important;
            font-weight:bold;
            font-size:14px;
            display:block !important;
	      text-align:center;
        }
    .upgrade-plan-btn a{
            height:100%;
            width:100%;
            display:block !important;
        }
	  .signup_box .radio_btn_box .next_btn{
		margin-bottom: 20px;
	  }

	  .signup_box .radio_btn_box .break_btn a{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 13px;
		text-decoration: none;
		border-bottom: 1px solid var(--inactive_link);
		padding-bottom: 5px;
	  }

	  .signup_box .radio_btn_box .break_btn a svg{
		width: 12px;
		height: 12px;
	  }

	  .signup_box .payment_gateway_pop {
		padding: 30px;
	  }

	  .signup_box .payment_gateway_pop .box{
		width: 100%;
		height: 50vh;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
	  }

	  .signup_box .payment_gateway_pop .box .heading {
		background-color: #f2f2f2;
		padding: 20px;
	  }

	   .signup_box .payment_gateway_pop .box .heading p{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 15px;
		margin-bottom: 0;
	  }

	 .signup_box .payment_gateway_pop .box .heading h3{
		font-family: 'Outfit-Medium', sans-serif;
		color: var(--black_bg);
		font-size: 13px;
		margin-bottom: 0;
		text-transform: uppercase;
	  }

	 .signup_box .payment_gateway_pop .box .heading h3 i{
		color: var(--brand_color);
	  }

	  .signup_box .inner_box .header h2{
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 2em;
	  }


	  .signup_box .inner_box .header {
		margin: 30px 0;
		margin-top: 0;
	  }

	  .signup_box .inner_box .header p{
		font-family: 'Outfit-Light', sans-serif;
		color: #999;
		font-size: 15px;
	  }

	  .signup_box  .inner_box .plan_box {
		border: var(--border);
		padding: 20px 30px;
		border-radius: 10px;
	  }

	  .signup_box  .inner_box .plan_box.active {
		border: 1px solid var(--brand_color);
		padding: 0px 0px;
		border-radius: 10px;
	  }

	  .signup_box  .inner_box .plan_box.active .plan_header{
		background: var(--brand_color);
		border-top-left-radius: 9px;
		border-top-right-radius: 9px;
		padding: 10px;
		margin-bottom: 20px;
	  }

	  .signup_box  .inner_box .plan_box.active .plan_header h4{
		font-family: 'Outfit-Medium', sans-serif;
		color: var(--black_bg);
		font-size: 13px;
		text-transform: uppercase;
		margin-bottom: 0;
		font-weight: 900;
	  }

	  .signup_box .inner_box .plan_box.active .intro {
		padding: 20px 30px;
	  }

	  .signup_box .inner_box .plan_box h3{
		font-family: 'Outfit-Medium', sans-serif;
		color: var(--black_bg);
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 25px;
	  }

	  .signup_box .inner_box .plan_box h2{
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 2.5em;
		margin-bottom: 25px;
	  }

	  .signup_box .inner_box .plan_box p{
		font-family: 'Outfit-Light', sans-serif;
		color: #999;
		font-size: 15px;
		margin-bottom: 25px;
	  }

	  .signup_box .inner_box .plan_box a{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 15px;
		background-color: #f2f2f2;
		border: 1px solid #aeaeae;
	  }

	  .signup_box .inner_box .plan_box .list ul li {
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 15px;
		padding:7px 0;
	  }

	  .signup_box .inner_box .plan_box .list ul  {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-top: 20px;
		padding-left: 10px;
	  }

	  .signup_box .inner_box .plan_box.active .list ul  {
		padding-left: 40px;
		padding-bottom: 15px;
	  }

	  .signup_box .inner_box .blog_logo img {
		margin-top: 0px;
		margin-bottom: 20px;
	  }
	  
 .mediaBody .media-card{
      display:flex;
      flex-direction:column;
  }	 
   .mediaBody .media-card .img-card{
      height:150px;
      width:100%;
      border: 5px solid #ebebeb;
      padding:5px;
      position:relative;
  }	
  .copy-icon svg{
      width:15px;
      height:15px;
      cursor:pointer;
  }
   .mediaBody .media-card .img-card img{
      height:100%;
      width:100%;
      object-fit:cover;
  }	
   .mediaBody .media-card .img-card-title p{
       margin:0;
   }
 .mediaBody .media-card .img-card-title{
      height:40px;
      background:#fff;
      padding:0px 5px;
      display:flex;
      align-items:center;
      justify-content:space-between;
  }
  .mediaBody .media-card .media-tools{
      height:100%;
      width:100%;
      background-color:rgba(0,0,0,0.3);
      position:absolute;
      z-index:1;
      top:0;
      right:0;
      display:none;
      align-items:center;
      justify-content:center;
      gap:10px;
  }
  .mediaBody .media-card:hover .media-tools{
      display:flex;
      cursor:pointer;
  }
   .mediaBody .media-card .media-tools span,.mediaBody .media-card .media-tools a{
       height:25px;
      width:25px;
      background:var(--brand_color);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
   }
   .mediaBody .media-card .media-tools span svg,.mediaBody .media-card .media-tools a svg{
         color:#000;
       height:15px;
      width:15px;
   }
  @media screen and (max-width:1550px) {
		.signup_box .inner_box {
			padding: 20px 20px;
		}
		.signup_box .inner_box.pricing {
			padding: 30px 20px;
		}
		.signup_box .radio_btn_box {
			padding: 20px 0px;
		}
		.signup_box .radio_btn_box .plan_select .price_box h2 {
			font-size: 1em;
		}
		.signup_box .inner_box .faq {
			padding: 0px 5px;
		}
		.signup_box .blog_logo img {
			margin-top: 20px;
			width: 100px;
			height: auto;
		}
		.signup_box .inner_box .blog_logo img {
			margin-top: 0px;
			margin-bottom: 10px;
		}
		.signup_box .inner_box .header p {
			margin-bottom: 10px;
		}
		.signup_box .inner_box .plan_box h3 {
			font-size: 14px;
			margin-bottom: 15px;
		}
		.signup_box .inner_box .plan_box h2 {
			font-size: 2em;
			margin-bottom: 15px;
		}
		.signup_box .inner_box .plan_box p {
			font-size: 13px;
			margin-bottom: 15px;
		}
		.signup_box .inner_box .plan_box.active .list ul {
			margin-top: 0;
		}
		.signup_box .form_box {
			padding: 30px 30px;
			border-radius: 10px;
		}
	  }
	  
	    	@media screen and (max-width: 950px) {
	.mobile {
		display: block;
	  }
	  .navbar-light.mobile {
		display: flex;
	  }
	  .desktop {
		display: none;
	  }
	.appBody .profile_header .img_box {
		width: 60px;
		height: 60px;
	  }

	  .appBody .profile_header .text_box {
		margin-top: 10px;
	  }

	  .appBody .tab_list .inner_box .item_box, .story-modal .item_box, .attachStoryBox .item_box {
		padding: 10px;
		width: 100%;
		max-height: 290px;
		/**border: none !important;**/
		border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
		margin-bottom: 20px;
	  }
	  .appBody .tab_list .inner_box .media_box{
		padding: 20px;
		max-height: 590px;
	
	  }

	  .appBody .tab_list .inner_box .item_box .bottom_icons {
		margin-top: 15px;
	  }


	  .appBody .tab_list .inner_box .item_box .news_card_img,.pg-product-wrap .news_card_img .img {
		width: 100%;
		height: 120px;
		/*border: 5px solid #ebebeb;*/
		padding: 5px;
	  }
	  .appBody .tab_list .inner_box .item_box .inner_text_box {
		margin-top: 0px;
	  }
	  .appBody .tab_list .inner_box .item_box .text_box h2, .overlay-video-container .text_box h2 {
		font-size: 12px;
		line-height: 16px;
		margin-top: 2px;
	  }
	  .appBody.home .tab_list .inner_box,.pg-product-wrap {
		margin-top: 0px;
		padding: 0 0px;
	  }
	  .hero .text_box h1 {
		font-size: 3.5rem;
		line-height: 1.2;
	  }
	  .hero {
		width: 100%;
		height: 40vh;
	  }
	  .appBody .tab_list .inner_box .item_box .source_box .img_box {
		width: 30px;
		height: 30px;
		background: #f9f9ef;
	  }
	  .appBody .tab_list .inner_box .item_box .source_box .item_text_box {
		margin-top: 0px;
		flex-grow:1;
		width:100px;
	  }
	  .appBody .tab_list .inner_box .item_box .source_box .item_text_box h4 {
		font-size: 12px;
	  }


	  .signup_box .blog_logo img{
		margin-top: 20px;
		width: 120px;
		height: auto;
	  }

	  .signup_box .form_box .blog_logo img{
		margin-top: 0px;
		margin-bottom: 20px;
		width: 150px;
		height: auto;
	  }
	
	  .signup_box .form_box {
		width: 90%;
		height: auto;
		padding: 15px 20px;
		border-radius: 5px;
	  }
	
	  .signup_box .form_box input,
	  .signup_box .form_box select{
		font-size: 13px;
	  }
      .signup_box .form_box .flag-icon{
          background-size:cover;
          line-height:21px;
      }
      .prefix-select{
          border-top-right-radius:0px;
          border-bottom-right-radius:0px;
      }
      .register-phone{
          border-top-left-radius:0px;
          border-bottom-left-radius:0px;
      }
      .flag-icon{
          border-radius:0px;
      }
	  .signup_box .signup_footer {
		position: absolute;
		bottom: 10px;
		width: 100%;
		display: none;
	  }

	  .signup_box .form_box .heading h2 {
		font-size: 1.5em;
		padding-bottom: 20px;
		margin-bottom: 0px;
		border-bottom: none;
	}
	
	  .signup_box .signup_footer .text_box p{
		font-size: 13px;
	  }
	
	  .signup_box .signup_footer .text_box a {
		font-size: 13px;
		margin: 0 5px;
	  }

	  .signup_box .signup_footer .text_box {
		padding: 0 0px;
	  }

	  .signup_box .signup_footer .text_box.text-left, .signup_box .signup_footer .text_box.text-right {
		text-align: center !important;
	  }

	  .signup_box .inner_box .faq {
		padding: 0px 15px;
		padding-bottom: 0px;
	}

	.signup_box .inner_box {
		width: 90%;
		/*height: 95vh;*/
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-color: rgba(0,0, 0,.1) #f2f2f2;
		scrollbar-width: thin;
		scroll-behavior: smooth;
		padding: 20px 0px;
	  }
	.signup_box .plan-box {
		height: auto;
	    
	}
	.signup_box .blog_logo{
	    position:fixed;
	    z-index:9999999;
	    background:#fff;
	}
	  .signup_box .inner_box .title {
		padding: 0px 15px;
		text-align: center;
	  }

	  .signup_box .inner_box .faq .card .card-body {
		font-size: .8em;
		margin-bottom: 5px;
		line-height: 25px;
		padding: 10px;
	  }

	  .signup_box .radio_btn_box {
		padding: 20px 10px;
	  }

	  .signup_box .radio_btn_box .plan_select {
		margin-bottom: 20px;
		padding: 10px 15px;
	  }

	  .signup_box .radio_btn_box .plan_select .radio_btn {
		width: 20px;
		height: 20px;
	  }
	  .signup_box .radio_btn_box .plan_select.active_input .radio_btn .inner_radio_box {
		width: 10px;
		height: 10px;
	  }
	  .signup_box .radio_btn_box .plan_select .text_box p {
		font-family: 'Outfit-Light', sans-serif;
		color: #999;
		font-size: 12px;
		margin-bottom: 5px;
	  }

	  .signup_box .radio_btn_box .plan_select .price_box h2 {
		font-size: 1em;
		margin-bottom: 0;
	  }

	  .payment_gateway_pop {
		padding: 10px;
	  }

	  .payment_gateway_pop .box .heading {
		padding: 15px;
	  }

	  .signup_box .inner_box.pricing {
		/*height: 95vh;*/
		padding: 20px 20px;
	  }

	  .signup_box .inner_box .blog_logo img {
		margin-top: 0px;
		margin-bottom: 10px;
	  }

	  .signup_box .inner_box .header h2 {
		font-size: 1.5em;
	  }

	.signup_box .inner_box .plan_box {
		padding: 15px 20px;
		margin-bottom: 30px;
	}

	.signup_box .inner_box .plan_box.active .intro {
		padding: 15px 20px;
	  }

	.signup_box .inner_box .plan_box h2 {
		font-size: 2em;
		margin-bottom: 10px;
	  }

	  .signup_box .inner_box .plan_box h3 {
		margin-bottom: 10px;
	  }

	  .signup_box .inner_box .plan_box p {
		margin-bottom: 15px;
		font-size: 13px;
	  }

	  .signup_box .inner_box .plan_box .list ul li {
		font-size: 13px;
		padding: 5px 0;
	  }

	  .signup_box .inner_box .plan_box.active .plan_header {
		margin-bottom: 10px;
	  }
	  .signup_box .inner_box .plan_box.active .list ul {
		padding-left: 30px;
		padding-bottom: 15px;
		margin-top: 0;
	  }
	  .comment_ui{
	      width:100%;
	      max-height:70vh;
	      overflow:scroll;
	      padding:15px;
	  }
	  .modal-bar{
	      height:4px;
	      width:27px;
	      border-radius:2px;
	      background:#ccc;
	      margin: auto;
	      cursor:pointer;
	  }
	  .attribute-modal-title{
	      font-size:1em;
	  }
	  .comment_modal .heading p,.story-modal .heading p{
	      font-size: 14px !important;
		font-family: 'Outfit-Light', sans-serif !important;
		text-align:center;
		margin-top:20px;
		margin-bottom:5px;
		cursor:pointer;
	  }
	  .story-modal .heading p{
	      margin-top:10px;
	  }
	  .story-modal .heading{
	     border-bottom:1px solid rgba(0,0,0,0.07);   
	     margin-bottom:20px;
	  }
	  .view-all-comments{
	      cursor:pointer;
	       font-size: 13px !important;
	  }
	  .comment_modal .heading p{
	      font-weight:bold;
	  }
        .comment_ui .comment-actions{
            height:30px;
            /*display:flex;*/
            align-items:center;
        }
	  .comment_ui .profile .text_box {
		padding-left: 10px;
	  }
	  .comment_ui .box .responses .profile {
		margin-bottom: 0px;
	  }
	  .comment_ui .box .responses .text_box p {
		line-height: 16px !important;
		font-size: .8em;
	  }
	    .comment_ui .box .responses .text_box h3 {
		line-height: 20px !important;
	  }
	  
	  .comment_ui .box{
	      position:relative;
	      box-sizing: border-box;
	  }
	   .comment_ui .box .responses{
	      padding-bottom:65px !important;
	  }
	 .comment_ui  .collect_reviews .responses {
    padding-bottom: 5px !important;
  }
	  .comment_box-container{
	      padding: 10px 10px !important;
	      width:100%;
	      bottom:0;
	      background:#fff;
	      z-index:999999999999;
	      display:flex;
	      align-items:center;
	      border-top:1px solid rgba(0,0,0,0.06);
	  }
	  .comment-input-wrap{
	      padding: 5px 5px;
	      width:100%;
	      background:#F3F5F6;
	      display:flex;
	      align-items:center;
	      height:auto;
	      gap:4px;
	      border-radius: 30px;
	  }
	  .comment-input-wrap textarea,.comment-input-wrap textarea:focus{
	      background:#F3F5F6;
	      box-shadow:none !important;
	  }
	  .main_comment_box-container,.sub_comment_box-container{
	       position:fixed !important;
	  }
	  .comment_box-container .comment_box,.comment_box-container .reply_box{
	      flex-grow: 1;
	  }
	  .reply-close{
	      font-weight:bold;
	      font-size:10px;
	      border-bottom:1px solid #ccc;
	      cursor:pointer;
	  }
	  .comment-avatar{
	      width:40px;
	      height:40px;
	  }
	  .comment-avatar .img_box,.data_x .img_box {
	       width:40px;
	      height:40px;
	      border-radius:50%;
	      overflow:hidden;
	  }
	  .data_y .img_box{
	      border-radius:50%;
	      overflow:hidden;
	  }
	  .comment-avatar .img_box img, .data_x .img_box img{
	      width:100%;
	      height:100%;
	      object-fit:cover;
	  }
	  .comment-sender{
	      width:30px;
	      height:50px;
	      display:flex;
	      align-items:center;
	      justify-content:left;
	  }
	  .quoted-sender{
	      font-weight:bold;
	  }
	  .comment-sender svg{
	      transform:rotate(43deg);
	  }
	  .comment_box-container form .form-group{
	      width:100%;
	  }
	  .comment_ui .box .responses .comment_box p {
	/*	margin-left:-5px;*/
		margin-top:8px;
	  }
	   .comment_ui .box .responses .comment_box a {
		color:var(--brand_color);
		text-decoration:none !important;
		border-bottom:none;
		font-size: 13px;
		font-family: 'Outfit-Light', sans-serif  !important;
	  }
	  
	  .comment-sender {
          position: relative;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: var(--brand_color);
          display:flex;
          align-items:center;
          justify-content:center;
        }
        .comment_ui .box .responses .profile .text_box p a {
          color: var(--inactive_link);
          text-decoration:none !important;
          font-size:13px;
          border-bottom:none;
          font-family: 'Outfit-Light', sans-serif  !important;
        }
        .comment_ui .box .responses .action_btn{
            margin-top:10px;
        }
      .load-replies {
    font-family: 'Outfit-Light', sans-serif !important;
    font-size: .8em;
    margin-bottom: 0px;
    color: var(--black_bg);
   /* background-color: rgba(0, 0, 0, .05);*/
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
    float: left;
    text-align: center;
    padding: 10px;
  }
        .load-replies:hover{
            color: var(--black_bg);
            background-color:var(--brand_color);
            transition:0.3s all;
        }
        .loading-replies{
            color:var(--brand_color) !important;
            font-size:13px;
            font-family: 'Outfit-Light', sans-serif  !important;
        }
        .reply_btn{
            display:flex;
            height:30px;
            align-items:center;
            gap:10px;
        }
        .reply_btn svg{
            height:15px;
            width:15px;
        }
        .comment_ui .box .user_response{
            border-left:0;
            padding-left:0;
        }
        .comment_ui .box .responses .profile p{
          line-height:20px !important;
        }
	.comment_ui .box .user_response .form-group textarea {
		font-size: 13px;
		margin: 10px 0;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.comment_ui .box .user_response .form-group button {
		font-size: 13px;
		padding: 7px 20px;
	}
	.comment_ui .box .input_box .form-group button {
		font-size: 13px;
		padding: 7px 25px;
	}
.comment_ui .box .responses .comment-user-profile-wrap{
      display:flex;
      min-height:50px;
      align-items:center;
  }
.comment_ui .box .responses .comment-user-profile-wrap h3{
  font-family: 'Outfit-Medium', sans-serif;
  font-size: .9em;
  margin-bottom: 0px;
  color: var(--black_bg);
  font-weight: 900;
}
.comment_ui .box .responses .comment-user-profile-wrap .profile .text_box p {
  color: var(--inactive_link);
  font-size: .8em;
  margin:0;
}
.comment_ui .box .responses .data_x{
    background-color: #F3F5F6;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
   margin-top:40px;
   width:100%;
   padding:10px 10px 10px 15px;
   float: left;
}
.comment_ui .box .responses .data_y{
    background-color: #F3F5F6;
    border-bottom-right-radius: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width:100%;
     padding:10px 10px 10px 15px;
    float: right;
}
.comment_ui .box .user_reply {
    margin-top:0px;
    float:left;
}
.comment-user-profile-wrap .img_box{
  height:50px;
  width:50px;
  border-radius:50%;
}
.comment_ui .box .responses .comment-user-profile-wrap .img_box img{
  height:100%;
  width:100%;
  object-fit:cover;
}
.comment_ui .box .responses .reply_btn .reply_toggle {
    background-color:rgba(0,0,0,0);
}
	.signup_box .payment_gateway_pop {
		padding: 20px;
	}
  }
	    /*******Latest styles *********/
  .appBody .items .nav_ul {
	margin: 0;
	padding: 0 20px;
	margin-top: 30px;
  }

  .appBody .items .nav_ul li{
	list-style: none;
	padding: 20px 0;
	border-bottom: var(--border-bottom);
  }

  .appBody .items .nav_ul li a{
	font-family: 'Outfit-Light', sans-serif;
	color: var(--black_bg);
	font-size: 14px;
	text-decoration: none;
	display:flex;
	width:100%;
	height:100%;
	justify-content:space-between;
	align-items:center;
  }
  .appBody .items .nav_ul li a svg{
	width: 15px;
	height: 15px;
	margin-right: 15px;
  }

  .appBody .items .nav_ul li span svg{
	width: 15px;
	height: 15px;
  }
  
  .appBody .tab_list.tri_tab {
    margin-top: 0px;
}

  .appBody .tab_list.tri_tab .d-flex ul li {
    width: 33.3%;
    text-align: center;
}

.appBody .tab_list.tri_tab .inner_box {
    margin-top: 20px;
    padding: 20px 20px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .09);
	border-radius: 10px;
}
.attachmentBox .inner_box{
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .09) !important;
    margin-top: 20px;
    padding: 0 10px !important;
}
.appBody .tab_list.double_tab .inner_box {
    margin-top: 20px;
    /* padding: 20px 20px; 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .09);*/
	border-radius: 10px;
}
 .search-body .tab_list.double_tab .inner_box {
     	box-shadow: 0 0 0px 0 rgba(0, 0, 0, .09);
 }

.appBody .profile_header h2.heading_two {
	font-family: 'Outfit-Bold', sans-serif;
    font-size: 1.5em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.appBody .items .group-heading h2 {
	font-family: 'Outfit-Bold', sans-serif;
    font-size: 1em;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.appBody .items .group-heading h2 span {
	font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 12px;
	cursor: pointer;
}


.appBody .items .group-heading h2 span svg{
	width: 12px;
	height: 12px;
  }

.appBody .items .form-group label {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
	margin-bottom: 10px;
}
.appBody .items .form-group span {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 12px;
	cursor: pointer;
	/* border-bottom: 1px solid var(--black_bg); */
	/* padding-bottom: 2px; */
}

.appBody .items .form-group span svg{
  width: 12px;
  height: 12px;
}

.appBody .items .form-group input {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
}

.appBody .items .form-group textarea {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
}

.appBody .items .form-group select,.appBody .items .form-group .custom-select option {
    font-family: 'Outfit-Light', sans-serif !important;
    color: var(--black_bg);
    font-size: 13px !important;
}

.appBody .items .form-group button {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--white_bg);
	background-color: var(--brand_color);
    font-size: 13px;
}

.appBody .items .form-group input::placeholder {
    color: var(--inactive_link);
    font-size: 13px;
}

.modal.fade .modal-header h5 {
	font-family: 'Outfit-Bold', sans-serif;
    color: var(--black_bg);
    font-size: 1.3em;
}


.modal.fade .modal-body .form-group label {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
	margin-bottom: 10px;
}
.data-wrapper.modal-body .form-group label {
    font-family: 'Outfit-Bold', sans-serif;
	margin-bottom: 0px !important;
}
.data-wrapper.modal-body .form-group,.data-wrapper.modal-body .form-group p {
    margin: 0px !important;
}
.modal.fade .modal-body .form-group input {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
}

.modal.fade .modal-body  .form-group select {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
}

.modal.fade .modal-footer  button {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--white_bg);
	background-color: var(--black_bg);
    font-size: 13px;
	border: none;
}

.appBody .items .variation_group .varition_container{
	border-radius: 5px;
	border: var(--border);
	padding: 10px;
	margin-bottom: 20px;
}

.appBody .items .variation_group .varition_container .btn_remove_group {
	font-family: 'Outfit-Light', sans-serif;
    color: var(--danger);
	font-size: 12px;
	cursor: pointer;
}


.appBody .items .item_group .item_container{
	border-radius: 5px;
	border: var(--border);
	padding: 10px;
	margin-bottom: 20px;
}

.appBody .items .item_group .item_container .btn_remove_item {
	font-family: 'Outfit-Light', sans-serif;
    color: var(--danger);
	font-size: 12px;
	cursor: pointer;
}

.appBody .items .attr_group .attr_container{
	border-radius: 5px;
	border: var(--border);
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.appBody .items .attr_group .attr_container .btn_remove_attr {
	font-family: 'Outfit-Light', sans-serif;
    color: var(--danger);
	font-size: 12px;
	cursor: pointer;
}

.settings_ui .close_btn, .product_details .close_btn{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50px;
	height: 10px;
	background-color: var(--inactive_link);
	border-radius: 15px;
	z-index:10;
  }

  .appBody .items .tab_list .tab-content .search-box{
    margin-top: 20px;
    background: #f7f5f5;
    padding: 0 0px;
    border-radius: 5px;
	margin-bottom: 20px;
}
.appBody .items .tab_list .tab-content .search-box input{
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
    padding: 7px 10px;
    /* padding: 0 20px; */
}

 .appBody .items .tab_list .tab-content .search-box input::placeholder{
    font-family: 'Outfit-Light', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #aeaeae;
}

.appBody .items .tab_list .tab-content .search-box .la-search{
	margin-top: 15px;
	margin-left: 10px;
	color: #aeaeae;
	font-size: 15px;
 }

 .appBody .items .tab_list .tab-content .menu_item_box {
	margin-bottom: 10px;
	padding: 15px 20px;
	border-bottom: var(--border-bottom);
	cursor: pointer;
	position:relative;
 }

 .appBody .items .tab_list .tab-content .menu_item_box .img_box{
	width: 50px;
	height: 50px;
	border: 1px solid #f2f2f2;
	border-radius: 20px;
 }

 .appBody .items .tab_list .tab-content .menu_item_box .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
 }

 .appBody.product_ui .items .tab_list .inner_box{
	box-shadow: none;
	margin-top: 0;
	/* padding: 0 15px; */
  }

  .appBody.product_ui .items .tab_list {
	margin-top: 0;
  }
    .pg-product-view{
        border-bottom:1px solid rgba(0,0,0,0.07);
    }
 .appBody .items .tab_list .tab-content .menu_item_box .text_box h2{
	font-family: 'Outfit-Bold', sans-serif;
    font-size: 1em;
    color: var(--black_bg);
	margin-bottom: 0px;
 }

 .appBody .items .tab_list .tab-content .menu_item_box .text_box h3{
	font-family: 'Outfit-Bold', sans-serif;
    font-size: .8em;
    color: var(--black_bg);
	margin-bottom: 2px;
 }


 .appBody .items .tab_list .tab-content .menu_item_box .text_box p,
 .appBody .items .tab_list .tab-content .menu_item_box .text_box h2 span{
	font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
    color: var(--inactive_link);
	margin-bottom: 0;
 }
.view_orders a.menu_item_box{
    color:#000;
    display:block;
}
.view_orders a.menu_item_box:hover{
    color:#000;
    text-decoration:none;
}
.view_orders a.menu_item_box .arrow_icon{
     color: var(--inactive_link);
}
 /* .appBody .items .tab_list .tab-content .menu_item_box .text_box {
	margin-top: 13px;
 } */

 .appBody .items .tab_list .tab-content .menu_item_box  .arrow_icon{
	margin-top: 10px;
 }

  /*****Order details UI******/
  .order-display{
      display:flex;
      gap:10px;
  }
  .order_details {
	position: fixed;
	bottom: -100%;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 90vh;
	background: var(--white_bg);
	transition: all .5s ease-in-out;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 20px 15px;
	padding-bottom: 40px;
	overflow: scroll;
  }
  
  .order_details .header_data {
	padding: 0 15px;
  }
  .order_details.active {
	bottom: 0 !important;
  }
  
  .order_details .active_btn {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 auto;
  }
  
  .order_details .active_btn svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
  }
  
  .order_details .active_btn.success svg {
	color: var(--success);
  }
  
  .order_details .active_btn.danger svg {
	color: var(--danger);
  }
  
  .order_details .active_btn.success {
	background: rgba(131, 207, 54, .2);
  }
  
  .order_details .active_btn.danger {
	background: rgba(167, 24, 24, .2)
  }
  
  .order_details .top_val {
	text-align: center;
	margin-bottom: 20px;
  }
  
  .order_details .top_val .amount_val h2 {
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 1.5em;
	color: var(--black_bg);
	margin-bottom: 0;
	margin-top: 10px;
  }
  
  .order_details .details .item {
	padding: 20px 0;
	border-bottom: var(--border-bottom);
  }
  
  .order_details .details .item .textBox.header p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--inactive_link);
	margin-bottom: 0;
  }
  
  .order_details .details .item .textBox.body p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--black_bg);
	margin-bottom: 0;
  }
  
  .order_details .details .item .textBox.body p svg {
	width: 15px;
	height: 15px;
	margin-right: 10px;
  }

  .order_details .details .img_box {
    width: 100%;
    height: 120px;
    margin-bottom: 0px;
    border: 5px solid #ebebeb;
    padding: 5px;
  }

  .order_details .details .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
  }

  .order_details .details .order_data{
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    border: var(--border);
    border-radius: 5px;
     padding: 20px; */
    margin-bottom: 30px;
  }

  .order_details .details .order_data h1 {
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1.2em;
    color: var(--black_bg);
    margin-bottom: 30px;
    border-bottom: var(--border);
    padding: 10px 0;
}

.order_details .details .order_data h2 {
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1em;
    color: var(--black_bg);
}

.order_details .details .order_data h4 {
    font-family: 'Outfit-Bold', sans-serif;
	font-weight: 800;
    font-size: .8em;
    color: #333;
    margin-bottom: 6px;
}

.order_details .details .order_data h5 {
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1.5em;
    color: var(--black_bg);
    margin: 10px 0;
}

.order_details .details .order_data .header_data p {
    font-family: 'Outfit-Light', sans-serif;
    font-size: .9em;
    color: var(--inactive_link);
}

.order_details .details .order_data h4 span{
   color: var(--inactive_link);
}

.order_details .details .order_data span.title {
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1em;
    color: var(--black_bg);
    text-decoration: none;
}

.order_details .details .order_data .item_box {
    padding: 15px 25px;
    border: var(--border);
    margin-bottom: 20px;
}

.order_details .details .order_data .item_box span {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
    color: var(--inactive_link);
    margin-bottom: 0;
}

.order_details .details .order_data .item_box p {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
    color: var(--black_bg);
    margin-bottom: 0;
}

/* .order_details .details .order_data .data_box .icon_box {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    background-color: #D6E7FF;
    margin-bottom: 10px;
} */

.order_details .details .order_data .data_box .icon_box i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: var(--black_bg);
}

.order_details .details .order_data .data_box {
    padding: 20px 0;
}

.order_details .details .order_data .data_box p{
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
    color: var(--black_bg);
    margin-bottom: 0;
}
.order_details .details .order_data .data_box p a{
    color: var(--black_bg);
	text-decoration: underline;
}


.order_details .details .order_data .data_box span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
    color: var(--black_bg);
    margin-bottom: 0;
}

.order_details .details .order_data span.action_btn i {
    color: var(--black_bg);
    font-size: 17px;
    margin: 0 10px;
}

.order_details .details .order_data .accordion .card .card-header {
    background-color: var(--white_bg);
    border-bottom: var(--border-bottom);
    padding: 0.75rem 1rem;
}

.order_details .details .order_data .accordion .card .card-header button.btn{
    padding: 0rem;
    color: var(--black_bg);
    text-decoration: none;
}

.order_details .details .order_data .accordion .card .card-body {
    padding: 1.25rem 1rem;
}

.order_details .card {
    border: var(--border);
    border-radius: 5px;
}

.form-step .data_box {
	/* border: var(--border); */
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
	background-color: #F9F9F9;
}

.form-step .data_box .img_box {
	width: 100%;
	height: 150px;
	/* border: 5px solid #ebebeb;
	padding: 5px; */
	margin-bottom: 30px;
  }
  .form-step .data_box .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
  }
  .form-step .data_box h2 {
	color: #000000;
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 1.2em;
	margin-bottom: 10px;
  }
  .form-step .data_box h3 {
	color: #000000;
	font-family: 'Outfit-Bold', sans-serif;
	font-size: .9em;
	margin-bottom: 0px;
  }

  .form-step .data_box p {
	color: #999;
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
  }
.button {
    padding: 0.5rem 2.5rem;
    border: 1px solid var(--brand_color);
    background-color: var(--brand_color);
    color: #000;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
}
.submit-btn {
    border: 1px solid var(--brand_color);
    background-color: var(--brand_color);
}

ul.form-stepper {
    counter-reset: section;
    margin-bottom: 3rem;
}
ul.form-stepper .form-stepper-circle {
    position: relative;
}
ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.form-stepper-horizontal li:last-child {
    flex: unset;
}
ul.form-stepper li  .form-stepper-circle {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.58);
    border-radius: 10px;
}
ul.form-stepper li  .form-stepper-circle span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

ul.form-stepper li  .form-stepper-circle span svg{ 
  width: 20px;
  height: 20px;
}

.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: var(--brand_color) !important;
    color: #fff;
}
.form-stepper .form-stepper-active .label {
    color: #4361ee !important;
}
/* .form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: #4361ee !important;
    color: #fff !important;
} */
.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #f8f7ff;
}
.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: var(--brand_color) !important;
    color: #fff;
}
.form-stepper .form-stepper-completed .form-stepper-circle svg{
    color: #fff;
}

.form-stepper .form-stepper-completed .label {
    color: #0e9594 !important;
}
/* .form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: #0e9594 !important;
    color: #fff !important;
} */
.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}
.form-stepper .label {
    font-size: 1rem;
    margin-top: 0.5rem;
}
.form-stepper a {
    cursor: default;
}
.form-stepper-list .flex_items {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.add_product_form .tab_list.tri_tab {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3rem;
    margin-top: 20px;
}
.navbar.mobile {
	padding: 15px 0;
	padding-top: 20px;
}

.navbar.mobile .text_box h2{
	 color: #000000;
	 font-family: 'Outfit-Bold', sans-serif;
	 font-size: 1em;
	 margin-bottom: 0;
}
.categories-list-group{
    border:none;
}
.categories-list-group li{
    border:none !important;
    border-bottom:1px solid rgba(0,0,0,.125) !important;
    margin-bottom: 0px;
}
.categories-list-group li i{
    float:right;
    display:flex;
    height:20px;
    width:20px;
    border-radius:50%;
    justify-content:center;
    align-items:center;
    background:var(--brand_color);
    cursor:pointer;
}
.add_product_form .form-stepper-horizontal .form-stepper-list .text_box span{
    font-family: 'Outfit-Light', sans-serif;
    font-size: .7em;
    color: #aeaeae;
    text-transform: uppercase;
}
.add_product_form .form-stepper-horizontal .form-stepper-list .text_box h2{
    font-family: 'Outfit-Light', sans-serif;
    font-size: 1em;
    color: #000000;
}
.form-stepper-list .flex_items .line {
    position: relative;
    height: 1px;
    width: 250px;
    content: "";
    top: 20px;
    left: 10px;
}
.form-stepper-list .flex_items .line {
    background-color: #dee2e6;
}
.form-stepper-list.form-stepper-completed .flex_items .line {
    background-color: var(--brand_color);
}

.imageThumb {
    width: 100px;
    height: auto;
    max-height: 75px;
    cursor: pointer;
    border-radius: 10px;
    object-fit: cover;
}
.pip {
    display: inline-block;
    margin: 0px 10px 15px 0;
    position: relative;
}
.remove {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand_color);
  color: #000;
  cursor: pointer;
}

.remove .la-times {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
}


.select_img {
    border: 1px dashed #4E5CD4;
    padding: 25px 0;
    text-align: center;
    border-radius: 10px;
    background-color: #FBFCFD;
}
.dashboard-body input, .dashboard-body select, .dashboard-body textarea {
  border-radius: 12px;
  font-family: 'Outfit-Light', sans-serif;
}
.select_img label {
    color: #4E5CD4;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
    margin-bottom: 0;
    cursor: pointer;
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
}
#productImg {
   display: none;
}
.input_group {
    margin-bottom: 60px;
}
.input_group .form-group {
    margin-top: 20px;
}

.input_group .form-group .form-control, .input_group .form-group .custom-select{
    height: calc(2.5em + .75rem + 2px);
}


.input_group .label_group h2{
    color: #000000;
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.input_group .label_group p{
    color: #aeaeae;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
}

.input_group span {
  font-family: 'Outfit-Light', sans-serif;
  color: var(--black_bg);
  font-size: 12px;
  cursor: pointer;
}
.input_group span svg {
  width: 12px;
  height: 12px;
}
    .input_group .add_variant_item,  .input_group .add_variant_type  {
    border: 1px dashed #4E5CD4;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    background-color: #FBFCFD;
    cursor: pointer;
    }
    .input_group .add_variant_item span{
    color: #4361ee !important;
    }
    .input_group .variant_item {
    border: 1px solid #f2f2f2;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    transition:  all .5s ease-in-out;
    cursor: pointer;
    }
    .input_group .variant_item span{
    color: #000000 !important;
    }
    .input_group .variant_item.active_variant {
    border: 1px solid #000000;
    }
    .input_group .variant_item.active_variant span{
    color: #000000 !important;
    }
    .input_group .variant_type_item {
    border: 1px solid #f2f2f2;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    transition:  all .5s ease-in-out;
    cursor: pointer;
    }

    .input_group .active_variant_type {
    border: 2px solid var(--brand_color);
    }
    .input_group .active_variant_type span{
    color: #000000 !important;
    }
    .product-colors-wrap .selected-color{
       height:39px;
        width:39px;
         display:flex;
        justify-content:center;
        align-items:center;
        border-radius:50% !important;
    }
    .product-colors-wrap .option-box{
         margin-bottom:10px;
    }
    .collect-colors{
        display:flex;
        flex-wrap:wrap;
         gap:5px;
         margin-top:20px;
    }
    .color-box-wrap{
        height:80px;
        width:32%;
        padding:10px;
        margin-bottom:3px;
       border-radius:10px;
        border:1px solid #f6f6f6;
        
        flex-direction:column;
        justify-content:center;
    }
    
    .color-box-wrap p{
        text-transform:capitalize;
        text-align:center;
        color:11px;
    }
    .color-box-wrap .option-box{
        height:30px !important;
        width:30px !important;
        border-radius:50%;
        margin: 0 auto;
        display:flex;
        justify-content:center;
        align-items:center;
    }
  .collect-colors .color-box-wrap .color-box{
        height:26px !important;
        width:26px !important;
        border-radius:50%;
    }
    .tooltip {
            position: relative;
            display: inline-block;
        }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: #555;
            color: #fff;
            text-align: center;
            padding: 5px;
            border-radius: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -60px;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }
    .product-colors,.more-colors{
        height:32px !important;
        width:32px !important;
        border-radius:50% !important;
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
        /*border:1px solid #ccc !important;*/
    }
    .product-colors-wrap .selected-color .product-colors,.more-colors{
       box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
    }
     .more-colors{
         display:flex;
        justify-content:center;
        align-items:center;
        font-weight:bold;
        border: 1px dashed #4E5CD4 !important;
        color:#4E5CD4;
    }
    .add_variant_attr, .add-combo {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 12px;
    cursor: pointer;
    }
    .add_variant_attr svg, .add-combo svg{
    width: 12px;
    height: 12px;
    }
    .hidden{
         display:none !important;
    }
    .view-attribute{
        color: var(--black_bg);
        display:block;
        padding-left:5px;
    }
    .variant_attr_group .btn_remove_attr, .collect-combinations .btn_remove_combo{
    font-family: 'Outfit-Light', sans-serif;
    color: var(--danger);
    font-size: 12px;
    cursor: pointer;
    }
	span.danger {
		color: var(--danger);
	}

	 /*****Product details UI******/
  
	 .product_details {
		position: fixed;
		bottom: -120%;
		left: 0;
		z-index: 999999;
		width: 100%;
		
		max-height: 90vh;
		background: var(--white_bg);
		transition: all .5s ease-in-out;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		padding: 20px 15px;
		padding-bottom: 60px;
		overflow: scroll;
	  }
	  
	  .product_details.active {
		bottom: 0 !important;
	  }
	  
	  .product_details .order_data .text_box .header_data h2 {
		font-family: 'Outfit-Bold', sans-serif;
		color: var(--black_bg);
		font-size: 1.3em;
	  }

	  .product_details .order_data .text_box .header_data p {
		font-family: 'Outfit-Light', sans-serif;
		color: var(--inactive_link);
		font-size: 12px;
	  }

	  .product_details .order_data .text_box .header {
		border-bottom: var(--border-bottom);
		margin-bottom: 30px;
	  }

	   .product_details .order_data .text_box .item_box .img_box{
		width: 100%;
		height: 300px;
		border: 5px solid #ebebeb;
		padding: 5px;
		margin-bottom: 30px;
	  }

	  .product_details .order_data .text_box .item_box .img_box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	  }

	  .product_details .order_data .text_box .product_data{
		padding: 15px 0;
		border-bottom: var(--border-bottom);
	  }

	  .product_details .order_data .text_box .product_data .item_title p{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--inactive_link);
		font-size: 12px;
		margin-bottom: 0;
	  }

	  .product_details .order_data .text_box .product_data .item_body p{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 13px;
		/*font-weight: bolder;*/
		margin-bottom: 0;
	  }

	  .product_details .cta_btn{
		padding: 20px 10px;
		border-top: var(--border-top);
	  }

	  .product_details .cta_btn .delete_btn{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--black_bg);
		font-size: 14px;
		border: 2px solid var(--black_bg);
		background-color: var(--white_bg);
		border-radius: 0;
	  }

	  .product_details .cta_btn .edit_btn{
		font-family: 'Outfit-Light', sans-serif;
		color: var(--white_bg);
		font-size: 14px;
		border: 2px solid var(--black_bg);
		background-color: var(--black_bg);
		border-radius: 0;
	  }

	  @media screen and (min-width:650px) {
	
		  .order_details, .product_details {
			position: fixed;
			bottom: auto;
			left: auto;
			top: 0;
			right: -100%;
			z-index: 999999;
			width: 30%;
			height: 100vh;
			background: var(--white_bg);
			transition: all .5s ease-in-out;
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			padding: 20px 15px;
			  padding-bottom: 20px;
			padding-bottom: 40px;
			overflow: scroll;
		  }

		  .order_details.active, .product_details.active {
			right: 0 !important;
		  }
	  }
	  

    @media screen and (max-width:650px) {
		.imageThumb {
			width: 80px;
			max-height: 70px;
			border-radius: 5px;
		  }
		  .remove {
			width: 15px;
			height: 15px;
		  }
		  .remove .la-times {
			font-size: 10px;
		  }
		  .form-stepper-list .flex_items {
			gap: 5px;
		  }
		  .form-step .data_box .img_box {
			width: 100%;
			height: 100px;
			margin-bottom: 20px;
		  }
		  .input_group .form-group .form-control, .input_group .form-group .custom-select {
			height: calc(2em + .75rem + 2px);
		  }
        .add_product_form .tab_list.tri_tab {
        border-radius: 5px;
        padding: 1rem;
		margin-top: 10px;
        }
        .form-stepper-list .flex_items .line {
        width: 30px;
		left: -10px;
        }
        ul.form-stepper li .form-stepper-circle {
			margin-top: 15px;
        width: 20px;
        height: 20px;
        border-radius: 5px;
        }
        ul.form-stepper li .form-stepper-circle span svg {
        width: 10px;
        height: 10px;
        }
        .add_product_form .form-stepper-horizontal .form-stepper-list .text_box span {
        font-size: 8px;
		line-height: 0;
        }
        .add_product_form .form-stepper-horizontal .form-stepper-list .text_box h2 {
        font-size: .7em;
        margin-bottom: 0px;
        }
        ul.form-stepper {
        margin-bottom: 2rem;
        }
        .input_group .label_group h2 {
        font-size: 1em;
        margin-bottom: 7px;
        }
        .input_group {
        margin-bottom: 0px;
        /*margin-bottom: 40px;*/
		padding-bottom: 20px;
		border-bottom: 5px solid #f2f2f2;
        }
        .img_display {
        margin-top: 20px;
        }
        .coversation-attached{
            padding:5px 0;
        }
        
        .conversation_comments-form .ck-editor__top,
        .comment-textarea .ck-editor__top{
            	display:none;
        }
        .conversation_comments-form .attached-file-row{
            	background-color: #f2f2f2;
        }
        .conversation_comments-form .editor-wrap,
         .editor-form {
            	flex-grow:1;
            	max-width:calc(100% - 88px) !important;
            	max-height:80px;
            	box-shadow:none !important;
            	overflow-x:hidden !important;
            	overflow-y:scroll;
        }
       
        .conversation-input{
            position:relative;
        }
        .edge-right{
            position:absolute;
            bottom:0;
            right:2px;
        }
        .edge-left{
            position:absolute;
            bottom:0;
            left:2px;
        }
        .char-count{
            font-size:12px;
        }
        .conversation_comments-form .ck-editor,
        .editor-form .ck-editor{
            	overflow-x:hidden !important;
                max-width:100%;

        }
        .conversation_comments-form .ck-editor .ck-toolbar_grouping,
        .editor-form .ck-editor .ck-toolbar_grouping{
                display:none;
        }
        .conversation_comments-form .ck.ck-editor__main > .ck-editor__editable, 
        .conversation_comments-form .ck.ck-editor__main > .ck-editor__editable.ck-focused,
        .editor-form .ck.ck-editor__main > .ck-editor__editable,
        .editor-form .ck.ck-editor__main > .ck-editor__editable.ck-focused
        {
                border:none !important;
                box-shadow:none !important;
                background-color:#F3F5F6;
        }
        
        .conversation_comments-form .ck-editor__editable .ck-placeholder,
        .editor-form .ck-editor__editable .ck-placeholder{
                margin:0 !important;
        }
         .conversation_comments-form .ck-editor__editable p,
         .editor-form .ck-editor__editable p
         {
                margin:3px 0 !important;
                overflow:hidden !important;
                scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
        }
        .select_img {
        padding: 20px 0;
        border-radius: 5px;
        }
        .input_group .form-group {
        margin-top: 0px;
        }

        .input_group .label_group p {
        margin-bottom: 10px;
        }
        .input_group .variant_item {
        padding: 7px 0;
        }
        .input_group .add_variant_item, .input_group .add_variant_type {
        padding: 7px 0;
        }
    }
    .product-price-box{
        margin-top:0px;
    }
     .product-price-card{
         display:flex;
         gap:10px;
     }
     .product-price-card .item-price{
         font-weight:600;
     }
     .product-card-section{
         margin:0 auto;
         margin-top:20px;
     }
    .product-rating-container{
        width:100%;
        display:flex;
        justify-content:space-between;
        height:20px;
        align-items:center;
        margin-top:0px;
    }
     .ratings-card,.total-review-stars-wrap{
        max-width:165px !important;
        display:flex;
        justify-content:space-between;
        height:20px;
        align-items:center;
        gap:2px;
    }
    .product-rating-container i{
        color:var(--brand_color);
        font-size:12px !important;
    }
    .product-rating-container .bi-star{
        color:#ccc;
        font-size:12px !important;
    }
    .product-rating-container span, .options-count{
        font-size:11px;
        font-family: 'Outfit-Light', sans-serif;
    }
    .product-options-container{
        width:40px;
        display:flex;
        justify-content:left;
        height:20px;
        align-items:center;
        gap:3px;
        margin-top:2px;
    }
    .backend-product-colors{
         display:inline-flex;
         margin-left:10px;
    }
    .backend-product-instock{
        margin-left:10px;
        font-weight:200;
        color:#777777;
    }
    .product-options-container .colors{
        display:inline-block;
        height:10px;
        width:10px;
        margin-right:2px;
        border-radius:50%;
        box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.45);
    }
    .item-price{
        color:#000 !important;
        font-size:12px;
    }
    .discount-price{
        color:red !important;
    }
    .item-discount-price{
        text-decoration:line-through;
        font-size:12px;
    }
    
.signup-form .flex_row {
  margin-top: 30px;
  margin-bottom: 30px;
}
  
.signup-form .flex_row p {
  font-family: 'Outfit-Light', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--inactive_link);
  margin-bottom: 0px;
}
.signup-form .sign_up_action {
  font-family: 'Outfit-Light', sans-serif;
  font-size: 14px;
  color: var(--inactive_link);
  margin-bottom: 0px;
}
.signup-form a {
  border:none !important;
}
    .tooltip {
    display: inline-block;
    width:100px;
}

.tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%; /* Position above the tooltip */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}



.social-link {
    display: flex;
    gap:10px;
    margin: 5px;
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.social-link:hover {
    color: #007bff;
}
.tooltip {
    /* ... previous styles ... */
    visibility: hidden;
    opacity: 0;
    bottom:30px;
   background: white;
    border: 1px solid #ccc;
    box-shadow:2px 2px 4px rgba(0,0,0,0.3);
}
.view-product{
    position:absolute;
    width:100%;
    height:100%;
    z-index:2;
    background:rgba(0,0,0,0);
}
.collect-alert-boxes{
    position:fixed;
    width:310px;
    padding:1px;
    height:auto;
    z-index:9999999999999;
    top:60px;
    right:15px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    background:rgba(0,0,0,0);
}

.collect-alert-boxes h3{
    font-size:18px;
    margin-bottom:0px;
}
.collect-alert-boxes p{
    font-size:11px;
    color:#666;
    margin-bottom:0px;
}
.collect-alert-boxes .alert-message .alert-left,.collect-alert-boxes .alert-message .alert-right{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.collect-alert-boxes .alert-message .alert-right{
    width:20px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.collect-alert-boxes .alert-message .alert-right svg:hover{
    width:20px;
    height:20px;
    background:#fff;
    border-radius:50%;
}
.collect-alert-boxes .alert-message .alert-mid{
    width:255px;
    height:auto;
}
.collect-alert-boxes .alert-message .alert-icon{
    width:40px;
    height:40px;
    background-color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.collect-alert-boxes .alert-message .alert-icon svg{
    width:30px;
    height:30px;
}
.collect-alert-boxes .alert-message{
    color:#000 !important;
    font-family: 'Outfit-Light', sans-serif;
    display:flex;
    height:auto;
    padding:10px;
    margin-bottom:0px;
    width:310px !important;
    justify-content:space-between;
    align-items:top;
    gap:15px;
    position:static;
    border-radius:10px;
}
.collect-alert-boxes .alert-success{
    background:#e8fceb !important;
    border:4px solid #c5fccd !important;
}
.collect-alert-boxes .alert-success .alert-icon svg{
    color:green !important;
}
.collect-alert-boxes .alert-warning{
    background:#faf9e1 !important;
    border:4px solid #fffba1 !important;
}
    .icon_box{
           display:flex;
    align-items:center;
    justify-content:center;
      }
      .icon_box .bi{
    display:flex;
    align-items:center;
    justify-content:center;
    height:30px;
    width:30px;
    border-radius:50%;
    font-size:20px;
}
.icon_box.success .bi{
    background:#e8fceb !important;
    color:green !important;
    border:2px solid green !important;
}
.icon_box.warning .bi{
    background:#fbe9b5 !important;
    color:#ffc107 !important;
    border:2px solid #ffc107 !important;
}
.icon_box.danger .bi{
    background:#f7b9bf !important;
    color:#dc3545;
    border:2px solid #dc3545;
}
.collect-alert-boxes .alert-warning .alert-icon svg{
    color:var(--brand_color) !important;
}
.collect-alert-boxes .alert-danger{
    background:#faedef !important;
    border:4px solid #fca9b6 !important;
}
.collect-alert-boxes .alert-danger .alert-icon svg{
    color:red !important;
}
.collect-alert-boxes .alert-primary{
    background:#e8f2fc !important;
    border:4px solid #aed5fc !important;
}
.collect-alert-boxes .alert-primary .alert-icon svg{
    color:#0048ba !important;
}
/**alert extension**/
.collect-alerts{
    position:fixed;
    width:310px;
    padding:1px;
    height:auto;
    z-index:9999999999999;
    top:60px;
    right:15px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    background:rgba(0,0,0,0);
}
.alert_body_overlay {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999999999999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	display: none;
}
  .alert_body {
	position: fixed;
	bottom: -100%;
	left: 50%;
    transform: translate(-50%, -100%);
	z-index: 9999999999;
	width: 320px;
	height: auto;
	background: #fff;
	transition: all .5s ease-in-out;
	border-radius: 15px;
	padding: 50px 20px;
   text-align: center;
}
.alert_body .close_alert {
    color: #fff;
    font-family: 'Outfit-Medium', sans-serif;
    font-size: 12px;
}

.alert_body .close_alert.success {
    background: var(--success);
}

.alert_body .close_alert.danger {
    background: var(--success);
}

.alert_body .para p {
    color: #444;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 13px;
}

.alert_body .icon_box.success i {
    color: var(--success);
    font-size: 30px;
}

.alert_body .icon_box.danger i {
    color: var(--danger);
    font-size: 30px;
}

.alert_body .icon_box {
   margin-bottom: 25px;
}

.alert_body.active {
	bottom: 2% !important;
	left: 50%;
	transform: translate(-50%, -2%) !important;
} 
/**end alert extension**/
.item-color-box{
    height:15px;
    width:15px;
    display:inline-block;
    border-radius:50%;
    margin-right:5px;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.35);
}
.blogshopper-profile-pic{
    display:flex;
    flex-direction:column;
    justify-content: center;
    gap:15px;
	align-items:center;
	background-color:#f6f6f6;
}
.blogshopper-profile-pic .blogger_image{
    position:relative;
}
.admin-container .dashboard-body #settings-tab .blogger_image img {
        width: 100%;
        height: 100%;
        object-fit:cover;
        border-radius: 50%;
      }
.admin-container .dashboard-body #settings-tab .blogger_image {
        width: 150px;
        height: 150px;
        border-radius:50%;
    }
.admin-container .dashboard-body #settings-tab .blogger_banner img {
        width: 100%;
        height: 100%;
        object-fit:cover;
        object-position:top;
        border-radius: 0%;
      }
.admin-container .dashboard-body #settings-tab .blogger_banner {
        width: 98%;
        height: 200px;
        border-radius:0%;
    }
.changepic-btn,.deleteBanner-btn{
    position:absolute;
    height:30px;
    width:30px;
    background:var(--brand_color);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    bottom:0px;
    right:0px;
    cursor:pointer;
}
.deleteBanner-btn{
    bottom:0px;
    right:20px;
    cursor:pointer;
}
.changepic-btn i{
     color:#000;
     font-size:15px;
}
.admin-container .dashboard-body #settings-tab .blogger_banner .changepic-btn{
    bottom:10px;
    right:10px;
}
.engagement-list{
    display:flex;
    justify-content: space-between;
    height:60px;
    width:100%;
    padding:10px;
    border-bottom:1px solid rgba(0,0,0,0.05);
	align-items:center;
	font-family: 'Outfit-Light', sans-serif;
}
/** shop styles **/
.product-reviewBody{
    padding-top:0;
}
.product-photos-wrap{
    width:100%;
    max-height:350px;
    border-radius:0 0 20px 20px;
    overflow:hidden;
   border-bottom:1px solid rgba(0,0,0,0.15);
   position:relative;
}
.product-photos-wrap .carousel,.carousel-inner,.carousel-item{
    width:100%;
    height:100%;
}
/*.carousel-item{*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*}*/
.carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.carousel-indicators {
  bottom: 30px;
}
.mobile-info-prev-row {
    /*background: #f9fbfc;*/
    /*box-shadow: 1px -5px 5px 0px rgba(0,0,0,0.2);*/
    /*padding: 10px 10px;*/
    border-radius: 10px;
    margin:0 auto;
  }
.mobile-info-prev-row  .item-name {
  font-weight: 600;
  color: #000;
  font-size: 2em;
}
.mobile-info-prev-row .tag-details, .mobile-info-prev-row .price-details {
  margin-bottom: 0;
}
.mobile-info-prev-row .price-head, .mobile-info-prev-row .sel-price {
    font-size: .85em;
  }
.mobile-info-prev-row .price-head {
  color: #000;
}
.mobile-info-prev-row .preview-price {
  font-size: 1.2em !important;
  font-weight: bold;
}
.mobile-info-prev-row .sel-price, .mobile-info-prev-row .rims-sale-text {
  font-size: 1em !important;
  color: #000;
  margin-bottom: 0;
  display: inline-block;
}
.mobile-info-prev-row .option-wraps, .mobile-info-prev-row .option-filter-wraps {
  margin: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  width: 100%;
  float: left;
  display:flex;
  min-height:40px;
  align-items:center;
}

.mobile-info-prev-row .option-head {
  margin: 0;
  font-size: 11px;
  /*font-weight:bold !important;*/
  color: #000;
  /*text-transform: uppercase;*/
   font-family: 'Outfit-Light', sans-serif;
  font-size: 13px;
  margin-right: 10px;
}
.mobile-info-prev-row .option-wraps .option-box,
.mobile-info-prev-row .item-option-list .option-box, 
.mobile-info-prev-row .option-filter-wraps .option-box, .selected_option_group .other-option {
  min-width: 40px;
  display: inline-flex;
  height: 40px !important;
  font-weight:bold;
  position: relative;
  border: 1px solid #000;
  background: #ccc;
  overflow:hidden;
  padding-top: 0;
  margin-right: 7px;
  margin-top: 5px;
  border-radius: 0px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  gap: 5px !important;
  justify-content: center;
  align-items: center;
  background:#fff;
}
.mobile-info-prev-row .option-wraps .other-option, .selected_option_group .other-option{
    padding:0;
    height:30px !important;
    border-radius: 0px;
    border: 2px solid #000;
}
 .selected_option_group{
     margin:7px 0;
    height:25px;
  display:flex;
  align-items:center;
  gap:1px;
}
 .selected_option_group .other-option{
    font-size:11px;
    height:22px !important;
    margin:0;
    margin-bottom:3px;
}
.mobile-info-prev-row .option-wraps .option-colors,.selected_option_group .option-colors{
min-width: 22px  !important;
height: 22px !important;
border-radius:50%;
border:none;
display:inline-block;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.45);
margin-left:5px;
}
.selected_option_group .option-colors{
min-width: 15px  !important;
height: 15px !important;
}
.mobile-info-prev-row .option-wraps .selected-color{
min-width: 30px  !important;
height: 30px !important;
padding:2px;
}
.mobile-info-prev-row .option-wraps .option-colors .option-btn{
    border-radius:50%;
}
.product-price-wrap{
    display:flex;
    justify-content:space-between;
}
.get-product-video{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  height:35px;
  width:35px;
  border-radius:50%;
  border:2px solid var(--brand_color);
  font-size:16px;
  position:absolute;
  z-index:20;
  right:20px;
  bottom:20px;
  animation: blink 1s infinite;
  cursor:pointer;
}

@keyframes blink {
  0%, 100% { transform: scale(1); }
  70% { transform: scale(0.8); }
}

.blinking{
    animation: blink 1s infinite; 
}
@keyframes blinking {
  0%, 100% { transform: scale(1);}
  70% { transform: scale(0.8);}
}
.mobile-info-prev-row .option-wraps .option-box input,
.mobile-info-prev-row .item-option-list .option-wraps input, 
.mobile-info-prev-row .option-filter-wraps input {
  display: inline-block;
  height: 30px;
  position: absolute;
  top: 0;
  margin-top: 0px;
  margin-right: 10px;
  left:4px;
  display:none;
}
.mobile-info-prev-row .option-wraps .option-btn,
.mobile-info-prev-row .item-option-list .option-btn, 
.mobile-info-prev-row .option-filter-wraps .filter-btn {
  display: inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color: #000;
  overflow:hidden !important;
  font-size: 12px;
  /*margin-left: 20px;*/
  border-radius: 0px;
  padding:4px;
  height: 100%;
  width: 100%;
  text-align: center;
  /*padding-top: 0px;*/
  border-radius: 7px;
  /*border: #ccc 1px solid;*/
  cursor: pointer;
  margin-bottom: 0;
}
.prev-add-to-cart.rims-cart-btn {
   flex-grow:1;
}
.prev-add-to-cart.my-share-btn {
    width:40px;
}
.prev-add-to-cart {
  text-decoration: none;
  color: #000;
  background: var(--brand_color);
  border: 2px solid var(--brand_color);
  transition: all .5s ease-in-out;
}
.prev-add-to-cart:hover{
    background:#fff;
    color:#000 !important;
    transition:0.5s;
}
.cart-box{
  /*border:2px solid #666;*/
  display:flex;
  align-items:center;
  justify-content:center;
  height:30px;
  width:30px;
  padding:4px;
  border-radius:50%;
  /*background:#f2f2f2;*/
  /*box-shadow:2px 2px 4px rgba(0,0,0,0.2);*/
  position:relative;
    
}
.cart-box svg{
  height:25px;
  width:25px;
  color:#000;
}
.active-option{
    border:2px solid var(--brand_color) !important;
    box-shadow: 3px 4px 2px 0px rgba(0,0,0,0.15) inset;
-webkit-box-shadow: 3px 4px 2px 0px rgba(0,0,0,0.15) inset;
-moz-box-shadow: 3px 4px 2px 0px rgba(0,0,0,0.15) inset;
}
.cart-box span{
 position:absolute;
 top:4px;
 right:4px;
 height:10px;
  width:10px;
  font-size:5px;
  background:var(--brand_color);
  color:var(--brand_color);
   display:flex;
    align-items:center;
  justify-content:center;
   border-radius:50%;
   
}
.mobile-info-prev-row .prev-btn-wrap p {
  margin-left: 5px;
}
.item-name.h4 {
  font-family: 'Outfit-Medium', sans-serif;
  font-size: 1em;
  margin-bottom: 0px;
  color: var(--black_bg);
  font-weight: 900;
}
.descr-heading h4, .mobile-info-prev-row .item_info {
  font-size: 10px;
  text-align: left;
  text-transform: uppercase;
}
.descr-heading .line {
  width: 200px;
  height: 1px;
  margin-top: .4rem;
  margin-left: .5rem;
  margin-right: .3rem;
  background: rgba(0, 0, 0, 0.2);
}
.descr-heading a {
  font-size: 12px;
  color: #555;
  text-align: left;
  text-decoration: none;
  padding: 0 10px !important;
}
.descr-heading a i {
  font-size: 12px;
}
.descr-body p {
  font-size: 13px;
  color: #999;
  font-family: 'Spinnaker', sans-serif;
  text-align: left;
}
.prev-btn-wrap {
  display:flex;
  padding:0 10px;
  height:60px;
  align-items:center;
  gap:10px;
  background:#fcfcfc;
  border-top:1px solid #ccc;
}
/* Basic styling for the accordion */
.accordion {
    width: 100%; /* Adjust width as needed */
    margin: 0 auto;
    font-family: 'Outfit-Light', sans-serif;
}

.accordion-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
}

.accordion-header {
    background-color: #fff;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between; 
    font-size: 13px;
}
.view_products .accordion-header {
    padding: 5px 0;
}
.rims-item_description {
    font-size: 13px;
}
.review-content-head{
    display: flex;
    min-height:50px;
    justify-content: space-between; 
    align-items:center;
    border-bottom:1px solid rgba(0,0,0,0.07);
    margin-bottom: 20px;
}
.review-stars-wrap{
    margin:10px 0;
    padding-bottom:10px;
}
.review-stars-wrap span{
   font-size: 13px;
   display:block;
   margin-bottom:10px;
}
.rate-category-container{
   display: flex;
    justify-content: space-between; 
    margin-top:5px;
    font-size:12px;
}
.rate-category-container span{
  color:#999;
}
.accordion-icon {
    font-size: 13px;
    line-height: 1;
    transition: transform 0.2s ease-in-out;
}

.review-stars-wrap .bi{
    color:#ccc;
    cursor:pointer;
    font-size:15px;
    margin-left:3px;
}
.total-reviews{
    margin-left:3px;
    color:#666;
}
.responses .user-rating{
    position:absolute;
    right:2px;
    top:0px;
}
.total-review-stars-wrap .bi,.user-rating .bi{
    color:var(--brand_color) !important;
    margin-left:0px;
}
.total-review-stars-wrap .bi-star{
        color:#ccc !important;
    }
.user-rating .bi,.total-review-stars-wrap{
  font-size:12px;  
}
.user-rating{
  padding-left:12px;  
}
.collect_reviews .responses .comment_box{
  padding-left:15px;  
}
.review-stars-wrap .bi:hover,.active-star{
    color:var(--brand_color) !important;
}
.active .accordion-icon {
    transform: rotate(180deg); /* Rotate the chevron icon for active items */
}

.accordion-content {
    padding: 10px;
    display: none;
    background:#fafafa;
    margin-top:5px;
}
.accordion-content.view_story{
     padding:5px;
}

.accordion-content.view_story{
     background:#fafafa;
     padding-bottom:20px;
}
.accordion-content.view_story .item_box{
     background:#fff;
     padding:10px !important;
     margin:0 !important;
     border-radius:10px;
}
.stories-btns-wrap{
    margin-bottom:70px !important;
}
.story-modal .view_stories .new-story-box{
    margin:20px 0;
}
.active-accordion{
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}
/*.story-modal{*/
/*    background:#fff;*/
/*    position:fixed;*/
/*    top:0;*/
/*    z-index:3;*/
/*    height:100vh;*/
/*    padding:10px;*/
/*    margin:0 !important;*/
/*}*/
 .more_content {
            padding-top: 0px;
            padding-bottom: 10px;
            padding-right: 15px;
            padding-left: 15px;
        }
 @media screen and (max-width:360px) {
     .signup_box .blog_logo{
	    display:none !important;
	}
 }
 @media screen and (max-width:380px) {
 .event-box .desc_box h2{
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 0.85em;
    font-weight: 800;
    color: var(--black_bg);
    margin-bottom: 5px;
  }
  }
  
 @media screen and (max-width:335px) {
 .event-box .desc_box h2{
    font-family: 'Outfit-Bold', sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    color: var(--black_bg);
    margin-bottom: 5px;
  }
  }
 /********Checkout********/
.add_product_form.checkout .form-stepper-list {
    display: flex;
    justify-content: center;
    width:33.3%;
	position: relative;
    }
    .add_product_form.checkout ul.form-stepper li .form-stepper-circle {
    margin: 0 auto;
    }
    .add_product_form.checkout ul.form-stepper .form-stepper-list .flex_items .line {
    width: 30px;
    /* left: 5px;
    top: 10px; */
    }
    .add_product_form.checkout  ul.form-stepper li .form-stepper-circle span svg {
    width: 13px;
    height: 13px;
    }
    .add_product_form.checkout ul.form-stepper li .form-stepper-circle span {
    top: 40%;
    }
            .add_product_form.checkout .item_data_box {
                /*margin-bottom: 40px;*/
            }
          .add_product_form.checkout  .item_data_box .title h3 {
                font-family: 'Outfit-Light', sans-serif;
                font-size: .8em;
                color: #000000;
                text-transform: uppercase;
            }
            .add_product_form.checkout  .item_data_box .title p {
                font-family: 'Outfit-Light', sans-serif;
                font-size: .7em;
                color: #000000;
            }
            .add_product_form.checkout .item_data_box .box {
                border: var(--border);
                margin-bottom: 20px;
                padding: 10px;
            }
            .add_product_form.checkout .item_data_box .box h2 {
                font-family: 'Outfit-Light', sans-serif;
                font-size: .8em;
                color: #000000;
                margin-bottom: 5px;
            }
            .add_product_form.checkout  .item_data_box .box p {
                font-family: 'Outfit-Light', sans-serif;
                font-size: .7em;
                color: #555;
                margin-bottom: 0;
            }
            .add_product_form.checkout .item_data_box .box .edit_btn button {
                font-family: 'Outfit-Light', sans-serif;
                font-size: .7em;
                color: #000;
                background: #ebebeb;
            }
            .add_product_form.checkout .item_data_box .box .edit_btn  {
                margin-top: 5px;
            }
            .add_product_form.checkout .d-flex {
                background: #fff;
            }
            .add_product_form.checkout .accordion .card {
      margin-bottom: 15px;
      background-color: var(--white_bg);
      border-radius: 0;
      }
      .add_product_form.checkout .accordion .card .card-header {
      background-color: var(--white_bg);
      border-bottom: var(--border-bottom);
      padding: .75rem .4rem;
      }
      .add_product_form.checkout .accordion .card .card-header button.btn-link {
      font-family: 'Outfit-Light', sans-serif;
      font-size: 12px;
      color: var(--black_bg);
      text-decoration: none;
      text-transform: uppercase;
      padding: 0 5px;
      }
      .add_product_form.checkout .accordion .card .card-header button.btn-link span.title {
      position: relative;
      top: 5px;
      }
      .add_product_form.checkout .accordion .card .card-header button.btn-link span.float-right.chev_icon {
      position: relative;
      top: 0px;
      }
      .add_product_form.checkout .accordion .card .card-body {
      padding: 1.25rem .9rem;
      }
     .add_product_form.checkout .accordion > .card:not(:last-of-type) {
      border-bottom: var(--border);
      }
      .add_product_form.checkout .accordion .card .card-body h4{
        font-family: 'Outfit-Bold', sans-serif;
      font-size: .8em;
      color: var(--black_bg);
      }
      .add_product_form.checkout .accordion .card .card-body p{
      font-family: 'Outfit-Light', sans-serif;
      font-size: .8em;
      color: var(--black_bg);
      margin-bottom: 0;
      }
      .add_product_form.checkout .cost_data {
        padding: 10px 0;
        border-bottom: var(--border-bottom);
      }

      .add_product_form.checkout .cost_data:last-child {
        border-bottom: none;
      }
      .add_product_form.checkout .item_data_box.total h3,.add_product_form.checkout .item_data_box.total h3 span{
        color: #000;
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 1.2em;
        margin-bottom: 0;
    }

    .add_product_form.checkout .item_data_box.total span {
    color: #777777;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
    }
    .add_product_form.checkout .tab_list.tri_tab {
    padding: .8rem;
    border-radius: 0;
  }
  .add_product_form.checkout  .button {
    padding:0;
    }

    .add_product_form.checkout .box_item   {
    padding: 15px 0;
    border-bottom: var(--border-bottom);
    }
 

    .add_product_form.checkout .box_item:last-child   {
    border-bottom: none;
    }
  
    .add_product_form.checkout .see-product   {
    padding: 15px;
    border: var(--border-bottom) !important;
    margin-bottom:10px;
    }
    .add_product_form.checkout .box_item .cart_card_img  {
    width: 100%;
    height: 80px;
    border: 5px solid #ebebeb;
    padding: 5px;
  }
  
  .add_product_form.checkout .box_item .cart_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } 

  .add_product_form.checkout .box_item .text_box .item_name h2{
    color: #000;
    font-family: 'Outfit-Medium', sans-serif;
    font-size: .8em;
    margin-bottom: 0;
  }

  .add_product_form.checkout .box_item .text_box .category_group span{
    color: #777777;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 10px;
  }

  .add_product_form.checkout .box_item .text_box .price_group .item_cost h3{
    color: #000;
    font-family: 'Outfit-Medium', sans-serif;
    font-size: .7em;
    margin-bottom: 0;
  }
  .add_product_form.checkout .add_address {
	cursor: pointer;
  }

  .modal.fade .modal-body p {
    font-family: 'Outfit-Light', sans-serif;
    color: var(--black_bg);
    font-size: 13px;
}

.add_product_form.checkout .form-stepper-list .flex_item .line {
    background-color: #dee2e6;
}
.add_product_form.checkout .form-stepper-list.form-stepper-completed .flex_item .line {
    background-color: var(--brand_color);
}

.add_product_form.checkout .flex_item .line{
	position: absolute;
	top: 50%;
	left: auto;
	transform: translate(0%, -50%);
	right: -15px;
	width: 40px;
	height: 1px;
}
.description-tip{
    color:#333;
    font-size:12px;
}

  /********Cart*******/
  .product_details_div {
	width: 100%;
	height: 100vh;
	background: #f2f2f2;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 100px;
}
.product_details_div .bi-trash3 {
	cursor: pointer;
}
.product_details_div .cta_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 15px;
	background: #fff;
}
.product_details_div .cta_btn h3,.product_details_div .cta_btn h3 span{
	color: #000;
	font-family: 'Outfit-Bold', sans-serif;
	font-size: 1.2em;
}

.product_details_div .cta_btn span {
color: #777777;
font-family: 'Outfit-Light', sans-serif;
font-size: 12px;
}

.product_details_div .cta_btn button.add_to_cart {
	background: #ff9900;
	border-radius: 5px;
	color: #000;
	font-family: 'Outfit-Light', sans-serif;
	font-size: 1em;
}

.product_details_div .box {
	border-radius: 10px;
	padding: 10px 15px;
	background: #fff;
	margin-top: 20px;
}

.product_details_div .box .cart_card_img  {
width: 100%;
height: 90px;
border: 5px solid #ebebeb;
padding: 5px;
}

.product_details_div .box .cart_card_img img {
width: 100%;
height: 100%;
object-fit: cover;
} 
.text_box .title_group .item_name a{
    text-decoration:none;
}
.text_box .title_group .item_name a:hover{
    text-decoration:none;
    color:var(--brand_color) !important;
}
.product_details_div .box .text_box .item_name h2{
color: #000;
font-family: 'Outfit-Medium', sans-serif;
font-size: 1em;
margin-bottom: 0;
}

.product_details_div .box .text_box .trash_item i {
color: #ff9900;
font-size: 1em;
}

.product_details_div .box .text_box .category_group span{
color: #777777;
font-family: 'Outfit-Light', sans-serif;
font-size: 12px;
}

.product_details_div .box .text_box .price_group .item_cost h3{
color: #000;
font-family: 'Outfit-Medium', sans-serif;
font-size: .8em;
margin-bottom: 0;
}

.product_details_div .box .text_box .price_group{
margin-top: 10px;
}

.box .text_box .price_group .counter_box{
background: #ebebeb;
padding: 2px 10px;
border-radius: 20px;
}

.box .text_box .price_group .counter_box .counter_box-flex{
gap: 10px;
display:flex;
}

.box .text_box .price_group .counter_box .counter_box-flex .number{
color: #000;
font-family: 'Outfit-Light', sans-serif;
font-size: .9em;
}

.box .text_box .price_group .counter_box .counter_box-flex .plus, .box .text_box .price_group .counter_box .counter_box-flex .minus{
font-size: .9em;
}
.view_accounts a{
    text-decoration:none;
}
.password-group{
    position:relative;
}
.pass-view{
    position:absolute;
    right:15px;
    top:36px;
    color:#777;
}
.add-post-category svg{
    width:14px;
    height:14px;
}
/**Notifications **/
.notif-control{
    cursor:pointer;
}
.notification-message{
    display: flex;
	justify-content: start;
	padding-left:10px;
	align-items: center;
}
.notificationBody.notification,.shareBody{
    position:fixed;
    z-index:12000000;
    top:0;
    width:100%;
    background-color:#fff;
    right:0;
    height:100vh;
    overflow-y:auto;
    right:-120%;
    background:#fff;
    transition:0.5s all;
}
.notificationBody.active,.shareBody.active{
      right:0%;
      transition:0.5s all;
  }
.notificationBody.notification .items  .icon_data_box,
.shareBody .items  .icon_data_box{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: rgba(238, 252, 243, .7);
	position: relative;
}

.notificationBody .items .itemBody.team_list,
.shareBody .items .itemBody.team_list{
	display: flex;
	margin-bottom: 10px;
	margin-top: 10px;
	/*border-bottom:1px solid #e6e6e6;*/
}
.notificationBody  .item_header .p,
.shareBody  .item_header .p{
    padding:10px;
    border-bottom: var(--border-bottom);
    margin:0;
}

.notificationBody .items .itemBody.team_list h3,
.notificationBody .items .itemBody.team_list h3 a,
.shareBody .items .itemBody.team_list h3{
	text-decoration: none;
	color: var(--black_bg);
	font-size:12px;
	text-align:left;
}

.notificationBody .items .itemBody.team_list .img_box,
.shareBody .items .itemBody.team_list .img_box{
	width: 50px;
	height: 50px;
	overflow:hidden;
	border-radius: 50%;
	border: 2px solid #FFF3F0;
	position: relative;
	display: flex;
	justify-content: start;
	display:flex;
	justify-content:center;
    align-items:center;
}
.shareBody .items .itemBody.team_list .img_box{
	border: 2px solid #fff;
}

.shareBody .items .itemBody.team_list{
	border-bottom: var(--border);
}
.shareBody .items .itemBody.team_list .itemBoxHeading{
    height:100%;
	display:flex;
	align-items:center;
}
.shareBody .items .itemBody.team_list .itemBoxHeading h3{
    margin-top:5px;
}
.conversation-comment-top{
   /* height:15px;*/
    display:flex;
	justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
}
.conversation-comment-top a{
    text-decoration:none;
}
.conversation-comment-top .remove-conversation, .remove-comment{
    float:right;
    font-size:18px;
    height:20px;
    width:20px;
    display:flex;
    justify-content:center !important;
    align-items:center !important;
    background:#000;
    color:#fff;
    border-radius:50%;
}
.highlighted-conversation{
    background:rgba(255, 243, 212,.3) !important;
}
.deleted-comment .itemBoxHeading{
    background:#f0eded !important; 
}
.deleted-comment .itemBoxHeading .conversation-comment-top{
    margin-bottom:0;
}
.deleted-comment .chat_data p{
    color:#ccc !important; 
    font-style:italic;
}
.deleted-comment .conversation-tools-wrap/**, .deleted-comment .itemBoxHeading .conversation-comment-top**/{
    display:none; 
}
.shareBody .items .itemBody.team_list .img_box i{
    font-size:20px;
}
.shareBody .items .itemBody.team_list a{
	color:#000;
}
.shareBody .items .itemBody.team_list a:hover{
	text-decoration:none;
}
.notificationBody .items .item_body,
.shareBody .items .item_body{
	padding: 0px;
}
 .view_yesterday_notifications,.view_today_notifications{
	padding: 10px;
}
.notificationBody .items .header,
.shareBody .items .header{
	padding:10px;
	background:var(--brand_color);
}
.notificationBody .items .itemBody.team_list .img_box .img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.notificationBody .items .itemBody.team_list .img_box .img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.notificationBody .items .itemBody.team_list .img_box span {
	font-family: 'Outfit-Medium', sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	color: var(--black_bg);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.notificationBody .items .itemBody.team_list .dateBox{
    font-family: 'Outfit-Light', sans-serif;
	font-size: 10px;
	margin-bottom: 0px;
	/*color: #c2c3c4;*/
}
.dashboard-body .mention_list{
      padding:5px;
      margin-bottom:5px;
      background:#f2f2f2;
      border:none;
      margin-bottom:15px;
      padding:10px !important;
  }
.notificationBody .notification-row,
.share-row{
    margin:0 auto;
    padding-bottom:60px;
}
.dashboard-filter-date{
    font-size:9px !important;
}
input[type="checkbox"] {
    display: none;
}

.delivery_input[type="checkbox"] + label::before,
.privacy-input[type="checkbox"] + label::before,
.shop_status_input[type="checkbox"] + label::before{
    content: "✓";
    display: inline-flex;
    justify-content:center;
    align-items:center;
    width: 15px; /* Adjust the size as needed */
    height: 15px; /* Adjust the size as needed */
    border: 2px solid #000; /* Border color for unchecked checkbox */
    background-color: #fff; /* Background color for unchecked checkbox */
    border-radius: 3px; /* Rounded corners */
    margin-right: 5px;
    color: white;
}
input[type="checkbox"]:checked + label::before {
    background-color: var(--brand_color); /* Change to your desired color */
    border: 2px solid var(--brand_color); /* Change to your desired color */
    color: white;
}
 .Affiliated{
      height:12px;
      font-size:11px !important;
      width:60px;
      margin:0 ;
      margin-top:5px;
      height:20px;
      padding:5px;
      border-radius:5px;
      color:#000 !important;
      border:1px solid #000;
      display:flex;
      align-items:center;
      /*position:absolute;*/
      /*right:20px;*/
      /*bottom:0px;*/
  }
  
  /*****Conversations *********/
.conversation-textarea,.conversation-textarea:focus{
    border:none !important;
    outline:none !important;
}
      .conversation-tools-wrap{
           display:flex;
           justify-content:space-between;
           align-items:center;
           height:25px;
           margin-top:5px;
      }
      .conversation-tools{
           display:flex;
           justify-content:space-between;
           align-items:center;
           height:25px;
           gap:20px;
      }
      
      .conversation-tools-wrap .conversation-tools .conversation-reply i{
           font-size:18px;
           cursor:pointer;
           color: var(--inactive_link);
      }
      .conversation-tools-wrap .conversation-tools .conversation-like i{
           font-size:12px !important;
           cursor:pointer;
           color: var(--inactive_link);
      }
      .conversation-tools-wrap .conversation-tools .pin-conversation i{
           font-size:15px !important;
           cursor:pointer;
           color: var(--inactive_link);
      }
      .chat_two .conversation-tools-wrap .conversation-tools .pin-conversation i{
           color: #000;
      }
      .conversation-tools-wrap .conversation-tools .pin-conversation{
           margin-top:4px !important;
      }
      .conversation-tools-wrap .conversation-tools .conversation-like i.liked-fill{
           color: red !important;
      }
     .conversation-img-box{
         min-height:200px;
         width:100%;
     }
    
     .overlay-media-view .conversation-img-box img{
         height:100%;
         width:100%;
         object-fit:contain;
         object-position: top;
     }
     .chat .conversation-img-box{
         height:250px;
         width:100%;
         margin-top:10px;
         margin-bottom:10px;
         /*background:#fff;*/
         border: 3px solid #ebebeb;
         padding: 5px;
         border-radius:2px;
         
         overflow:hidden;
         /*box-shadow:2px 2px 4px rgba(0,0,0,0.2);*/
     }
     .chat .conversation-img-box img{
         height:100%;
         width:100%;
         object-fit:cover;
         object-position: top;
         border-radius:2px;
         
     }
     
      .quoted-message-wrap{
          background-color:#f2f2f2;
      }
      .quoted-message-file{
          border-left: 5px solid var(--brand_color);
      }
      .close-quote svg{
          height:14px;
          width:14px;
      }
      .quoted-message{
          background-color:#f2f2f2;
          color: #909091;
          font-size:12px;
          padding:10px;
          padding-bottom:8px;
          border-radius:5px 5px 0 0;
      }
      
      .quoted-message p{
          margin-bottom:10px;
      }
       .quoted-message-inner{
          border-left:2px solid var(--brand_color);
          padding:2px;
          padding-left:10px;
          background-color:#fafafa;
          border-radius: 5px;
      }
     
      
      .quoted-message-user-wrap{
          display:flex;
          height:100%;
          align-items:end;
          padding-bottom:20px;
      }
      .quoted-message-user-wrap span{
        font-size:11px;
        color: var(--inactive_link);
        font-weight:bold;
      }
      .quoted-message-user-wrap i{
        color: var(--inactive_link);
        font-weight:bold;
      }
  	   .toggle-action, .amount_input{
		   display: none;
	   }

	   .toggle-container {
		 display: inline-block;
		 cursor: pointer;
	   }
   
	   .toggle-switch {
		 position: relative;
		 width: 60px;
		 height: 30px;
		 background-color: #ccc;
		 border-radius: 15px;
		 transition: background-color 0.3s;
	   }
   
	   .toggle-slider {
		 position: absolute;
		 top: 2px;
		 left: 2px;
		 width: 26px;
		 height: 26px;
		 background-color: #fff;
		 border-radius: 50%;
		 transition: transform 0.3s;
	   }
   
	   .toggle-input {
		 position: absolute;
		 top: -9999px;
	   }
   
	   .toggle-input:checked + .toggle-switch {
		 background-color: var(--brand_color);
	   }
   
	   .toggle-input:checked + .toggle-switch .toggle-slider {
		 transform: translateX(30px);
	   }


	   .mediaModal {
		position: fixed;
		bottom: -100%;
		left: 0;
		z-index: 999999;
		width: 100%;
		height: auto;
		background: var(--white_bg);
		transition: all .5s ease-in-out;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		padding: 40px 30px;
		overflow: scroll;
	  }
	  
	  .mediaModal.active {
		bottom: 0 !important;
	  }
	  
	  .mediaModal .details .item {
		padding: 20px 0;
		border-bottom: var(--border-bottom);
	  }
	  
	  .mediaModal .details .item .textBox.header p {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--inactive_link);
		margin-bottom: 0;
	  }
	  
	  .mediaModal .details .item .textBox.body p {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
		margin-bottom: 0;
	  }
	  
	  .mediaModal .details .item .textBox.body p svg {
		width: 15px;
		height: 15px;
		margin-right: 10px;
	  }
	  .mediaModal .close_btn,.filterUi .close_btn {
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 50px;
		height: 10px;
		background-color: var(--inactive_link);
		border-radius: 15px;
	  }

	  .mediaModal .details .item .textBox.body label {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 10px;
		color: var(--inactive_link);
		margin-bottom: 0;
	  }

	  .mediaModal .details .item .textBox.body input, .mediaModal .details .item .textBox.body select {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
	  }

	  .mediaModal .details .item .textBox.body button {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
		background-color: var(--brand_color);
	  }
.navbar .img_box {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 10px;
    }

    .navbar .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .nav-title {
  font-family: 'Outfit-Medium', sans-serif;
  font-size: 1em;
  font-weight: 800;
  margin-top: 4px;
}
        .popular_conversations {
            padding: 20px 15px;
        }
        .hor_scroll {
        overflow: auto;
        white-space: nowrap;
        }

        .hor_scroll .scroll_item {
        display: inline-block;
        padding: 10px 5px;
        }

        .hor_scroll  a{
            text-decoration: none;
            color: #000;
        }

        .hor_scroll .scroll_item .img_box {
        width: 130px;
        height: 130px;
        border: 5px solid #ebebeb;
        padding: 5px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 5px;
        }

        .hor_scroll .scroll_item .img_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        }
        .hor_scroll .scroll_item .title h3{
            font-family: 'Outfit-Medium', sans-serif;
            font-size: .85em;
            color: var(--black_bg);
            margin-bottom: 0;

        }
        .hor_scroll .scroll_item .title h4{
            font-family: 'Outfit-Light', sans-serif;
            font-size: .7em;
            color: var(--inactive_link);
        }
        .heading h2 {
            font-family: 'Outfit-Medium', sans-serif;
            font-size: .9em;
        }
        .conversations .items_box  a {
                text-decoration: none;
                color: #000;
        }
        .conversation-action-tools{
            width:50px;
            display:flex;
            justify-content:space-between;
        }

         .conversations .items_box .img_box {
        width: 45px;
        height: 45px;
        border: 2px solid #ebebeb;
        padding: 2px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        }

        .conversations .items_box .img_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        }

        .conversations .items_box .text_box h2.con_title{
            font-family: 'Outfit-Medium', sans-serif;
            font-size: 1em;
            margin-bottom: 3px;
        }
        .conversations .items_box .text_box h3{
            font-family: 'Outfit-Light', sans-serif;
            font-size: .7em;
            color: var(--inactive_link);
            margin-bottom: 2px;
        }
        .conversations .items_box .text_box h4 {
            font-family: 'Outfit-Light', sans-serif;
            font-size: .7em;    
        }
        .conversations .items_box .text_box h4 span.no_users, .conversations .items_box .text_box h4 a.no_users{      
            color: var(--brand_color);
            margin: 0 5px 0 0;
        }
        .conversations .items_box .text_box h4 span.start_date{
            color: var(--inactive_link);
            margin: 0 0 0 5px;
        }
        .conversations .items_box .status-success span svg{ 
            width: 7px;
            height: 7px;
            color: var(--success);
        }
        .conversations .items_box .status-danger span svg{ 
            width: 7px;
            height: 7px;
            color: var(--danger);
        }
        .conversations .items_box .status-danger span{ 
            font-family: 'Outfit-Light', sans-serif;
            font-size: .7em; 
            color: var(--danger);
            border: 1px solid var(--danger);
            padding: 3px;
            border-radius: 7px;
            width:44px;
            display:block;
            text-align:center;
        }
        .conversations .items_box .status-success span{ 
            font-family: 'Outfit-Light', sans-serif;
            font-size: .7em; 
            color: var(--success);
            border: 1px solid var(--success);
            padding: 3px;
            border-radius: 7px;
            width:44px;
            display:block;
            text-align:center;
        }
        .conversations .items_box .con_item {
            padding: 10px 0;
            display:block;
        }
        .conversations .items_box .mention_item {
            padding: 10px 0;
            display:block;
        }
        .conversations .items_box .mention_item .text_box span{
            font-size:13px;
        }
        .view-mention-btn{
            width:40px;
            height:20px;
            font-size:12px;
            margin-top:15px;
        }
        .full-conversation-link{
            width:200px !important;
            margin-top:10px !important;
            margin:0 auto;
        }
        .h-link:hover{
            text-decoration:none;
            color:var(--brand_color);
            background:var(--black_bg);
            transition:0.5 ease-in-out;
        }
        .conversations .search_toggle .search-box{
        margin-top: 5px;
        background: #f7f5f5;
        padding: 0 0px;
        border-radius: 5px;
        margin-bottom: 20px;
        }
        .conversations .search_toggle .search-box input{
        border: none;
        background: transparent;
        width: 100%;
        outline: none;
        padding: 7px 10px;
        font-family: 'Outfit-Light', sans-serif;
        /* padding: 0 20px; */
        }

        .conversations .search_toggle .search-box input::placeholder{
        font-family: 'Outfit-Light', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #aeaeae;
        }

        .conversations .search_toggle .search-box .la-search{
        margin-top: 13px;
        margin-left: 10px;
        color: #aeaeae;
        font-size: 15px;
        }

        .conversationBottomNav {
	position: fixed;
	bottom: -100%;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: auto;
	background: var(--white_bg);
	transition: all .5s ease-in-out;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 40px 30px;
	overflow: scroll;
  }
  
  .conversationBottomNav.active {
	bottom: 0 !important;
  }
  
  .conversationBottomNav .details .item {
	padding: 20px 0;
	border-bottom: var(--border-bottom);
  }
  .conversationBottomNav .details .item:last-child {
	margin-bottom:40px;
  }
  
  .conversationBottomNav .details .item .textBox.header p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--inactive_link);
	margin-bottom: 0;
  }
  
  .conversationBottomNav .details .item .textBox.body p {
	font-family: 'Outfit-Light', sans-serif;
	font-size: 13px;
	color: var(--black_bg);
	margin-bottom: 0;
  }
  
  .conversationBottomNav .details .item .textBox.body p svg {
	width: 15px;
	height: 15px;
	margin-right: 10px;
  }
  .conversationBottomNav .close_btn {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50px;
	height: 10px;
	background-color: var(--inactive_link);
	border-radius: 15px;
  }

  .conversations .tab_list .flex-items {
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 5px;
	margin: 20px 0;
	}
	.conversations .tab_list .flex-items ul {
	width: 100%;
	padding: 5px 5px;
	}
	.conversations .tab_list .flex-items ul li {
	width: 50%;
	text-align: center;
	}
	.conversations .tab_list .flex-items ul li a.active {
	background-color: var(--white_bg);
	color: var(--black_bg);
	border-radius: 2px;
	font-weight: 900;
	}
	.conversations .tab_list .flex-items ul li a {
	font-family: 'Outfit-Light', sans-serif;
	font-size: .8em;
	color: var(--inactive_link);
	text-decoration: none;
	padding: 0;
	}
	.conversations .img_box.success,.conversations .img_box.public {
		border: 2px solid var(--success);
		padding: 1px;
	}
	.conversations .img_box.danger, .conversations .img_box.private {
		border: 2px solid var(--danger);
		padding: 1px;
	}
	.con_item .text_box .Suspended {
		border: 2px solid var(--danger);
		color:  var(--danger);
		padding: 2px 5px;
		border-radius:10px;
		font-family: 'Outfit-Light', sans-serif;
	    font-size: .8em !important;
	    font-weight:800;
	    display:inline-flex;
	    align-items:center;
	    justify-content:center;
	    float:right;
	}
	.conversations .dropdown.dropleft svg{
		width: 15px;
		height: 15px;
		color: var(--black_bg);
	}

	.conversations .dropdown.dropleft .dropdown-menu .dropdown-item{
		font-family: 'Outfit-Light', sans-serif;
		font-size: .7em;
		color: var(--black_bg);
	}

	.conversations .dropdown.dropleft .dropdown-menu{
		box-shadow: 0 0 5px 3px rgba(0,0,0,.05);
	}


	.filterUi {
		position: fixed;
		bottom: -100%;
		left: 0;
		z-index: 999999;
		width: 100%;
		height: auto;
		background: var(--white_bg);
		transition: all .5s ease-in-out;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		padding: 40px 30px;
		overflow: scroll;
	  }
	  
	  .filterUi.active {
		bottom: 0 !important;
	  }
	  
	  .filterUi .details .item {
		padding: 20px 0;
		border-bottom: var(--border-bottom);
	  }
	  
	  .filterUi .details .item .textBox.header p {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--inactive_link);
		margin-bottom: 0;
	  }
	  
	  .filterUi .details .item .textBox.body p {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
		margin-bottom: 0;
	  }
	  
	  .filterUi .details .item .textBox.body p svg {
		width: 15px;
		height: 15px;
		margin-right: 10px;
	  }
	  .filterUi .close_btn {
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 50px;
		height: 10px;
		background-color: var(--inactive_link);
		border-radius: 15px;
	  }

	  .filterUi .details .item .textBox.body label {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 10px;
		color: var(--inactive_link);
		margin-bottom: 0;
		text-transform: uppercase;
	  }

	  .filterUi .details .item .textBox.body input, .filterUi .details .item .textBox.body select {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
	  }

	  .filterUi .details .item .textBox.body button {
		font-family: 'Outfit-Light', sans-serif;
		font-size: 13px;
		color: var(--black_bg);
		background-color: var(--brand_color);
	  }
	  .filter_toggle {
		cursor: pointer;
	  }
	  	/*******View Conversations********/
	  	.video-overlay{
	  	    height:100vh;
	  	    width:100vw;
	  	    background:rgba(0,0,0,0.97);
	  	    position:fixed;
	  	    top:0;
	  	    z-index:10000;
	  	   /* z-index:1000000000000;*/
	  	}
	  	.video-slide-wrap{
	  	    height:100%;
	  	    width:100%;
	  	    background:rgba(0,0,0,0.97);
	  	    display:flex;
	  	    justify-content:center;
	  	    align-items:center;
	  	}
	  	.video-slide-wrap-down{
	  	    position:absolute;
	  	    top:0;
	  	}
	  	.video-slide-wrap-down{
	  	    transform:translateY(-110%);
	  	    position:absolute;
	  	    top:0;
	  	}
	  	.video-slide-wrap-up{
	  	    transform:translateY(110%);
	  	    position:absolute;
	  	    top:0;
	  	}
	  	.slide-video{
	  	     transform:translateY(0%);
	  	     transition:0.5s all;
	  	     z-index:2;
	  	}
	  	
	  	.overlay-video-container{
	  	    min-height:200px;
	  	    width:100%;
	  	    /*background:#ccc;*/
	  	}
	  	.video-box{
	  	    display:block;
	  	}
	  .timeline-content	.video-container{
         /** border: 5px solid #ebebeb;
          padding: 5px;**/
          
          height:100%;
	  	}
	  	 .timeline-content .video-container {
            position: relative;
            width: 100%;
            
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            overflow: hidden ;
            background: #000;
        }
 .timeline-content .video-container video {
     position: absolute;
 }
        .video-container video {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* cover, contain, fill, etc. */
        }
	  	.video-player-button-mid{
	  	    position:absolute;
	  	    background:var(--brand_color) !important;
	  	    color:#fff !important;
	  	    height:30px;
	  	    width:30px;
	  	    border-radius:50%;
	  	    border:2px solid #fff !important;
	  	    top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  	display: flex;
            justify-content: center;
            align-items:center;
            padding:0;
	  	}
	  	.timeline-content	.video-container .video-player-button-mid{
          opacity:0;
	  	}
	#video-container {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999999;
		background-color: #fff;
		width: 100%;
		height: 100vh;
	  }
	  #shareConversation{
	      z-index: 99999999999;
	  }
	  #video-container .media_action_btn {
		  display: flex;
		  justify-content: center;
		  width: 100%;
		  background-color: transparent;
		  position: absolute;
		  filter: blur(40%);
		  top: 30%;
		  left: 0;
	  }
  
	  #video-container video {
		width: 100%;
		height: auto;
	  }
	  #video-container  #close-camera-btn {
		  position: absolute;
		  top: 0%;
		  left: 20px;
		  color: #fff;
	  }
	  #camera-btn,
	  #close-camera-btn {
		/* margin-bottom: 10px;
		padding: 10px;
		font-size: 16px; */
		cursor: pointer;
	  }
  
	  #video-container #capture-btn .inner_camera_btn span {
		  width: 50px;
		  height: 50px;
		  background-color: #fff;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  margin: 0 auto;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
	  }
	  #video-container .inner_camera_btn {
		  width: 60px;
		  height: 60px;
		  background-color: transparent;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  border: 1px solid #fff;
		  position: relative;
	  }
     .video-player-button-mid .bi-play-fill{
         margin-left:3px;
     }
	  #video-container #record-btn .inner_video_btn span {
		  width: 50px;
		  height: 50px;
		  background-color: #f00;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  margin: 0 auto;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
	  }
	  #video-container #timer {
		  position: absolute;
		  top: 3%;
		  left: 50%;
		  transform: translate(-50%, -2%);
		  background: #f00;
		  color: #fff;
		  font-family: 'Outfit-Light', sans-serif;
		  font-size: 10px;
		  border-radius:5px;
	  }
	  #video-container .inner_video_btn {
		  width: 60px;
		  height: 60px;
		  background-color: transparent;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  border: 1px solid #fff;
		  position: relative;
	  }
  
	  #video-container  #stop-btn .stop_vid_btn span {
		  width: 50px;
		  height: 50px;
		  background-color: #fff;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  margin: 0 auto;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
	  }
	  #video-container .stop_vid_btn {
		  width: 60px;
		  height: 60px;
		  background-color: transparent;
		  content: "";
		  border-radius: 50%;
		  display: block;
		  border: 1px solid #fff;
		  position: relative;
	  }
  
	  #capture-btn,
	  #record-btn,
	  #stop-btn,
	  #close-camera-btn {
		margin-right: 10px;
		padding: 10px;
		font-size: 16px;
		cursor: pointer;
	  }
  
  
	  .navbar {
		  background: #fff;
	  }
	  .chat_item .row{
	      margin:0 auto;
	  }
	  .chat_item_body {
		  width: 100%;
		  height: 100vh;
		  background-color: #f6f6f6;
		  padding: 0px 15px;
	  }
	  .chat_item_body .chat_date {
		  position: fixed;
		  left: 50%;
		  top: 10%;
		  z-index: 9999;
		  transform: translate(-50%, -10%);
	  }
	  .fixed_bottom_input_box {
		  position: fixed;
		  /* display: flex;
		  flex-direction: row; */
		  bottom: 0;
		  left: 0;
		  padding: 10px 10px;
		  background-color: #fff;
		  border-top: 1px solid #ddd;
		  width: 100%;
		  height: auto;
	  }
	  .fixed_bottom_input_box .modal_pop{
		  /* padding: 4px 5px; */
		  margin-top: 2px;
		  cursor: pointer;
	  }
	  .fixed_bottom_input_box .modal_pop svg{
		  width: 25px;
		  height: 25px;
		  color: #000;
	  }
  
	  .fixed_bottom_input_box .send_btn a{
	      width: 25px;
		  height: 25px;
		  display: block;
		  border-radius: 50%;
	  }
	  .fixed_bottom_input_box .send_btn{
		  width: 25px;
		  height: 25px;
		  position: relative;
		  border-radius: 50%;
		  background: var(--brand_color);
		  margin-top: 4px;
	  }
	  .fixed_bottom_input_box .send_btn svg{
		  width: 15px;
		  height: 15px;
		  color: #000;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
	  }
	  .fixed_bottom_input_box .input_box input{
		  border-radius: 20px;
		  font-family: 'Outfit-Light', sans-serif;
		  color: var(--black_bg);
		  font-size: 13px;
	  }
	  
		  .chat_item_body .chat_date_header {
		  background-color: var(--white_bg);
		  padding: 5px 5px;
		  border: var(--border);
		  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 3%);
		  font-family: 'Outfit-Light', sans-serif;
		  font-size: 10px;
		  border-radius: 5px;
		  }
		  .chat_item_body .chat_body .chat_item .itemBoxHeading {
		  background-color: var(--white_bg);
		  padding: 10px;
		  border-radius: 5px;
		  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 5%);
		  }
		  .chat_item_body .chat_body .chat_item .itemBoxHeading a:hover,
		  .creator_row a:hover{
    		  text-decoration:none;
		  }
		  .chat_item_body .chat_body .chat_item .itemBoxHeading .chat_data p {
		  font-family: 'Outfit-Light', sans-serif;
		  font-size: 14px;
		  color: var(--black_bg);
		  margin-bottom: 0;
		  }
		  .chat_item_body .chat_body .chat_item .itemBoxHeading .chat_time span, .chat_item_body .chat_body .chat_item .itemBoxHeading .quoted-num,
		  .chat span.chat_time{
		  font-family: 'Outfit-Light', sans-serif;
		  font-size: 10px;
		  color: var(--inactive_link);
		  }
		  .chat_item_body .chat_body {
		  border-bottom: var(--border-bottom);
		  margin-bottom: 0px;
		  padding: 20px 0;
		  position: relative;
		  }
		  .chat_item_body .chat_body .chat_item {
		  margin-top: 0px;
		  margin-bottom: 0px;
		  }
		  .chat_item_body .chat_body .sender {
		  font-family: 'Outfit-Light', sans-serif;
		  font-size: 12px;
		  color: var(--brand_color);
		  font-weight: 800;
		  }
		  .view_conversation_chats .chat_body .c-chat-side{
		      display:flex;
              align-items:center;
              height:50px;
		  }
		   .view_conversation_chats .chat_body .c-chat-side .itemBoxHeading{
		       width:100%;
              height:30px;
              padding-top:5px;
		  }
		  .quoted-conversation{
          border-left:5px solid #619cfa;
          padding:2px;
          padding-left:10px;
          background-color:#fafafa;
      }
      .quoted-conversation{
           background-color:#f0eded;
           margin-bottom:10px;
      }
      .quoted-conversation p{
          font-size:11px !important;
          color:#666  !important;
      }
      
	        .quoted-conversation .sender{
                     /*  color:#619cfa !important;*/
                  }
		  .chat_item_body .chat_body .img_box {
		  width: 35px;
		  height: 35px;
		  border-radius: 50%;
		  position: absolute;
		  bottom: 0;
		  }
		  .chat_item_body  .img_box img {
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
		  object-fit: cover;
		  }

	  /******The recent styles for the conversations ends here******/
	  .nav-title-wrap{
	     min-width:100px;
	      text-align:center;
	  }
	  .conversation-title-wrap{
	      display:flex;
	      justify-content:center;
	      align-items:center;
	  }
	.view-details{
	      display:flex;
	      justify-content:center;
	      text-align:center;
	      text-decoration:none;
	      font-size:10px;
	      position:absolute;
	      color:#9d9c9c;
	      width:100px;
	      top:40px;
	      margin:0 auto;
	  }
	  .view-details:hover{
	      text-decoration:none;
	      color:var(--brand_color);
	  }
	  .conversationToggle {
			position: fixed;
			bottom: -100%;
			left: 0;
			z-index: 999999;
			width: 100%;
			height: auto;
			background: var(--white_bg);
			transition: all .5s ease-in-out;
			border-top-right-radius: 20px;
			border-top-left-radius: 20px;
			padding: 40px 15px;
			overflow: scroll;
		  }

		  .conversationToggle .card-body {
			padding: .9rem;
		  }
		  
		  .conversationToggle.active {
			bottom: 0 !important;
		  }
		  
		  .conversationToggle .details .item {
			padding: 20px 0;
			border-bottom: var(--border-bottom);
		  }
	
		  .conversationToggle .close_btn,.settings_ui .close_btn {
			position: absolute;
			top: 20px;
			left: 50%;
			transform: translate(-50%, 0);
			width: 50px;
			height: 10px;
			background-color: var(--inactive_link);
			border-radius: 15px;
		  }
	
		
				.data_dropdown {
				margin-top: 70px;
				padding: 10px 15px;
				}
				.data_dropdown .text-left span{
				font-family: 'Outfit-Light', sans-serif;
				font-size: 13px;
				color: var(--black_bg);
				display:inline-flex;
				height:20px;
				align-items:center;
				gap:5px;
				}
				.data_dropdown .text-left span svg{
				width: 15px;
				height: 15px;
				}
				
				.highlighted-keyword{
				    background:var(--brand_color);
				}
				#conversation_details  .img_box,
				#followConversation  .img_box {
				width: 100%;
				height: 130px;
				border: 5px solid #ebebeb;
				padding: 5px;
				overflow: hidden;
				}
				#conversation_details  .img_box{
				height: 200px;
				}
				#conversation_details  .img_box img,
				#followConversation  .img_box img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				}
				#conversation_details  .text_box p,
				#followConversation  .text_box p {
				font-family: 'Outfit-Light', sans-serif;
				font-size: 14px;
				color: var(--black_bg);
				margin-bottom: 0;
				}
				#conversation_details  .text_box h2,
				#followConversation  .text_box h2 {
				font-family: 'Outfit-Medium', sans-serif;
				font-size: 14px;
				color: var(--black_bg);
				margin-bottom: 0;
				}
				.creator_row {
				border-top: 1px solid #f2f2f2;
				/* padding: 10px 0; */
				margin-top: 15px;
				padding-top: 10px;
				}
				.creator_row span {
				font-family: 'Outfit-Light', sans-serif;
				font-size: 13px;
				color: var(--black_bg);
				}
				.creator_row .leave_btn,.creator_row .leave_req_btn {
				color: #000;
				font-family: 'Outfit-Light', sans-serif;
				font-size: 13px;
				border-bottom: 1px solid #000;
				}
				.creator_row .join_btn {
				color: var(--brand_color);
				font-family: 'Outfit-Light', sans-serif;
				font-size: 13px;
				border-bottom: 1px solid var(--brand_color);
				}
				.creator_row .leave_btn svg,.creator_row .leave_req_btn svg{
				width: 10px;
				height: 10px;
				}
				.creator_row .join_btn svg{
				width: 10px;
				height: 10px;
				}
				.data_dropdown .text-right svg {
				transition: transform 0.5s ease-in-out;
				}

				.data_dropdown .rotated svg {
				transform: rotate(180deg);
				}

				.conversationToggle  .img_box {
				width: 100%;
				height: 130px;
				border: 5px solid #ebebeb;
				padding: 5px;
				overflow: hidden;
				}
				.conversationToggle  .img_box img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				}
				.conversationToggle  .text_box p {
				font-family: 'Outfit-Light', sans-serif;
				font-size: 13px;
				color: var(--black_bg);
				margin-bottom: 0;
				}
				.conversationToggle  .text_box h2 {
				font-family: 'Outfit-Bold', sans-serif;
				font-size: 13px;
				color: var(--black_bg);
				margin-bottom: 0;
				}
				.conversation-avatar-side{
				    display:flex;
				    justify-content:center;
				    padding:0;
				}
				.conversation-avatar-side .img_box{
				    bottom:10px !important;
				}
				.front-view-conversations{
				    margin-bottom:100px;
				}
			.chat_item_body	.view_conversation_chats{
				    background-color: #f6f6f6;
                  /*  margin-bottom: 100px !important;*/
				}
			.view_conversation_chats-bottom{
			    height:60px;
			    width:100%;
			    float:left;
			}	
		/*	.conversation_comments-placeholder{
			    width: 100%;
            	height:20px;
            	display: flex;
            	justify-content: center;
            	align-items:center;
            	font-size:40px;
            	color:#666;
            	margin-top:0px;
			}*/

 .conversation-nav.navbar {
    background: #fff;
    border-bottom: var(--border-bottom);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
  }

.conversation-nav.navbar {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
    height: 60px;
  }

.conversation-nav  .navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

.conversation-nav  .navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

.conversation-nav  .nav-title {
    font-family: 'Outfit-Medium', sans-serif;
    font-size: 1em;
    font-weight: 800;
    margin-top: 4px;
    margin-right: 0;
  }

 .conversation-nav.navbar .user_profile {
    width: 30px;
    height: 30px;
    background: #f9f9ef;
    border-radius: 50%;
}

.conversation-nav.navbar .user_profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.conversationBody .navbar .d-flex {
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.conversationFooter.bottom_input {
    padding: 10px 10px;
    background-color: var(--white_bg);
    height: auto;
    /*height: 60px;*/
    border-top: var(--border);
}

.conversationFooter.bottom_input .input_group {
    background-color: #F3F5F6;
    border-radius: 30px;
    padding: 5px 5px; 
    padding-bottom:0;
    gap:4px;
    align-items:center;
}

.conversationFooter.bottom_input .input_group textarea {
    border-radius: 20px !important;
    margin: 0 10px;
    background-color: transparent;
    border: none;
    font-family: 'Outfit-Light', sans-serif;
    font-size: 1em;
    color: var(--black_bg);
}

.conversationFooter .input:focus,
.conversationFooter .input:active {
    outline: none !important;
    box-shadow: none !important;
}

.conversationFooter.bottom_input .input_group input::placeholder {
    font-size: .9em;
    color: #999;
}

.conversationFooter.bottom_input .input_group .input-group-prepend {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--white_bg);
}

.conversationFooter.bottom_input .input_group .input-group-append {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--brand_color);
}

.conversationFooter.bottom_input .input_group .input-group-append i,   .conversationFooter.bottom_input .input_group .input-group-prepend i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--black_bg);
}

.conversationBody.chat_body {
    position: relative;
    top: 60px;
    bottom: 60px;
    height: 85vh;
    overflow-y: auto;
    padding: 15px 15px;
}

.conversationBody .chat {
    clear: both;
    margin-bottom: 20px;
    max-width: 95%;
    word-wrap: break-word;
    padding: 10px 20px;
}

.conversationBody .chat_one {
    background-color: #F3F5F6;  
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    float: left;
}

.conversationBody.chat_body .user_profile {
    width: 30px; 
    height: 30px; 
    background: #f9f9ef;
    border-radius: 50%;
    margin-top: 2px;
}

.conversationBody.chat_body .user_profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.conversationBody.chat_body .quoted-conversation .d-flex {
    min-height:30px;
}
.conversationBody.chat_body .d-flex {
     gap: 5px;
    align-items: center;
}
.conversationBody.chat_body .quoted-username-container .user_name:nth-child(1) a h6{
    /*color:#000 !important;*/
}
.conversationBody.chat_body .quoted-username-container .user_name:nth-child(2){
    margin-top:-4px;
}
.conversationBody.chat_body  .user_name h6{
    font-family: 'Outfit-Light';
    color: #888;
    font-size: .8em;
    margin:0;
}

.conversationBody.chat_body .user_name h5{
    font-family: 'Outfit-Medium';
    color: var(--black_bg);
    font-size: .9em;
    margin-bottom: 0;
}

.conversationBody.chat_body .chat_two .user_name h6{
    font-family: 'Outfit-Light';
    color: #444;
    font-size: .8em;
}

.conversationBody.chat_body .user_msg p{
    font-family: 'Outfit-light';
    color: var(--black_bg);
    font-size: .85em;
    margin-bottom:2px;
}

.conversationBody .conversation-tools-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    margin-top: 5px;
  }

.conversationBody  .conversation-tools{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    gap: 20px;
  }
.conversationBody .chat-timers {
    display: flex;
    align-items: center;
    height: 25px;
    gap: 3px;
  }
.conversationBody.chat_body .chat_one .conversation-tools-wrap .conversation-tools .conversation-reply i {
    font-size: 15px;
    cursor: pointer;
    color: #777;
  }

.conversationBody.chat_body .chat_one .conversation-tools-wrap .conversation-tools .conversation-like i,.like-comment i {
    font-size: 12px;
    cursor: pointer;
    color: #555;
  }

.conversationBody.chat_body .chat_one .conversation-tools-wrap .conversation-tools .quoted-num {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 11px;
     color: #777;
  }

.conversationBody.chat_body .chat_one .conversation-tools-wrap  .chat_time span {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 11px;
     color: #777;
  }


.conversationBody.chat_body .chat_two {
    background-color: #fdecd1;
    border-bottom-right-radius: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    float: right;
}

.conversationBody.chat_body .chat_two .conversation-tools-wrap .conversation-tools .conversation-reply i {
    font-size: 18px;
    cursor: pointer;
    color: var(--black_bg);
  }

.conversationBody.chat_body .chat_two .conversation-tools-wrap .conversation-tools .conversation-like i {
    font-size: 12px;
    cursor: pointer;
    color: var(--black_bg);
  }

.conversationBody.chat_body .chat_two .conversation-tools-wrap .conversation-tools .quoted-num {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 11px;
    color: var(--black_bg);
  }

.conversationBody.chat_body .chat_two .conversation-tools-wrap .chat_time span, .chat-timers .chat_network-status {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 11px;
    color: var(--black_bg);
  }
.chat-timers .chat_network-status{
    color:#666;
     font-size: 14px;
     margin-top: 4px;
}
.conversationBody.chat_body .chat_reply {
    background-color: var(--white_bg);
    border-left: 2px solid var(--black_bg);
    padding: 5px;
    padding-left: 10px;
    border-radius: 5px;
    margin: 5px 0;
  }

.conversationBody.chat_body .chat_reply .user_name h6{
    font-size: .7em;
    margin-bottom: 3px;
  }

.conversationBody.chat_body .chat_reply .user_msg p{
    font-size: .8em !important;
    margin-bottom: 0;
    line-height: 15px;
  }

.conversationModal.modal .modal-title {
    font-family: 'Outfit-Bold';
    font-size: 1em;
    color: var(--black_bg);
  }

.conversationModal.modal .modal-title span {
    font-family: 'Outfit-Light';
    font-size: .5em;
    color: var(--inactive_link);
  }

.conversationModal.modal .modal-body .user_profile {
    width: 30px; 
    height: 30px; 
    background: #f9f9ef;
    border-radius: 50%;
    margin-top: 2px;
}

.conversationModal.modal .modal-body .user_profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.conversationModal.modal .modal-body  .user_name h6{
  font-family: 'Outfit-Light';
  color: #888;
  font-size: .8em;
}

.conversationModal.modal .modal-body .user_name h5{
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: .9em;
  margin-bottom: 0;
}

.conversationModal.modal .modal-body .d-flex {
  gap: 10px;
}

.conversationModal.modal .modal-body .img_box {
  width: 100%; 
  height: 30vh; 
  border: 5px solid #ededed;
  padding: 5px;
}

.conversationModal.modal .modal-body .img_box  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.conversationModal.modal .modal-body p {
  font-family: 'Outfit-light';
  color: var(--black_bg);
  font-size: .85em;
}

.conversationModal.modal .modal-footer .join_conversation_btn {
  background-color: var(--brand_color);
  font-family: 'Outfit-light';
  color: var(--black_bg);
  font-size: .95em;
}

.conversationModal.modal .modal-footer {
  justify-content: center;
  margin: 0;
}

.conversationModal.modal .modal-footer span {
  font-family: 'Outfit-light';
  color: var(--inactive_link);
  font-size: .85em;
}

.conversationSearchBox.search_box {
  position: fixed;
  top: 0;
  padding: 10px 15px;
  z-index: 1029;
  width: 100%;
  background-color: var(--white_bg);
  border-bottom: var(--border-top);
  box-shadow: 0 10px 5px 0 rgba(0, 0, 0, .05);
  transition: all .5s ease-in-out;
}

.conversationSearchBox.search_box.active {
  top: 60px;
}

.conversationSearchBox.search_box .d-flex {
  align-items: center;
  gap: 15px;
}

.conversationSearchBox.search_box .d-flex input {
  font-family: 'Outfit-light';
  color: var(--black_bg);
  font-size: .95em;
  border-radius: 20px;
}

.conversationSearchBox.search_box .d-flex input::placeholder {
  color: var(--inactive_link);
}
			
			
			
	.google-sign p{
   width:100%;
    border:none;
    padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  background:#fff !important;
  border:1px solid #ccc !important;
  border-radius: .25rem;
  color:#000;
}
	.google-sign{
    display:block;
   padding:0;
   background:#fff !important;
    margin-top:7px;
}
 .google-sign img{
     width:20px !important;
     height:20px !important;
     border-radius:50%;
     float:left;
     margin-top:3px;
 } 	
 /**video player styles **/
 .video-container {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

.video-player {
  width: 100%;
}

.video-player-controls {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 10px;
  display: flex;
  height:20px;
  justify-content: space-between;
  align-items: center;
}

.video-player-button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color:#fff;
}

.video-player-input[type="range"] {
  width: 100px;
  display:none;
}
/* Hide default progress bar */
video::-webkit-media-controls {
  display: none !important;
}

/* Custom progress bar */
progress {
  width: 100% !important;
  height: 2px;
  position:relative;
  appearance: none;
  border: none;
  background-color: rgba(255,255,255,0.5);
  margin-bottom:3px;
  border-radius: 0px;
}

progress::-webkit-progress-bar {
  background-color: rgba(255,255,255,0.5);;
  border-radius: 3px;
}

progress::-webkit-progress-value {
  background-color: var(--brand_color);
  border-radius: 3px;
}

progress::-moz-progress-bar {
  background-color: var(--brand_color);
  border-radius: 3px;
}
.progress-container{
    position:relative;
}
.video-time-display{
    font-size:12px;
    color:#fff;
    position:absolute;
    bottom:30px;
    right:10px;
}
#bufferingProgress {
  height: 2px;
  top: 13px;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4); /* Buffering progress color */
  border-radius: 5px;
  position:absolute;
  z-index:1;
}

.foward-rewind-div{
    position:absolute;
    top:100px;
    display:flex;
    height:30px;
    width:40px;
    justify-content:space-between;
    align-items:center;
    color:#fff;
}

.foward-rewind-div.right{
    position:absolute;
    right:10px;
}
.foward-rewind-div.left{
    position:absolute;
    left:10px;
}
/**post styles **/
  .post-nav.navbar {
    background: #fff;
  }

  .post-nav.navbar {
    border-bottom: var(--border-bottom);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
  }

  .post-nav.navbar {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
  }

  .post-nav.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

  .post-nav.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

  .post-nav .nav-title {
    font-family: 'Outfit-Medium', sans-serif;
    font-size: 1em;
    font-weight: 800;
    margin-top: 4px;
    margin-right: 0;
  }

  .post-nav .post_btn{
    background-color: var(--brand_color);
    color: var(--black_bg);
    font-family: 'Outfit-Light', sans-serif;
    font-size: 1em;
  }


.post-img_input_box {
  border: 1px dashed #4E5CD4;
  padding: 20px 0;
  text-align: center;
  border-radius: 10px;
  background-color: #FBFCFD;
}

.post-data_form_box .img_input_box label {
  color: #222;
  font-family: 'Outfit-Light', sans-serif;
  font-size: 13px;
  margin-bottom: 0;
  cursor: pointer;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.post-data_form_box #mediaImage {
  display: none;
}

.post-data_form_box .selected_img {
  margin-top: 15px;
}

.post-active_link {
  color: var(--black_bg);
  font-family: 'Outfit-Light', sans-serif;
  font-size: 1em;
  background-color: var(--brand_color);
}

.post-cta_para {
  color: #777;
  font-family: 'Outfit-Light', sans-serif;
  font-size: .9em;
  margin-bottom: 5px;
}
.post-cta_para a{
     color: #777;
  font-family: 'Outfit-Light', sans-serif;
  font-size: .9em;
  font-weight:bold;
  color: var(--brand_color);
}
.post-data_form_box {
  padding: 10px;
  border-radius: 5px;
  /* box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05); */
  box-shadow: 0 1px 8px rgba(109, 117, 141, .18);
}

.post-data_form_box textarea {
  border: var(--border);
  width: 100%;
  outline: none;
  font-family: 'Outfit-Light', sans-serif;
  font-size: 1em;
  color: var(--black_bg);
  padding: 10px;
  border-radius: 5px;
}

.post-data_form_box textarea::placeholder {

}

.post-data_form_box .mb_text {
  font-family: 'Outfit-Light', sans-serif;
  font-size: .8em;
  color: #555;
  border: 1px solid #555;
  padding: 0 5px;
  border-radius: 4px;
}

.post-input_btn {
  background: #fff;
  color: var(--inactive_link);
  font-family: 'Outfit-Light', sans-serif;
  font-size: 0.8em;
  text-align: left;
  border:1px solid var(--inactive_link);
  border-radius: 25px;
}
/** Post timeline UI **/
 .post_item {
   /* padding: 10px;*/
    width: 100%;
   /* border: 1px solid rgba(0, 0, 0, .1) */
  }

  .post_item .post_card_img .img_box {
    width: 100%;
    height: 35vh;
    border: 5px solid #ebebeb;
    padding: 5px;
    margin: 20px 0;
    margin-top: 10px;
  }

  .post_item .post_card_img .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .post_item .carousel-indicators li {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    background-color: #999;
    border-top: 0;
    border-bottom: 0;
  }

  .post_item .carousel-indicators {
    bottom: -10px;
  }

  .post_item .carousel-indicators li.active {
    background-color: var(--blue);
  }

  .post_item .profile_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 5px;
  }

  .post_item .profile_header a {
    text-decoration: none;
    color: var(--black_bg);
    font-family: 'Outfit-Light', sans-serif;
}

.post_item .profile_header a h4 {
    font-size: 12px;
    margin-bottom: 0;
}

.post_item .profile_header a p {
    font-family: 'Outfit-Light', sans-serif;
    font-size: 12px;
    color: var(--inactive_link);
    margin: 0;
    line-height: 15px;
}

.post_item .profile_header .img_box {
    width: 30px;
    height: 30px;
    background: #f9f9ef;
}

.post_item .profile_header .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.post_item .post_text p span {
    color: #888;
}

.post_item .post_text p {
    font-size: 12px ;
    font-family: 'Outfit-Light', sans-serif;
    color: #222;
    margin-bottom: 0;
    letter-spacing: normal;
    font-style: normal;
    text-transform:uppercase;
}

.post_item .bottom_action_btn {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    margin-top: 25px;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
  display:none;
}
.goto-signin{
    margin: 0 auto;
    margin-top:20px;
    width:150px;
    font-weight: bold;
}
.goto-signin-check i{
    font-size:50px;
    color:green;
}
.goto-signin-wrap .mobile-alert{
     color:green;
     font-weight:bold;
}
.hourglass-split i{
    font-size:70px;
    color:var(--brand_color);
}
.queued-message{
    font-size:20px;
    font-weight:bold;
}
.queued-message-para{
    color:#666;
}
  .verification-badge{
      color:green !important;
      margin-left:3px;
  } 
  .profile-desc .verification-badge{
      font-size:13px;
  }
 .badge-black{
     color:#000 !important;
 }   
     .community_overlay_bg {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .15);
        display: none;
      }

      .community_bottom_nav.bottom_nav {
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 999999;
        width: 20%;
        height: 100vh;
        max-height: 100vh;
        background: var(--white_bg);
        transition: all .5s ease-in-out;
        padding: 20px;
        overflow: scroll;
      }

      .community_bottom_nav.bottom_nav.active {
        left: 0;
      }

      .manager_dashboard .header h3 {
        font-family: 'Outfit-Medium', sans-serif;
        font-size: .8em;
        color: var(--black_bg);
      }

      .manager_dashboard .header {
        margin-bottom: 20px;
      }






.manager_dashboard .participant {
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }

.manager_dashboard  .participant .user_data_box{
    border-bottom: var(--border-bottom);
    padding: 10px 0;
  }
.manager_dashboard  .participant .user_data_box a i{
    color:var(--inactive_link);
  }
.manager_dashboard .participant .user_data_box a:hover{
    text-decoration:none;
  }

.conversation-creator{
    margin-bottom:10px;
}
  .participant .user_data_box .d-flex{
    align-items: center;
  }

.manager_dashboard  .participant .user_data_box .user_profile {
    width: 30px; 
    height: 30px; 
    background: #f9f9ef;
    border-radius: 50%;
    margin-right: 15px;
}

.manager_dashboard .participant .user_data_box .user_profile  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.manager_dashboard .participant .user_data_box  .user_name h6{
  font-family: 'Outfit-Light';
  color: #888;
  font-size: .8em;
}

.manager_dashboard .participant .user_data_box  .user_name h5{
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: .9em;
  margin-bottom: 0;
}

.manager_dashboard .participant .user_data_box .icon {
  order: 1; 
  margin-left: auto; 
}
.manager_dashboard .header_item{
    margin-top:30px;
    margin-bottom:20px;
}
.manager_dashboard .header_item .participant_search{
  width: 30px;
  height: 30px;
  background-color: #F3F5F6;
  position: relative;
  border-radius: 50%;
  order: 1; 
  margin-left: auto; 
  margin-bottom: 10px;
  cursor: pointer;
}

.manager_dashboard .header_item .participant_search i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.manager_dashboard .header_item .participant_search  a {
  color: var(--black_bg);
  text-decoration: none;
}

.manager_dashboard .header_item h2 {
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: 1.1em;
}

.manager_dashboard .search_input {
  margin: 25px 0;
}

.manager_dashboard .search_input input{
  font-family: 'Outfit-Light', sans-serif;
  font-size: .9em;
  color: var(--black_bg);
  border-radius: 20px;
  background-color: #F3F5F6;
  border: none;
}






      .community_bottom_nav.bottom_nav .details .item{
        padding: 20px 0;
        padding-left: 0px;
        border-bottom: var(--border-bottom);
      }

      .community_bottom_nav.bottom_nav .details .item:last-child{
        border-bottom: none;
        margin-bottom:40px;
      }

      .community_bottom_nav.bottom_nav .details .item p {
        font-family: 'Outfit-Light', sans-serif;
        font-size: 13px;
        color: var(--black_bg);
        margin-bottom: 0;
        font-style: normal;
        display: flex;
        height: 20px;
        align-items: center;
        gap: 10px;
      }

      .community_bottom_nav.bottom_nav .details .item a {
        text-decoration: none;
        color: var(--black_bg);
      }

      .community_dashboard_nav .nav_toggle i {
        color: var(--black_bg);
        font-size: 25px;
      }

      .community_dashboard_nav .img_box {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #F3F5F6;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .community_dashboard_nav .img_box .user_name_initials h2 {
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 1em;
        color: var(--black_bg);
        margin-bottom: 0;
      }

      .community_dashboard_nav .img_box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
      }

      @media screen and (max-width: 560px){
        .community_bottom_nav.bottom_nav {
          position: fixed;
          left: auto;
          top: auto;
          bottom: -100%;
          z-index: 999999;
          width: 100%;
          min-height: 20vh;
          height: auto;    
          max-height: 80vh;
          background: var(--white_bg);
          transition: all .5s ease-in-out;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          padding: 20px;
          overflow: scroll;
        }
        .community_bottom_nav.bottom_nav.active {
          bottom: 0 !important;
        }
      }

      .community_dasboard_footer {
       /* position: fixed;*/
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 10px;
        background-color: var(--brand_color);
      }


.shareLink .text_box .d-flex .social_icon a i{
  font-size: 20px;
} 

.shareLink .text_box .box{
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
} 
.copy-text-wrap{
    height:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family: 'Outfit-Light', sans-serif;
}
.copy-text-wrap span{
    font-size:12px;
    color:#666;
}
.copy-text-wrap i{
    height:25px;
    width:25px;
    border-radius:50%;
    background:#f2f2f2;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:15px;
}
.copy-text-wrap i:hover{
    background:var(--inactive_link);
    transition:0.5s all;
}
.btn:disabled{
     background:#f2f2f2 !important;
     border:none !important;
}
.community-info-container{
    font-family: 'Outfit-Light', sans-serif;
    padding:20px;
}
/**communiity dashboard **/
  .community_dashboard_nav {
    background: #fff;
    border-bottom: var(--border-bottom);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
  }

  .community_dashboard_nav {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
    height: 60px;
  }

  .community_dashboard_nav .navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

  .community_dashboard_nav .navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
  }

  .community_dashboard_nav .nav-title {
    font-family: 'Outfit-Medium', sans-serif;
    font-size: 1em;
    font-weight: 800;
    margin-top: 4px;
    margin-right: 0;
  }


.community_dashboard_nav .d-flex .go-back i {
  font-size: 20px;
}

.manager_dashboard {
    margin-top: 70px;
    margin-bottom: 60px;
}
    .manager_dashboard .card-header {
    background: transparent;
    }

    .manager_dashboard .card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 5px;
    padding: 0 10px;
    }


    .manager_dashboard .card .card-header  .card_header_icon {
    float: right;
    transition: all .3s ease-in-out;
    }

    .manager_dashboard .card .card-header  .card_header_icon i {
    font-size: 15px;
    }

    .manager_dashboard .card .card-header button {
    text-decoration: none;
    color: #000;
    font-family: 'Outfit-Light', sans-serif;
    font-size: .45em;
    border-radius: 0;
    padding: 15px 0px;
    border-bottom: 1px solid #F3F5F6;
    }

    .manager_dashboard .card .card-header {
    padding: 0;
    }

    .manager_dashboard .card .card-body .top-row .box {
        box-shadow: 0 1px 5px rgba(109, 117, 141, .1);
        padding: 10px 10px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .manager_dashboard .card .card-body .top-row .box .d-flex{
       align-items: center;
    }

    .manager_dashboard .card .card-body .top-row .box .d-flex span{
        order: 1;
        margin-left: auto;
        font-family: 'Outfit-Light', sans-serif;
        font-size: .75em;
        color: #999;
     }

    .manager_dashboard .card .card-body {
        padding:  1.25rem 0;
    }

    .manager_dashboard .card .card-body .top-row .box .text-box h2 {
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        color: #000;
        margin-bottom: 2px;
      }

      .manager_dashboard .card .card-body .top-row .box .text-box  p {
        font-family: 'Outfit-Light', sans-serif;
        font-size: .75em;
        color: #444;
        margin-bottom: 0;
      }

    .rotate {
        transform: rotate(180deg);
      }

      .manager_dashboard .data_box {
        margin-top: 30px;
      }

      .manager_dashboard .data_box .d-flex {
        align-items: center;
      }
      .manager_dashboard .data_box .d-flex .flex_items.num {
        order: 1;
        margin-left: auto;
      }
    
      .manager_dashboard .data_box .d-flex .flex_items.num h2 {
        font-family: 'Outfit-Bold', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        color: #000;
        margin-bottom: 2px;
      }

      .manager_dashboard .data_box .d-flex .flex_items span {
        font-family: 'Outfit-Light', sans-serif;
        font-size: .9em;
        color: #444;
        margin-bottom: 0;
      }

      .manager_dashboard .data_box  button,.process-reward {
        border: 1px solid var(--brand_color);
        background-color: var(--brand_color);
        color: #000;
        border-radius: 5px;
        cursor: pointer;
        font-family: 'Outfit-Light', sans-serif;
        font-size: .9em;
      }
      .community-form-logo{
    width:100%;
    height:70px;
    margin-top:10px;
    margin-bottom:0px;
}
.community-form-logo .img_box{
    height:60px;
}
.community-form-logo .img_box img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.box-item {
    background-color: var(--white_bg);
    box-shadow: 0 0px 5px rgba(109, 117, 141, .15);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;
  }
.engagement-list-flex{
     display:flex;
    align-items:center;
    justify-content:space-between;
}
.engagement-list-profile{
    width:65%;
    min-height:40px;
     display:flex;
    align-items:center;
    gap:10px;
}
   .box-item .user_data_box{
    border-bottom: var(--border-bottom);
    padding: 10px 0;
  }
  .box-item .user_data_box a span{
      color:#666;
      font-size:13px;
  }
  
 .box-item .user_data_box a:hover{
    text-decoration:none;
  }

  .box-item .user_data_box .d-flex{
    align-items: center;
  }

  .box-item .user_data_box .user_profile,.box-item .user_data_box .user_profile a{
    width: 40px; 
    height: 40px; 
    background: #f9f9ef;
    border-radius: 50%;
}

.box-item .user_data_box .user_profile{
    display:flex;
    align-items:center;
    justify-content:center;
}
.box-item .user_data_box .user_profile  img, .box-item .user_data_box .user_profile a img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.box-item .user_data_box  .user_name h6{
  font-family: 'Outfit-Light';
  color: #888;
  font-size: .8em;
}

.box-item .user_data_box  .user_name h5{
  font-family: 'Outfit-Medium';
  color: var(--black_bg);
  font-size: .9em;
  margin-bottom: 0;
}

.box-item .user_data_box .icon {
  order: 1; 
  margin-left: auto; 
}
 .attachment-icon{
        width:25px;
        height:25px;
         transform:rotate(90deg);
         margin-left:10px;
         margin-top:-5px;
     }
 .attachment-icon .bi{
         font-size:25px !important;
     }
     .bug-message::placeholder{
          color:#ccc;
     }
     .remove-bug-file{
         position:absolute;
         height:15px;
         width:15px;
         display:flex;
         align-items:center;
         justify-content:center;
         background:var(--brand_color);
         color:var(--black_bg);
         right:0px;
         top:0px;
         z-index:2;
     }
    .bug-file{
        height:70px;
        width:70px;
        position:relative;
    }
    .bug-file img{
        height:100%;
        width:100%;
        object-fit:cover
    }
/**end community**/
/**start ranking board**/
.ct_rkn {
	margin-top: 0px;
}

.ct_rkn .item_box {
	padding: 25px 0px;
	border-bottom: var(--border-bottom);
}


  .ct_rkn .item_box .d-flex {
    align-items: center;
  }


  .ct_rkn .item_box .d-flex .flex_item.item_3 {
    order: 1;
    margin-left: auto;
  }

  .ct_rkn .item_box .d-flex .img_box {
	width: 40px;
	height: 40px;
	background-color: #F3F5F6;
	border-radius: 50%;
	margin-right: 10px;
  }

  .ct_rkn .item_box .d-flex .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
  }


.ct_rkn .item_box .d-flex .flex_item h2{
    font-size: .9em;
	color: var(--black_bg);
	margin-bottom: 0;
	font-family: 'Outfit-Bold', sans-serif;
  }

  .ct_rkn .item_box .d-flex .flex_item h3{
    font-size: .8em;
	color: var(--black_bg);
	margin-bottom: 0;
	font-family: 'Outfit-Medium', sans-serif;
	margin-right: 15px;
  }

  .ct_rkn .item_box .d-flex .flex_item.item_2 p{
    font-size: .8em;
	color: var(--inactive_link);
	margin-bottom: 0;
	font-family: 'Outfit-Light', sans-serif;
	margin-bottom: 0;
  }
  .ct_rkn .item_box .d-flex .flex_item.item_0{
    width:50px;
}
    .ct_rkn .item_box .d-flex .flex_item h3 span{
      font-size: .75em;
      font-family: 'Outfit-Light', sans-serif;
      color:#666;
  }
.ct_rkn .item_box .d-flex .flex_item.item_0 span{
    font-size: 1.2em;
	color: var(--black_bg);
	margin-bottom: 0;
	font-family: 'Outfit-Bold', sans-serif;
	margin-bottom: 0;
	margin-right: 0px;
  }
  
  .ct_rkn .item_box .d-flex .flex_item.item_0 sup{
    font-size: .95em;
    color: var(--black_bg);
    margin-top:0px;
    margin-left:-3px;
    font-family: 'Outfit-Medium', sans-serif;
  }


  .ct_rkn .item_box .d-flex .flex_item.item_2 span{
    font-size: .7em;
	color: var(--inactive_link);
	font-family: 'Outfit-Light', sans-serif;
  }
  .ct_rkn .item_box .d-flex .flex_item.item_3 i{
	color: var(--inactive_link);
	font-family: 'Outfit-Light', sans-serif;
  }
  .raking-cm-logo-container{
      margin-top:75px !important;
  }
  .ct_rkn a:hover{
      text-decoration:none;
  }
/**end ranking board**/

/** start placeholders **/
.story-placeholder .text_box h2:after{
    display:none !important;
}

 .story-placeholder .text_box h2,.comment-placeholder .profile .text_box h3,.conversation_comments-placeholder .profile h5{
     height:10px;
     width:100px;
     background:#eee;
       animation: placeholder-blink 1s infinite;
 }
   .story-placeholder .source_box .img_box, .conversation_comments-placeholder .user_profile {
    width: 30px;
    height: 30px;
    background: #eee !important;
      animation: placeholder-blink 1s infinite;
  }
  .conversation_comments-placeholder .user_profile {
    width: 40px;
    height: 40px;
    background: #eee !important;
      animation: placeholder-blink 1s infinite;
      border-radius:50%;
  }
  .conversation_comments-placeholder .user_profile .conversation-comment-top .d-flex {
   display: flex;
  align-items:center;
  height:50px;
  gap:30px;
  }
  .story-placeholder .post_date,.comment-placeholder .profile .text_box p{
      background: #eee !important;
      margin-top:30px;
      height:5px !important;
     width:50px !important;
       animation: placeholder-blink 1s infinite;
  }
  .conversation_comments-placeholder .conversation-tools-wrap .conversation-tools{
      background: #eee !important;
      margin-top:0px;
      height:5px !important;
     width:50px !important;
       animation: placeholder-blink 1s infinite;
  }
  .conversation_comments-placeholder .profile{
      margin-left:10px;
      margin-top:10px;
  }
  .conversation_comments-placeholder .profile h6{
      background: #eee !important;
      margin-top:10px !important;
      height:5px;
     width:50px;
       animation: placeholder-blink 1s infinite;
  }
  .comment-placeholder .profile .text_box p{
      margin-top:10px !important;
  }
  .story-placeholder .preview_text,.comment-placeholder .comment_box,
  .conversation_comments-placeholder .user_msg{
      background: #eee !important;
      margin-top:5px;
      height:10px;
     width:100%;
       animation: placeholder-blink 1s infinite;
  }
  
  .comment-placeholder .comment-actions .bottom_icons, .comment-placeholder .comment-actions .reply_btn {
      display:flex;
      gap:10px;
  }
  .comment-placeholder .comment-actions .bottom_icons .icon, .comment-placeholder .comment-actions .reply_btn .icon{
      width:50px;
      height:10px;
      border-radius:0;
      margin-top:20px;
      background: #eee !important;
      animation: placeholder-blink 1s infinite;
  }
  .story-placeholder .news_card_img {
      background: #eee !important;
        animation: placeholder-blink 1s infinite;
  }
  .comment-placeholder,.conversation_comments-placeholder{
      background:#f7f7f7  !important;
  }
  .conversation_comments-placeholder{
      padding:10px;
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
  }
  .comment-placeholder .comment-user-profile-wrap .img_box {
     background:#eee;
    animation: placeholder-blink 1s infinite;
}

  @keyframes placeholder-blink {
  0%, 100% { transform: scale(1); }
  70% { transform: scale(0.96); }
}
.bday-box{
     background-color: #fff;
}
.bday-box a{
     z-index:2;
}
.coin-gift-btn{
     height:20px;
     width:100%;
     padding:5px;
     border-radius:0px;
     color:#fff;
     display:flex;
     justify-content: center;
   align-items: center;
   font-size:10px !important;
   /*margin:0 auto;*/
   /*float:right;*/
   text-transform:uppercase;
}
 .coin-gift-btn.owe{
      background:#C80815;
  }
  .coin-gift-btn.gifted{
      background:green;
  }
.bday-box {
            position: relative;
            overflow: hidden;
        }
.story-box{
    z-index:2;
    position: relative;
}
        .bday-box::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
background-image: url('https://test.blogshop.io/img/bd_back.jpeg'); /* Replace with your image URL */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity:0.15;
            z-index: 1;
        }

/** end placeholders **/





  /*******View Story*******/
  .newsbody-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0px 0px;
  }

  .newsbody-wrapper .author-wrapper {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0,.1);
  }

  .newsbody-wrapper .author-wrapper .d-flex{
   justify-content: start;
   align-items: center;
   gap: 10px;
  }

  .newsbody-wrapper .author-wrapper .d-flex h2 {
    font-size: 12px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 600;
  }

  .newsbody-wrapper .author-wrapper .d-flex span.date {
    font-size: 11px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 0px;
  }

  .newsbody-wrapper .author-wrapper .d-flex span {
    font-size: 11px;
    color: #777;
  }

  .newsbody-wrapper .img_box {
    padding: 10px;
    border: 7px solid #ebebeb;
    background: #fff;
  }

  .newsbody-wrapper .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .newsbody-wrapper .text_box p {
    font-size: 15px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    line-height: 25px;
    font-weight: 300;
  }

  .newsbody-wrapper .icon_action_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 0;
  }

  .newsbody-wrapper .icon_action_btn .data-icon{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .newsbody-wrapper .icon_action_btn .data-icon i{
   color: #000;
   font-size: 13px;
  }

  .newsbody-wrapper .icon_action_btn .data-icon span{
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
   }

   .newsbody-wrapper .text_action_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top:20px;
  }

  .newsbody-wrapper .text_action_btn a{
    font-size: 15px;
    font-family: 'Outfit', sans-serif;
    color: #000 !important;
    font-weight: 300;
    border-bottom:1px solid #000;
  }

  /* .newsbody-wrapper .text_action_btn a::after{
   content: "";
   width: 55px;
   height: 1px;
   background-color: #f9a11b;
   margin: 0 auto;
   display: block;
  } */

  .newsbody-wrapper .text_action_btn a i{
    font-size: 10px;
  }

  .newsbody-wrapper .text_action_btn .data-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   /** border: 1px solid rgba(0, 0, 0, .1);
  **/  width: 57px;
    height: 57px;
    border-radius: 50%;
    gap: 0;
    background-color:#fdecd1;
  }

  .newsbody-wrapper .text_action_btn .data-icon h3{
    font-size: 1em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 800;
    margin-bottom: 0 !important;
  }

  .newsbody-wrapper .text_action_btn .data-icon span{
    font-size: .7em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 400;
    text-transform: lowercase;
    margin-top:-7px;
  }

  .related-stories .heading h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.5em !important;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    
  }

  .related-stories .heading  {
   margin-bottom: 0px;
  }

  .related-stories .timeline-content .item_box {
    padding: 15px;
    width: 100%;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .related-stories .timeline-content .item_box .news_card_img {
    width: 100%;
    height: 120px;
    border: 5px solid #ebebeb;
    padding: 5px;
  }

  .related-stories .timeline-content .item_box .news_card_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .related-stories .timeline-content .item_box .text-content {
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 5px;
  }

  .related-stories .timeline-content .item_box .text-content .source-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .related-stories .timeline-content .item_box .text-content .source-box .img_box{
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .related-stories .timeline-content .item_box .text-content .source-box a{
    color: #000;
    text-decoration: none;
  }

  .related-stories .timeline-content .item_box .text-content .source-box .img_box img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
  }

  .related-stories .timeline-content .item_box .text-content .user_name h4{
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
  }

  .related-stories .timeline-content .item_box .text-content .user_name p{
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: #777;
    margin-bottom: 0;
    font-weight: 300;
  }


  .related-stories .timeline-content .item_box .text-content .title-box a {
   color: #000;
    text-decoration: none;
  }

  .related-stories .timeline-content .item_box .text-content .title-box a h2 {
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    margin-bottom: 0;
    font-weight: 300;
    text-transform: uppercase;
  }

  .related-stories .timeline-content .item_box .text-content .title-box a h2::after {
    content: "";
    width: 50px;
    height: 2px;
    background: #f9a11b;
    display: block;
    margin-top: 5px;
  }

  .related-stories .timeline-content .item_box .text-content .time-box span {
    font-size: 11px;
    font-family: 'Outfit', sans-serif;
    color: #777;
  }

  .related-stories .timeline-content .item_box .dropdown-divider{
    margin: 0;
  }

  .related-stories .timeline-content .item_box .text-prev p {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
  }

  .related-stories .timeline-content .item_box .action_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .related-stories .timeline-content .item_box .action_btn .data-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }


  .related-stories .timeline-content .item_box .action_btn .data-icon i {
    color: #000;
    font-size: 13px;
  }

  
  .related-stories .timeline-content .item_box .action_btn .data-icon span {
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
  }
  
   /*******User Blog********/
  .header-wrapper {
    padding: 50px 15px;
  }
 .header-wrapper nav.category {
    padding: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }

  .header-wrapper nav.category ul{
   list-style: none;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   width: 100%;
   overflow: auto;
    white-space: nowrap;
    padding: 0;
    margin: 0;
  }

  .header-wrapper nav.category ul li a{
    font-family: 'Outfit', sans-serif;
    font-size: .8em;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
   }

   .header-wrapper .title-wrapper {
    text-align: center;
    margin-bottom: 15px;
   }

   .header-wrapper  .title-wrapper h1 {
    font-family: "Rozha One", serif;
    font-size: 5.5em;
    font-weight: 300;
    color: #000;
    margin-bottom: 0;
   }

  .banner {
    width: 100%;
    height: 50vh;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
  }

  .story-wrapper {
    padding: 50px 15px;
  }

  .story-wrapper .heading h2{
    font-family: 'Outfit', sans-serif;
    font-size: 2.5em;
    color: #000;
    font-weight: 800;
  }

  .story-wrapper .heading {
    margin-bottom: 30px;
  }

  .story-wrapper .item-box.card {
    border-radius: 0;
  }

  .story-wrapper .item-box.card .card-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: .6rem;
  }

  .story-wrapper .item-box.card .img_box {
    width: 100%;
    height: 250px;
    border-radius: 0;
    border: 5px solid #ebebeb;
    padding: 5px;
    overflow: hidden;
  }

  .story-wrapper .story-wrapper-landscape .item-box.card .img_box {
    height: 150px;
  }

  .story-wrapper .story-wrapper-landscape .item-box.card .text_box {
    height: 150px;
    justify-content: center;
  }

  .story-wrapper .item-box.card .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
  }

  .story-wrapper .item-box.card a {
    color: #000;
    text-decoration: none;
  }

  .story-wrapper .item-box.card a .text_box{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .story-wrapper .item-box.card a .text_box h3{
    font-family: 'Outfit', sans-serif;
    font-size: 1.1em;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
  }

  .story-wrapper .item-box.card a .text_box h3::after {
    content: "";
    width: 50px;
    height: 2px;
    background: #f9a11b;
    display: block;
    margin: 10px 0;
  }

  .story-wrapper .item-box.card a .text_box p{
    font-family: 'Outfit', sans-serif;
    font-size: .9em;
    color: #444;
    font-weight: 300;
    margin-bottom: 0;
  }

  .story-wrapper .item-box.card a .text_box span{
    font-family: 'Outfit', sans-serif;
    font-size: .8em;
    color: #aeaeae;
    margin-bottom: 0;
  }

  .story-wrapper .horizontal_scroll {
    overflow: auto;
    display: flex;
    gap:20px;
    justify-content: start;
    align-items: start;
  }

.story-wrapper .horizontal_scroll .scroll_item {
  padding: 10px 0;
}

.story-wrapper .horizontal_scroll .scroll_item a{
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: start;
  align-items: start;
}

.story-wrapper .horizontal_scroll .scroll_item .img_box {
    width: 300px;
    height: 300px;
    border: 5px solid #ebebeb;
    padding: 5px;
    overflow: hidden;
    /* margin: 0 auto; */
  }

  .story-wrapper .horizontal_scroll .scroll_item .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .story-wrapper .horizontal_scroll .scroll_item a {
    color: #000;
    text-decoration: none;
  }

  .story-wrapper .horizontal_scroll .scroll_item .text_box h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    color: #000;
    margin-bottom: 0;
  }

  .story-wrapper .horizontal_scroll .scroll_item .text_box span{
    font-family: 'Outfit', sans-serif;
    font-size: .8em;
    color: #aeaeae;
    margin-bottom: 0;
  }

  @media screen and (max-width:950px) {
    .header-wrapper {
        padding: 20px 15px;
      }

      .header-wrapper .title-wrapper h1 {
        font-size: 2.5em;
      }

      .header-wrapper nav.category ul {
       gap: 15px;
      }

      .header-wrapper .title-wrapper {
        margin-bottom: 0px;
      }

      .banner {
        width: 100%;
        height: 30vh;
        border-radius: 5px;
      }

      .story-wrapper .heading {
        margin-bottom: 10px;
      }

      .story-wrapper .heading h2 {
        font-size: 1.5em;
        font-weight: 600;
      }

      .story-wrapper .item-box.card {
        margin-bottom: 20px;
      }

      .story-wrapper .item-box.card a .text_box h3 {
        font-size: .9em;
      }

      .story-wrapper .item-box.card a .text_box p {
        font-size: .85em;
      }

    .story-wrapper {
        padding: 30px 15px;
    }

    .story-wrapper .item-box.card .img_box {
        width: 100%;
        max-height: 150px;
    }


    .header-wrapper nav.category ul li a {
        font-size: .7em;
      }

      .story-wrapper .item-box.card a .text_box span {
        font-size: .7em;
      }

      .story-wrapper .horizontal_scroll .scroll_item .text_box h3 {
        font-size: .85em;
      }

      .story-wrapper .horizontal_scroll .scroll_item .img_box {
        width: 150px;
        height: 150px;
      }

      .story-wrapper .horizontal_scroll .scroll_item a{
        gap: 5px;
      }
  }
  /*
    color: #000;
    margin-bottom: 0;
  }*/

  .related-stories .timeline-content .item_box .action_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .related-stories .timeline-content .item_box .action_btn .data-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }


  .related-stories .timeline-content .item_box .action_btn .data-icon i {
    color: #000;
    font-size: 13px;
  }

  
  .related-stories .timeline-content .item_box .action_btn .data-icon span {
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
  }

  /********Updated CSS 16-06-2024********/
  .data-wrapper {
    margin-top: 30px;
  }

  .data-wrapper .item-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper{
    display: flex;
    flex-direction: column;
    gap: 5px;
    position:relative;
    align-items: start;
    justify-content: start;
    /* border: 1px solid rgba(0, 0, 0, .1); */
    padding: 15px 20px;
    border-radius: 10px;
    background-image: linear-gradient(to left, rgba(246, 246, 246, 0.9), rgba(246, 246, 246,0.9)), url('https://as1.ftcdn.net/v2/jpg/04/72/93/66/1000_F_472936680_3S6BksRNWLHedZF361IQn28WpV3kARzP.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
 .data-wrapper .item-box .wallet-balance .balance-wrapper .info{
     position:absolute;
     right:10px;
 }
  .data-wrapper .item-box .cashout .wallet-balance .balance-wrapper{
    background-color: #f6f6f6;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
  }

  .data-wrapper .item-box .cashout .wallet-balance .balance-wrapper.active{
    border: 1px solid #f9a11b;
  }

  .data-wrapper .item-box .cashout label{
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
  }

  .data-wrapper .item-box .cashout input{
    font-size: 1em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
    height: calc(2.2em + .75rem + 2px);
  }

  .data-wrapper .item-box .cashout button{
    font-size: 1em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
    height: calc(2.2em + .75rem + 2px);
    background-color: #f9a11b;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper.rev{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper.rev .revenue-balance{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper.rev .revenue-stream{
   margin-left: auto;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper.rev .revenue-stream a{
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
    border-bottom:1px solid #000;
    text-decoration:none;
   }

   .data-wrapper .item-box .wallet-balance .balance-wrapper.rev .revenue-stream a i{
    font-size: .7em;
   }

  .data-wrapper .item-box .wallet-balance .balance-wrapper h2{
    font-size: 1.3em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
  }

  .data-wrapper .item-box .wallet-balance .balance-wrapper h3{
    font-size: .8em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
    margin-bottom: 0;
  }

  .data-wrapper .item-box .wallet-balance{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .data-wrapper .item-box .cta-wrapper{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-evenly;
  }

  .data-wrapper .item-box .cta-wrapper .cta-btn{
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 80px;
    height: 70px;
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border-radius: 10px;
    background-color: rgb(246, 246, 246);
  }

  .data-wrapper .item-box .cta-wrapper .cta-btn i{
    color: #000;
    font-size: 15px;
  }
.cta-wrapper a:hover{
    text-decoration:none !important;
  }
  .data-wrapper .item-box .cta-wrapper .cta-btn span{
    font-size: .8em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 300;
  }

  .data-wrapper .item-box .recent-transaction{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }


  .data-wrapper .item-box .recent-transaction .heading{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
  }

  .data-wrapper .item-box .recent-transaction .heading h2{
    font-size: 1em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
  }
  .data-wrapper .dropIcon span{
       font-size:0.85em !important;
       color:#666;
       	font-family: 'Outfit-Light', sans-serif;
       margin-right:10px;
   }

  .data-wrapper .item-box .recent-transaction .heading a{
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #aeaeae;
    font-weight: 300;
    margin-left: auto;
  }

  .data-wrapper .item-box .history-wrapper{
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-bottom:80px;
  }

  .data-wrapper .item-box .history-wrapper .box{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0;
  }

  .data-wrapper .item-box .history-wrapper .box .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 15px;
  }
  
 .data-wrapper .item-box .history-wrapper .box .icon-box .user_profile{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow:hidden;
  }
  .data-wrapper .item-box .history-wrapper .box .icon-box .user_profile img{
    width: 100%;
    height: 100%;
    object-fit:cover;
  }
  .data-wrapper .item-box .history-wrapper .box.send-in .icon-box{
  /**  background-color: #a0f8bf;**/
background-color: green;
  }

  .data-wrapper .item-box .history-wrapper .box.send-in .icon-box i{
    color: var(--success);
    color:#fff;
  }

  .data-wrapper .item-box .history-wrapper .box.send-out .icon-box{
   /** background-color: #f3afa3;**/
    background-color: #c80815;
  }

  .data-wrapper .item-box .history-wrapper .box.send-out .icon-box i{
    color: var(--danger);
    color:#fff;
  }


  .data-wrapper .item-box .history-wrapper .box .title-wrapper{
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
  }

  .data-wrapper .item-box .history-wrapper .box .title-wrapper h2{
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
  }
  .data-wrapper .item-box .history-wrapper .box .title-wrapper h2 a{
    color: #000;
  }
  
  .data-wrapper .item-box .history-wrapper .box .title-wrapper span,.transaction-short-description{
    font-size: .8em;
    font-family: 'Outfit', sans-serif;
    color: #aeaeae;
    font-weight: 300;
    margin-bottom: 0;
    margin-top:2px;
  }

  .data-wrapper .item-box .history-wrapper .box .amount-wrapper {
    margin-left: auto;
  }

  .data-wrapper .item-box .history-wrapper .box .amount-wrapper h2{
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
  }

  .data-wrapper .item-box .recent-transaction .search-box{
    /*display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;*/
    margin-top:-20px;
  } 

  .data-wrapper .item-box .recent-transaction .search-box .search-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 4px 15px;
    border-radius: 10px;
    gap: 10px;
  }


  .data-wrapper .item-box .recent-transaction .search-box .search-wrapper input{
    outline: none !important;
    border: none !important;
    font-size: .9em;
    font-family: 'Outfit', sans-serif;
    color: #000;
    height:20px;
    
  }

  .data-wrapper .item-box .recent-transaction .filter-wrapper .dropdown .dropdown-menu .dropdown-item{
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    padding: .25rem 1rem;
  }

  .data-wrapper .item-box .recent-transaction .filter-wrapper .dropdown .dropIcon{
    font-size: 15px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 40px;
  }

  .data-wrapper .item-box .stream-wrapper {
    border: 1px solid rgba(0, 0, 0, .19);
    border-radius: 10px;
    padding: 15px 15px;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
  }

  .data-wrapper .item-box.stream {
   gap: 15px;
  }

  .data-wrapper .item-box .stream-wrapper .info{
   margin-left: auto;
  }

  .data-wrapper .item-box .stream-wrapper h2{
    font-family: 'Outfit', sans-serif;
    font-size: 1.5em;
    color: #000;
    margin-bottom: 0;
    font-weight: 800;
  }

  .data-wrapper .item-box .stream-wrapper span{
    font-family: 'Outfit', sans-serif;
    font-size: .9em;
    color: #aeaeae;
    font-weight: 300;
    margin-bottom: 0;
  }
  .data-wrapper .item-box .d-flex {
    width: 100%;
    background-color: #F5F6F9;
    border-radius: 5px;
    border-radius: 30px;
  }

  .data-wrapper .item-box .d-flex ul {
    width: 100%;
    padding: 5px 5px;
  }

  .data-wrapper .item-box .d-flex li {
    width: 50%;
    text-align: center;
  }

  .data-wrapper .item-box .d-flex ul li a.active {
    background-color: #f9a11b;
    color: #000;
    font-weight: 600;
    border-radius: 30px;
  }

  .data-wrapper .item-box .d-flex ul li a {
    font-family: 'Outfit', sans-serif;
    font-size: .8em;
    color: #555;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 30px;
  }

  .data-wrapper .item-box .tab-content .coin_value {
    font-family: 'Outfit', sans-serif;
    font-size: .8em;
    color: #555;
    font-style: italic;
  }
.final-amount-div p{
    font-size: 1em;
  font-family: 'Outfit', sans-serif;
}
.see-feedback-route sup{
    margin-left:-10px;
}
 .feedbacks_point{
      height:6px;
      width:6px;
      background:red;
      border-radius:50%;
      position:absolute;
      right: 4px;
      animation: blink 1s infinite;
      top: 2px;
  }
  .nav_toggle .feedbacks_point{
      right: 0px;
      top: -1px;
  }
.feedback-alert .feedback-dismiss{
        background:#1167b1;
    }
    .feedback-alert{
        padding-top:20px;
        padding-bottom:20px;
    }
 .feedback-alert .para a{
        color:#1167b1;
        font-size:10px;
        text-transform:uppercase;
        margin-top:-1px;
        display:block;
    }
 
 .feedback-alert .para p{
        margin-bottom:5px;
        color:#1167b1;
    }      
.message-icon{
    width:38px;
    height:auto;
   /* border:1px solid #007bff;
    background-color:#fff;*/
    border-radius:50%;
     display: flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  margin-bottom:0px;
  animation: message 1.5s infinite;
}
.message-btn-wrap .btn{
    font-size: 12px;
    border:none;
    font-weight:100 !important;
}
.message-btn-wrap .btn-success{
    background-color:var(--brand_color);
    color:#000;
}
.message-btn-wrap .btn-danger{
    border:1px solid var(--brand_color);
    color:#000;
    background-color:#fff;
}
.message-icon i{
    font-size:35px;
  /*animation: message-effect 1.5s infinite;*/
  color:#1167b1;
}
.message-icon-wrap{
    height:42px;
}
@keyframes message-effect{
  to {
    font-size:36px;
    /*color:#aed0f4;*/
  }
}
@keyframes message{
  to {
    width:40px;
    height:auto;
  }
}