*,::before,::after{
  margin: 0;
  box-sizing: border-box;
}
body{
  background-color: #FEFEFE;
  font-family: 'Public Sans', sans-serif;
  position: relative;
  min-height: 100vh;
}
.Main-ul li{
  list-style: none;
}
/* li{
  list-style: none;
} */
.h-60{
height: 60px;
}
.dropdownn-button li {
  list-style: none;
}
.w-fit{
  width: fit-content !important;
}
/*checkbox*/
input[type="checkbox"], input[type="radio"] {
cursor: pointer;
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--neutrals-grey-50, #808080);
background: #fff;
line-height: 1.1;
border-radius: 4px;
margin-right: 4px;
transform: translate(0px, 2px);
}
input[type="checkbox"]:after {
content: "";
position: absolute;
 margin-right: 4px;
border-radius: 4px;
display: block;
width: 16px;
height: 16px;
border: 1px solid var(--neutrals-grey-50, #808080);
/* background: #F8F8F8 !important; */
line-height: 1.1;
}
input[type="checkbox"]:checked:after {
width: 16px;
height: 16px;
display: block;
color: #fff;
font-weight: 900;
font-size: 12px;
text-align: center;
background: #000 ;
background-image: url('https://s3.ap-southeast-1.wasabisys.com/inksigma/inksigma/Accounts/images/tick.svg');
background-repeat: no-repeat;
background-position: center;
/* margin-top: -1px; */
border: none;
border-radius: 4px;
}

/* Nav Bar */

.right{
  margin-left: auto;
  margin-right: -24px;
}
.m-flex{
display: flex;
gap:24px
}
/* .Main2{
  margin-top: 64px;
} */

/* Side bar */

.side-bar{
  width: 163px;
}
.Parent-Flex{
  display: flex;
  gap: 8px;
}
.Main-ul{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 0;
  position: fixed;
  margin-top: 64px;
}
.sub-ul{
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: #FEFEFE;
  padding-left: 0;
  padding:8px;
  border-radius: 4px;
  height: 32px;
  width: fit-content;
  cursor: pointer;
}
.ver-line-md{
height: 30px; width: 0px; border: 1px solid #EDEDED;
display: none;
}
.sub-ul li{
  font-size: 14px;
  font-weight: 400;
  color: #999696 !important;
}
.feedback-link{
  background: var(--zblog-primarycolor, linear-gradient(225deg, #A941FB 0%, rgba(120, 100, 240, 0.92) 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 14px;
}
.feed-p{
  font-size: 14px;
}
.feed-title{
  font-size: 16px;
  margin-bottom: 16px;
}
.feed-sub{
  font-size: 14px;
  margin-bottom: 4px;
}
.nav-active{
  font-weight: 600 !important;
}
.zem-write-title .Published{
  align-items: center;
}
.zem-write-title .Draft{
  align-items: center;
}
.blog_border .published_dot{
  display: none;
}
.blog_border .draft_dot{
  display: none;
}
.blog_border .trash_dot{
  display: none;
}
/* .sub-ul:hover{
background-color: #F6F6F6;
} */
.li-img img:hover {
  filter: brightness(0) saturate(100%) invert(28%) sepia(10%) saturate(0%) hue-rotate(146deg) brightness(96%) contrast(94%);
}
/* profile setting dropdown*/
.dropdown-content{
justify-content: flex-end; 
position: fixed; 
top:105px; 
margin-left: 
820px; 
width: 200px; 
background-color: white; 
border-radius: 4px;    
box-shadow: 0px 4px 17px 0px #F1F1F1;
}
.dropDown-items{
padding: 4px 8px; 
border-radius: 4px; 
color: black; 
font-size: 14px;
}
.bg-none{
background: none !important;
}
.ml_auto{
margin-left: auto;
}
.main-flex{
display: flex;
gap: 24px;
}

a{
cursor: pointer;
}
.create-publication{
margin-top: 343px;
width: 296px;
}
.publication-input{
gap: 40px;
}
.publication-input input{
border:none;
border-bottom: 1.5px solid #C8C8C8;
width: 98.5%;
/* margin-top: 12px;
margin-bottom: 6px; */
padding: 5px 0px;
outline: none;
font-family: inherit; 
}
.create-publication h2{
font-size: 24px; font-weight: 700; background: linear-gradient(276deg, #A941FB 0%, rgba(120, 100, 240, 0.92) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.com{
margin-left: -90px;
font-size: 14px;
}
.ml-com{
margin-left: -92px;
font-size: 14px;
}
.start-writing{
display: flex;
transition: all 0.3s ease;
margin-top:62px ;
margin-bottom: 175px;

}
.start-writing img{
transition: all 0.3s ease;

}
.start-writing a{
background: var(--zblog-primarycolor, linear-gradient(225deg, #A941FB 0%, rgba(120, 100, 240, 0.92) 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.start-writing:hover img{
margin-left: 10px;
}

.complete-profile-container{
width: 258px;
}
.complete-profile a{
font-size: 14px;
}
.complete-profile{
border-radius: 4px;
border: 1px solid var(--neutrals-grey-20, #EAEAEA);
transform-origin: left center;
transition: all 0.3s ease;
justify-content: space-between;
white-space: nowrap;
}

.complete-profile-container .complete-profile:hover{
margin-right: -10px;
}
.complete-profile-container .complete-profile:hover img{
margin-left: 5px;
}
.modify{
font-size: 12px;
padding: 12px 16px;
background-color:#F4F4F4;
border-radius: 4px;
margin-top: -28px;
color: #808080;
}

.edit-profile{
/* margin-right:94px; */
margin-left: -40px;
}
.nav-bar ul{
cursor: pointer;
}
/* Vertical Line */
.vertical-line{
  border: solid 1px #EDEDED;
  /* margin-top:64px; */
  height: 100vh;
  width: 1px;
  padding-left: 0;
  position: fixed;
  margin-left: 152px;
}
button{
  font-family: inherit;
  cursor: pointer;
}
.draft{
  position: sticky;
  top: 0px;
  margin-bottom: 168px !important;
}
.w-100{
  width: 100%;
}
.verified_txt{
  font-size: 14px; 
  font-weight: 500; 
  color:#7A37AE;
  display: flex;
  gap: 8px;
}
.unverified_txt{
font-size: 14px; 
font-weight: 500; 
color:#ae5937;
display: flex;
gap: 8px;
}
.verified_btn{
    padding:8px 16px; 
    border-radius: 4px; 
    border: none; 
    background: var(--zblog-primarycolor, linear-gradient(225deg, #A941FB 0%, #7864f0eb 100%));
    box-shadow: 0px 4px 8px 0px #EADBF9;
    color: #EDEDED;
}
.verified_btn:hover{
background: linear-gradient(225deg, #9136D9 0%, rgba(105, 88, 212, 0.92) 100%);
}
.unverified_btn{
padding:8px 16px; 
border-radius: 4px; 
border: none; 
background: #791600;
box-shadow: 0px 4px 8px 0px #f9e9db;
color: #fff;
}
.view_btn{
width: 94px; 
background: var(--zblog-primarycolor, linear-gradient(225deg, #A941FB 0%, rgba(120, 100, 240, 0.92) 100%)); 
color: #EDEDED;
}
.view_btn:hover{
background: linear-gradient(225deg, #9136D9 0%, rgba(105, 88, 212, 0.92) 100%);
}
.dt_bg{
  padding:16px; 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  background-color: #F3EEFF; 
  border-radius: 4px;
}
.orng_bg{
padding:16px; 
display: flex; 
align-items: center; 
gap: 8px; 
background-color: #fff4ee; 
border-radius: 4px;
}
.pb_txt{
  color: #A4A4A4;
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
}
/* Dropdown */

.dropdown {
  display: inline-block;
  position: relative;
}
.dd-button {
  display: inline-block;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  color: #2E2E2E;
  font-size: 14px;
  font-weight: 400;
}
.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.dd-button:hover {
  background-color: #F8F8F8;
  border: 1px solid #EAEAEA;
}
.dd-input {
  display: none;
}
.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  padding: 0;
  margin: 8px 0 0 0;
  width: 201px;
  background-color: #FEFEFE;
  list-style-type: none;
}
.dd-input + .dd-menu {
  display: none;
} 
.dd-input:checked + .dd-menu {
  display: block;
} 
.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}
.dd-menu li:hover {
  background-color: #f6f6f6;
}
.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}
.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.select_btn{
  background: #F8F8F8;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  height: 36px;
}
.select_btn:hover{
  background: #EAEAEA;
}
.fs-14{
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  margin-left: 2px;
  margin-top: -2px;
}
.blog_title{
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: 24px;
}
.blog_title:hover {
  text-decoration: underline;
}
.published_badge{
  width: fit-content;
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  border: 1px solid #EAEAEA;
  border-radius: 25px;
  padding: 8px 16px;
}
.draft_badge{
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  border: 1px solid #EAEAEA;
  border-radius: 25px;
  padding: 8px 16px;
  width: 90px;
}
.blog_border .cat_badge{
  margin-left: 32px;
}
.cat_badge {
  max-width: 272px;
}
.cat_badge span{
  border-radius: 4px;
  background: #F4F4F4;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  height: 28px;
  color: #808080;
  width: min-content;
  /* max-width: 100%; */
  padding: 4px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.blog_border{
  border: 1px solid #EAEAEA;
  padding: 24px;
  border-radius: 8px;
  margin-top: 16px;
}
.blog_dec{
  padding-top: 8px;
  /* padding-bottom: 16px; */
  margin-bottom: 16px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #A4A4A4;
  font-size: 14px;
  font-weight: 400;
  width:340px;
  line-height: 1.5;
}
.icon_bg img{
  border: 1px solid #EAEAEA;
  padding: 8px;
  border-radius: 8px;
  height: 35px !important;
  width: 35px !important;
  background-color: #fff;
  cursor: pointer;
}
.icon_bg_warn img{
  border: 1px solid #CE2929;
  padding: 8px;
  border-radius: 8px;
  height: 35px;
  width: 35px;
  background-color: #fffafa;
  cursor: pointer;
}
.icon_bg_warn:hover {
  border-radius: 4px;
  background-color: #ffe3e3;
}

.icon_bg img:hover{
  background-color: #F8F8F8;
}
.icon__bg img{
  padding: 8px;
  border-radius: 8px;
  height: 26px;
  width: 26px;
  background-color: #fff;
  cursor: pointer;
}
.icon__bg img:hover{
  background-color: #F8F8F8;
}
.form-control{
  display: block;
  border: 1px solid #EAEAEA;
  padding: 10px 36px 10px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: #2E2E2E;
  width: 100%;
  font-family: Public Sans;
  /** for the dropdown indicator */
  appearance: none;
  background: url('/images/dd_arrow.svg') 89% center no-repeat !important;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  cursor: pointer;
}
.form-control:focus {
  /* border: 1px solid #EAEAEA; */
  outline: 1px solid #EAEAEA;
  background-color: #F8F8F8;
}
input[type=text] :active{
color: #03a9f4;
}
.postlist_center{
align-items: center;
gap: 32px;
}
.pub_img_pt{
width:64px; height:64px;border-radius:50%;
}
.r_tit{
margin-bottom: 16px;
margin-top: 32px;
}
.fp_txt{
color: #A4A4A4; font-size: 14px; font-weight: 400; cursor: pointer;
margin-top: 8px;
transform: translate(-4px, 0px);
}
.fp_txt:hover{
color: #696969;
}
.pub_db_txt{
font-size: 16px; font-weight: 700; color: #000;
}
.pub_db_des{
font-size: 14px; color: #a4a4a4;
margin-top: 4px;
}
/* .center_btn{
margin-top: 16px;
}
.center-btn{
  margin-top: -8px;
 } */
 /*end*/

 /*category*/
 .cat_btn{
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
 }
 .overlay-span3 {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,0.4);
  visibility: hidden;
  z-index: 99;
}
.overlay-span2 {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,0.4);
  visibility: hidden;
  z-index: 99;
}
body.no-scroll {
overflow: hidden;
}
.modal-md{
position: fixed;
display: none;
top: 50%;
padding: 56px;
width: 486px;
background-color: #ffffff;
left: 50%;
height: 402px;
transform: translate(-50%, -50%);
z-index: 999;
border-radius: 8px;
}
.modal-sm{
position: fixed;
display: none;
top: 50%;
padding: 40px;
width: 486px;
background-color: #ffffff;
left: 50%;
height: 215px;
transform: translate(-50%, -50%);
z-index: 999;
border-radius: 8px;
}
.close-toggle{
position: relative;
bottom: 18px;
right: 2px;
padding: 4px;
float: right;
cursor: pointer;
display: block;
}
.cmn-input {
border: none;
border-bottom: 1.5px solid #C8C8C8;
width: 98.5%;
margin-top: 12px;
margin-bottom: 6px;
padding: 5px 0px;
outline: none;
font-family: inherit;
}
.modal-popup{
margin-top: 32px;
margin-left: 24px;
}
.modal_pop_sm{
margin-top: 16px;
margin-left: 0px !important;
}
.modal-popup input{
border:none;
border-bottom: 1.5px solid #C8C8C8;
width: 98.5%;
margin-top: 12px;
margin-bottom: 6px;
padding: 5px 0px;
outline: none;
font-family: inherit; 
}
.modal-popup input:hover{
border-bottom: 1.5px solid #727272;
}
.modal-popup input:focus{
border-bottom: 1.5px solid #808080;
}
.alert-txt{
color: #F13434;
font-size: 16px;
font-weight: 600;
padding-bottom: 8px;
}
.alert-span{
color: #808080;
font-size: 14px;
font-weight: 400;
padding-top: 32px;
}
.sign-me-up{
background-color: #F3EEFF;
padding: 16px 12px;
color: #7A37AE;
font-size: 12px;
border-radius: 4px;
line-height: 1.6;
}
.sign-me-up-btn{
border: none;
outline: none;
color: #7A37AE;
padding: 0;
background: transparent;
font-size: 12px;
width: auto;
}
.empty_bg{
/* background-image: url('Accounts/images/ink_sigma.svg'); */
/* height: 200px;
background-image: linear-gradient(120deg, #e8e8e8 3.85%, #ffffff 3.85%, #ffffff 26.92%, #fff 26.92%, #fff 50%, #e8e8e8 50%, #e8e8e8 53.85%, #ffffff 53.85%, #ffffff 76.92%, #fff 76.92%, #fff 100%);
background-size: 13.00px 22.52px; */
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='819' height='200' viewBox='0 0 819 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1304_5240)'%3e%3cmask id='mask0_1304_5240' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='819' height='192'%3e%3crect width='819' height='192' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1304_5240)'%3e%3cpath d='M464 -42.5L200 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M477 -42.5L213 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M490 -42.5L226 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M503 -42.5L239 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M516 -42.5L252 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M529 -42.5L265 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M542 -42.5L278 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M555 -42.5L291 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M568 -42.5L304 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M581 -42.5L317 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M594 -42.5L330 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M607 -42.5L343 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M620 -42.5L356 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M633 -42.5L369 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M646 -42.5L382 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M659 -42.5L395 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M672 -42.5L408 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M685 -42.5L421 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M698 -42.5L434 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M8.5 -42.5L-255.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M711 -42.5L447 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M21.5 -42.5L-242.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M724 -42.5L460 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M34.5 -42.5L-229.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M737 -42.5L473 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M47.5 -42.5L-216.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M750 -42.5L486 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M60.5 -42.5L-203.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M763 -42.5L499 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M73.5 -42.5L-190.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M776 -42.5L512 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M86.5 -42.5L-177.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M789 -42.5L525 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M99.5 -42.5L-164.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M802 -42.5L538 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M112.5 -42.5L-151.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M815 -42.5L551 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M125.5 -42.5L-138.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M828 -42.5L564 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M138.5 -42.5L-125.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M841 -42.5L577 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M151.5 -42.5L-112.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M854 -42.5L590 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M164.5 -42.5L-99.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M867 -42.5L603 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M177.5 -42.5L-86.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M880 -42.5L616 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M190.5 -42.5L-73.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M893 -42.5L629 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M203.5 -42.5L-60.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M906 -42.5L642 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M216.5 -42.5L-47.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M919 -42.5L655 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M229.5 -42.5L-34.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M932 -42.5L668 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M242.5 -42.5L-21.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M945 -42.5L681 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M255.5 -42.5L-8.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M958 -42.5L694 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M268.5 -42.5L4.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M971 -42.5L707 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M281.5 -42.5L17.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M984 -42.5L720 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M294.5 -42.5L30.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M997 -42.5L733 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M307.5 -42.5L43.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1010 -42.5L746 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M320.5 -42.5L56.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1023 -42.5L759 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M333.5 -42.5L69.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1036 -42.5L772 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M346.5 -42.5L82.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1049 -42.5L785 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M359.5 -42.5L95.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1062 -42.5L798 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M372.5 -42.5L108.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M1075 -42.5L811 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M385.5 -42.5L121.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M398.5 -42.5L134.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M411.5 -42.5L147.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M424.5 -42.5L160.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M437.5 -42.5L173.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M450.5 -42.5L186.5 221.5' stroke='%23E8E8E8'/%3e%3cpath d='M463.5 -42.5L199.5 221.5' stroke='%23E8E8E8'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1304_5240'%3e%3crect width='819' height='192' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
height: 200px;
margin-top: 16px;
}
.empty_txt{
position: absolute;
  left: 50%;
  transform: translate(-50%,218%);
  background-color: #FCFCFC;
  padding: 10px 22px;
}
.empty_txt h4{
color: #696969;
font-weight: 400;
font-size: 14px;
}
.p_tit h1{
font-size: 16px; 
font-weight: 700;
padding-right: 8px;
}
.p_tit .picture-state{
margin-top: -2px;
width: 100%;
height: 210px;
object-fit: cover;
}
.article_dot{
height: 8px;
width: 8px;
border-radius: 8px;
background-color: #000;
/* margin-top: 6px; */
background: var(--hues-cyan-hue, #70D2FC);
}
.published_dot{
height: 8px;
width: 8px;
border-radius: 8px;
/* background-color: #000; */
/* margin-top: 3px; */
background: var(--hues-green-hue, #72D770);
}
.draft_dot{
height: 8px;
width: 8px;
border-radius: 8px;
/* background-color: #000; */
/* margin-top: 3px; */
background: var(--hues-orange-hue, #FF9247);
}
.trash_dot{
height: 8px;
width: 8px;
border-radius: 8px;
/* background-color: #000; */
/* margin-top: 3px; */
background: var(--hues-red-hue, #F13434) !important;
}
.img-100{
width: 100%;
height: 100%;
border-radius: 50%;
cursor: pointer;
display: block;
}
.dt_tit{
color: #A4A4A4;
font-size: 12px;
font-style: normal;
font-weight: 500;
letter-spacing: 1px !important;
}
.prof_img{
border-radius: 50%; 
width: 64px; 
height:64px; 
cursor: pointer; 
display: block; 
border: 1px solid #EDEDED; 
}
.p_tit .art_des{
color: #A4A4A4 !important;
font-size: 14px;
font-weight: 400;
margin-top: 8px;
width: 700px;
line-height: 1.5;
}
.art_bd{
border: 1px solid #EAEAEA;
  padding: 40px;
  border-radius: 8px;
}
.art_re_bd{
border: 1px solid #EAEAEA;
padding: 16px;
border-radius: 8px;
}
.grid-col-2{
display: grid;
grid-template-columns: 1fr 1fr;
/* gap: 16px; */
}
/* .demo_txt{
height: 248px;
} */
.demo_txt1{
/* position: fixed;
  height: 186px;
  background: white;
  z-index: 9999;
  width: 837px; */
  /* position: fixed; */
  /* height: 252px; */
  background: white;
  z-index: 9999;
  padding-top: 66px;
  width: 837px;
}
.p-fix{
position: fixed;
}
.search-bar {
font-size: 17px;
border: 1px solid var(--neutrals-grey-20, #EAEAEA);
float: left;
width: 306px;
background: #fff;
color: #C0C0C0;
font-size: 14px !important;
border-radius: 4px;
font-family: Public Sans;  
font-weight: 400;
height: 34px;
padding: 8px 12px;
}
.see-analytics{
  padding: 4px !important;
}
.ats-txt{
  gap: 40px;
}
.ats-txt span{
  background: var(--Zblog----PRIMARY-COLOR, linear-gradient(225deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
font-style: normal;
font-weight: 600;
}
.ats-txt h2{
  color: #292929;
font-family: Public Sans;
font-size: 16px;
font-style: normal;
font-weight: 800;
margin-top: 4px;
}
.analy-cont{
  display: none;
}
.analytics-container:hover .analy-cont{
  display: block;
  position: absolute
}
.analy-cont{
  border-radius: 8px;
border: 1px solid var(--card-card-stroke, #EDEDED);
background: var(--frame-backround, #FEFEFE);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
margin-left: -210px;
padding: 24px 40px;
z-index: 9999;
}
form.vs_form button {
width: 85px;
/* padding: 10px 16px; */
border-left: none;
cursor: pointer;
border: 1px solid var(--neutrals-grey-20, #EAEAEA);
background: var(--neutrals-grey-5-bg, #F8F8F8);
color: var(--neutrals-grey-40, #A4A4A4);
font-family: Public Sans;
font-size: 14px;
font-size: 14px;
font-style: normal;
font-weight: 400;
cursor: pointer;
height: 34px;
}
.vs_form{
max-width: 500px;
margin: 0 auto;
}
/* form.vs_form button:hover {
background: #EAEAEA;
} */
.vs_txt{
color: #000;
font-size: 24px;
font-weight: 800;
line-height: normal;
}
.art_btn{
border: 1px solid var(--neutrals-grey-20, #c0c0c0);
color: var(--neutrals-grey-50, #696969);
font-family: Public Sans;
font-size: 14px;
padding: 8px 16px;
width: 100%;
font-weight: 400;
background-color: #fff;
}
.art_btn:hover {
color: #000;
background-color: #f0f0f0;
}
.vs_bd{
/* border-width: 1px 1px 1px 0px; */
  /* border-color: #EAEAEA;
  border-style: solid; */
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* .vs-grid{
display: grid;
grid-template-columns: 1fr 1fr;
} */
hr{
border: 1px solid #EDEDED;
}
.blog-dec{
padding-top: 8px;
padding-bottom: 16px;
color: #A4A4A4;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.vs-bd{
  /* border-width: 1px 1px 1px 1px;
  border-color: #EAEAEA;
  border-style: solid; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* padding: 16px; */
}
.visitors_sec{
width: 1400px;
  margin: 0 auto;
}
.bp_rd_txt{
display: flex;
gap: 54px;
}
.w-20{
width: 20%;
}
.ul_list{
padding: 0;
margin-top: 16px;
}
.ul_list li{
color: var(--neutrals-grey-70, #696969);
font-size: 14px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 8px;
}
.cont_fs{
color: var(--neutrals-primary-black-violet, #14142D);
font-family: Public Sans;
font-size: 20px;
font-weight: 700;
}
.bg_txt{
color: var(--neutrals-grey-70, #696969);
font-size: 14px;
font-weight: 600;
}
.bg_bd{
border-width: 1px 1px 1px 1px;
border-color: #EAEAEA;
border-style: solid;
}
.bg_bd h1{
color: #000;
font-family: Times New Roman;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.96px;
}
.modal {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
z-index: 9999;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(77, 77, 77, .7);
transition: all .4s;
}
.modal:target {
visibility: visible;
opacity: 1;
}
.modal__content {
border-radius: 4px;
position: relative;
padding: 40px;
width: 486px;
/* height: 215px; */
z-index: 9999;
/*max-width: 90%;*/
background: #fff;
}
.modal_content{
 border-radius: 4px;
position: relative;
z-index: 9999;
width: 620px;
/* height: 712px;
overflow-y: auto; */
/*max-width: 90%;*/
background: #fff;
padding: 24px;
}
.modal__footer {
text-align: right;
}
.modal__footer a {
  color: #585858;
}
.modal__footer i {
  color: #d02d2c;
}
.modal__close {
  /* position: absolute; */
     /* top: 10px; */
     right: 16px;
     position: static;
     font-size: 14px;
     color:  #4B6CFB;
     font-weight: 600;
     text-decoration: none;
 }
 .close_icon{
    position: absolute;
    top: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #A4A4A4;
    cursor: pointer;
 }
 .w-prim{
  width: 140px;
 }
 .w-sec{
  width: 120px;
 }
 /*choose category*/
 .category-component{
  position: relative;
  cursor: pointer;
  }
  .cat_lab{
     cursor: pointer;
     color: #2E2E2E;
  }
  .options label{
  font-size: 14px;
  color: #2e2e2e;
  }
  .options{
  height: 256px;
  overflow-y: scroll;
  overflow-x: hidden;
  /* position: relative; */
  position: absolute;
  /* display: none; */
  /* width: 240px; */
  /* top: 125%;
  left: 32%; */
  }
  .options::-webkit-scrollbar {
  display: none;
  }
  .search-category input:focus{
  border: none;
  outline: none;
  }
  /*end*/
  
  category-component:hover{
    background-color: #F8F8F8;
  }
  .category-component:focus img{
    transform: rotate(180deg);
  }
  .options{
    width: 220px;
    margin-left: -166px;
  }
  .choose-category{
    gap: 10px;
    border-radius: 4px;
    border: 1px solid var(--neutrals-grey-20, #EAEAEA);
    background: var(--neutrals-white, #FFF);
    margin-bottom: 10px;
    height: 32px;
  }
  .choose-category:hover{
    border-radius: 4px;
    border: 1px solid var(--neutrals-grey-20, #EAEAEA);
    background: var(--neutrals-grey-5-bg, #F8F8F8);
  }
  .choose-category p{
       font-size: 14px;
    }
  .category-item > p{
    font-size: 14px;
  }
  input[type="search"]::placeholder{
    font-size: 14px;
  } 

    .cross {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    margin-top: -1px;
    font-family: 'Nunito', sans-serif;
    color: white;
    transition: all 0.2s cubic-bezier(0.72, 1.2, 0.71, 0.72);
    font-size: 22px;
    user-select: none;
    }
    .cross.active {
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.15s cubic-bezier(0.32, 2.04, 0.85, 0.54);
    }
    /* .nav {
    margin-left: 20%;
    } */
    .nav > li {
    display: inline-block;
    padding: 1em 18px;
    cursor: pointer;
    }
    .nav > li:hover {
    background: #ebebeb;
    z-index: 9999 !important;
    }
    .ll {
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 9999 !important;
    top: 3em;
    transition: all 0.25s ease-out;
    transform: scale(0);
    transform-origin: 100% 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    }
    .ll li {
    display: block;
    z-index: 9999 !important;
    width: 100%;
    }
    .ll li a {
    width: 100%;
    z-index: 9999 !important;
    padding: 1em 18px;
    display: inline-block;
    white-space: pre;
    text-align: left;
    box-sizing: border-box;
    text-decoration: none;
    }
    .middle{
    opacity: 1 !important;
    transition: 0s ease;
    position: relative;
    }
    .ll li a:hover {
    background: #ebebeb;
    }
    .ll:hover ul {
    transform: scale(1);
    }
    .ll.active {
    transform: scale(1);
    padding: 0;
    transition: all 0.25s cubic-bezier(0.5, 1.8, 0.9, 0.8);
    }
    .follow {
    overflow: hidden;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    background: #03a9f4;
    display: block;
    margin: 300px auto 0;
    white-space: nowrap;
    padding: 13px;
    box-sizing: border-box;
    color: white;
    transition: all 0.2s ease;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
    }
    .follow i {
    margin-right: 20px;
    transition: margin-right 0.2s ease;
    }
    .follow:hover {
    width: 134px;
    }
    .follow:hover i {
    margin-right: 10px;
    }
    /* kebab */
    .kebab .keb_menu{
      display: none;
    }
    .icon_md .draft{
    width: 12px;
    height: 14px;
    }
    .icon_md .edit{
    width: 12px;
    height: 12px;
    }
    .icon_md .delete{
    width: 12px;
    height: 14px;
    }
    .alert-restore{
      color: var(--text-primary, #2E2E2E);
      font-family: Public Sans;
      font-size: 16px;
      margin-bottom: 8px;
      font-weight: 600;
    }
    .pub_set{
      color: #000;
      font-family: Public Sans;
      font-size: 16px;
      font-weight: 700;
    }
    /*publication settings*/
    .p-border{
      border: 1px solid var(--neutrals-grey-20, #EAEAEA); 
    }
    .profile{
      background: var(--neutrals-white, #FFF);
      padding: 16px;
      border-radius: 8px;
      width: 280px;
  }
  .user-settings{
      margin-top: 20px;
      margin-bottom: 40px;
      font-size: 14px;
      font-weight: 700;
      display: none;
  }
  .reset-password{
      border-radius: none;
      background-color: transparent;
      text-decoration: underline;
      text-underline-offset: 3px;
  }
  .reset-password button{
      color: #4B4B4B;
      font-weight: 500;
  }
  .save{
      /* margin-bottom: 290px; */
      margin-top: 0;
      width: 260px;
      margin:auto;
      margin-bottom: 30px;

  }
  .save button{
      margin-top: 0;
  }
  .mob-nav{
      display: none;
  }
  .img_border{
      border: 1px solid var(--neutrals-grey-20, #EAEAEA);
      background: var(--neutrals-white, #FFF);
      height: 103px;
      width: 103px;
      padding: 16px;
      border-radius: 8px;
  }
  .pr_txt{
      color: #000 !important;
      font-size: 14px;
      font-weight: 600;
  }
  .grid-col-2{
      grid-template-columns: 1fr 1fr;
  }
  .mt-112{
    margin-top: 112px;
}
.ps_txt{
  color: #000;
font-family: Public Sans;
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-top: 32px;

}



@media only screen and (min-width: 1100px){
.w-522{
  width: 522px;
  margin: 0 auto;
  /* padding-top: 8px; */
}
}

/* Nav and Dropdown */


.nav_sec{
position: fixed;
  padding-top: 30px;
  height: 66px;
  background: white;
  z-index: 9999;
}

.nav-bar .ul{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.user-profile {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
padding: 0px 16px;
}

.dropdownn {
position: relative;
}

.dropdownn-button {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
}

.dropdownn-menu {
display: none;
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding: 0;
}

.dropdownn-menu li {
list-style: none;
}
.dropdownn-menu li:hover{
background-color: #F6F6F6;
border-radius: 4px;
}

.dropdownn-menu{
display: block;
border-radius: 4px;
border: 1px solid var(--card-card-stroke, #EDEDED);
background: var(--backround, #FEFEFE);
/* Dropwdown Shadow */
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
padding: 8px;
width: 200px;
}

.dropdownn-menu{
display: none;
position: absolute;
top: 144%;
right: -22px;
border: 1px solid var(--card-card-stroke, #EDEDED);
background: var(--backround, #FEFEFE);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
padding: 8px;
list-style: none;
}

/*  */

.show {
display: block;
}
.dropdownn-menu li{
padding: 8px 12px;
gap: 6px;
font-weight: 400;
padding: 8px;
}
.dropdownn-menu li {
color: #2E2E2E !important;
font-size: 14px;
}

.dropdownn-button img {
height: 12px;
width: 12px;
}

/* Choose Category */
.category-component:hover{
background-color: #F8F8F8;
}
.category-component:focus img{
transform: rotate(180deg);
}

.choose-category{
gap: 10px;
}
.choose-category p{
   font-size: 14px;
}
.category-item > p{
font-size: 14px;
}
input[type="search"]::placeholder{
font-size: 14px;
}

/* Profile settings */
.user-name{
color: #2E2E2E;
font-size: 14px;
font-style: normal;
font-weight: 600;
cursor: pointer;
}

/*alert  styles*/

.alert-me{
  display: none;
  width:300px;
  position: absolute;
  top:0px;
  left: 50%;
  right: 50%;
  z-index: 99999;
  padding: 10px 24px;
  box-shadow: 8px 4px 16px rgba(0, 0, 0, 0.04);
border-radius: 4px;
transition: top 0.5s ease-in-out;
 max-width: 300px;
 transform: translate(-50%,-50%);
}
.alert-me.sucess-alert{
  background-color: #d5f2d4;
  animation: alertfadein 3s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
  display: flex;
  align-items: center;
}
.alert-me.sucess-alert > span{
    width: 24px!important;
    height: 24px !important;
    background-size: 100% !important;
    margin-right: 8px;
    background-position-x: center;
    background-image: url('https://s3.ap-southeast-1.wasabisys.com/inksigma/inksigma/Accounts/images/success_poptick.svg');
    background-repeat: no-repeat;
}
.alert-me.fail-alert{
  background: #FFD6D6;
  animation: alertfadein 3s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
  display: flex ;
  align-items: center;
}
.alert-me.fail-alert > span{
    width: 24px!important;
    height: 24px !important;
    background-size: 100% !important;
    margin-right: 8px;
    background-position-x: center;
    background-image: url('https://s3.ap-southeast-1.wasabisys.com/inksigma/inksigma/Accounts/images/popcaution.svg');
    background-repeat: no-repeat;
}
.alert-me.upload-alert{
  top: 75px;
  background-color: #d5f2d4;
  animation: uploadfadein 1s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
  display: flex;
  align-items: center;
}
.alert-me.upload-alert > span{
    width: 24px!important;
    height: 24px !important;
    background-size: 100% !important;
    margin-right: 8px;
    background-position-x: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M8 2.5C11.3137 2.5 14 5.18629 14 8.5C14 11.8137 11.3137 14.5 8 14.5C4.68629 14.5 2 11.8137 2 8.5C2 5.18629 4.68629 2.5 8 2.5Z' stroke='%238AA4FF' stroke-opacity='0.3' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 2.5C11.3137 2.5 14 5.18629 14 8.5' stroke='%232659BC' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='400ms' from='0 8 8' to='360 8 8' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.alert-me.fail-alert > p{
  color:#a30000;
}

@keyframes alertfadein {
  0%{
    top:0px;
  }
  10%{
    top:75px;
  }
  95%{
    top:75px;
  }
  100%{
    top:0px;
  }
}
@keyframes uploadfadein {
  0%{
    top:0px;
  }
  10%{
    top:75px;
  }
  100%{
    top:75px;
  }
  }
.alert-me p{
width: 100%;
font-weight: 400;
font-size: 14px;
/* word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; */
}

.sucess-alert p{
  color: #267F24;
}
.failure-alert p{
  color: #A30000;
}
.edit-w{
height: 16px !important;
width: 16px !important;
transform: translate(-3px, 3px) !important;
}
.viewsite_btn{
border-radius: 4px;
background: var(--zblog-primarycolor, linear-gradient(225deg, #A941FB 0%, rgba(120, 100, 240, 0.92) 100%));
color: #EDEDED;
padding: 8px 16px;
justify-content: center;
font-family: Public Sans;
font-size: 14px;
font-weight: 600;
}
.av_auto{
margin-left: auto;
}
.pop-text-md{
display: none;
}
.options{
  background: var(--backround, #FEFEFE);
  /* Dropwdown Shadow */
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  z-index:99;
  width:284px;
}
.search{
  border-radius: 4px;
    color: blueviolet;
    background: none;
    height: 30px;
    border: none;
    font-weight: 500;
    background: var(--tint-violet-tint, #F3EEFF);
    padding: 8px 12px;
    margin-top: 8px;
}
/* .feedback-btn{
  position: fixed;
  bottom: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='166' height='79' viewBox='0 0 166 79' fill='none'%3E%3Cg filter='url(%23filter0_d_1535_7765)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.5 12C22.9396 12 16 18.9396 16 27.5C16 36.0604 22.9396 43 31.5 43H34V58L49 43H134.5C143.06 43 150 36.0604 150 27.5C150 18.9396 143.06 12 134.5 12H31.5Z' fill='white'/%3E%3Cpath d='M34 43H34.5V42.5H34V43ZM34 58H33.5V59.2071L34.3536 58.3536L34 58ZM49 43V42.5H48.7929L48.6464 42.6464L49 43ZM16.5 27.5C16.5 19.2157 23.2157 12.5 31.5 12.5V11.5C22.6634 11.5 15.5 18.6634 15.5 27.5H16.5ZM31.5 42.5C23.2157 42.5 16.5 35.7843 16.5 27.5H15.5C15.5 36.3366 22.6634 43.5 31.5 43.5V42.5ZM34 42.5H31.5V43.5H34V42.5ZM34.5 58V43H33.5V58H34.5ZM48.6464 42.6464L33.6464 57.6464L34.3536 58.3536L49.3536 43.3536L48.6464 42.6464ZM134.5 42.5H49V43.5H134.5V42.5ZM149.5 27.5C149.5 35.7843 142.784 42.5 134.5 42.5V43.5C143.337 43.5 150.5 36.3366 150.5 27.5H149.5ZM134.5 12.5C142.784 12.5 149.5 19.2157 149.5 27.5H150.5C150.5 18.6634 143.337 11.5 134.5 11.5V12.5ZM31.5 12.5H134.5V11.5H31.5V12.5Z' fill='%23E4E4E4'/%3E%3C/g%3E%3C/svg%3E");
  padding: 16px !important;
  height: 62px !important;
  width: 144px !important;
  border-radius: 50px !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 4px;
  flex-wrap: nowrap !important;
} */
textarea {
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  resize: none;
  margin-top: 8px;
  font-family: Public Sans;
}
.feedback_modal label{
  color: #000;
/* Blog - Desktop/Body 1 - Semibold */
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.little-list{
  padding-left: 0px;
}
.time-du{
  color: var(--neutrals-grey-40, #808080);
  /* Blog - Desktop/Body 1 - Regular */
  font-family: Public Sans;
  font-size: 12px;
  font-style: normal;
}
.pre_tl{
  padding: 12px 0px 0px 24px;
}
.title-tr{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[data-title]{position:relative!important}
[data-title]:hover:after{opacity:1!important;transition:all .5s ease .2s!important;visibility:visible!important}
[data-title]:after{position:absolute!important;top:44px!important;width:fit-content!important;font-family:"Open Sans",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;content:attr(data-title);background:#000!important;font-weight:400!important;font-size:12px!important;line-height:16px!important;color:#fff!important;box-shadow:rgba(149,157,165,0.2) 0 8px 24px!important;border-radius:4px!important;padding:6px 16px!important;white-space:nowrap!important;opacity:0!important;right:-24%!important;visibility:hidden!important}
/* .feedback-btn::before{
  content: "";
  display: block;
  width: 40px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='166' height='79' viewBox='0 0 166 79' fill='none'%3E%3Cg filter='url(%23filter0_d_1535_7765)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.5 12C22.9396 12 16 18.9396 16 27.5C16 36.0604 22.9396 43 31.5 43H34V58L49 43H134.5C143.06 43 150 36.0604 150 27.5C150 18.9396 143.06 12 134.5 12H31.5Z' fill='white'/%3E%3Cpath d='M34 43H34.5V42.5H34V43ZM34 58H33.5V59.2071L34.3536 58.3536L34 58ZM49 43V42.5H48.7929L48.6464 42.6464L49 43ZM16.5 27.5C16.5 19.2157 23.2157 12.5 31.5 12.5V11.5C22.6634 11.5 15.5 18.6634 15.5 27.5H16.5ZM31.5 42.5C23.2157 42.5 16.5 35.7843 16.5 27.5H15.5C15.5 36.3366 22.6634 43.5 31.5 43.5V42.5ZM34 42.5H31.5V43.5H34V42.5ZM34.5 58V43H33.5V58H34.5ZM48.6464 42.6464L33.6464 57.6464L34.3536 58.3536L49.3536 43.3536L48.6464 42.6464ZM134.5 42.5H49V43.5H134.5V42.5ZM149.5 27.5C149.5 35.7843 142.784 42.5 134.5 42.5V43.5C143.337 43.5 150.5 36.3366 150.5 27.5H149.5ZM134.5 12.5C142.784 12.5 149.5 19.2157 149.5 27.5H150.5C150.5 18.6634 143.337 11.5 134.5 11.5V12.5ZM31.5 12.5H134.5V11.5H31.5V12.5Z' fill='%23E4E4E4'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 32px;
} */