.sub-ul h2{
  color: #000;
  font-family: Public Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
.vs-bd{
  border-width: 0px 1px 1px 1px;
    border-color: #EAEAEA;
    border-style: solid;
    padding: 24px;
}
.snap-br{
  border-radius: 8px;
border: 1px solid var(--card-card-stroke, #EDEDED);
background: var(--button-button-fill-ideal, #FFF);
padding: 24px;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
}
.snap-title h2{
  color: #000;
font-family: Public Sans;
font-size: 12px;
font-weight: 600;
text-align: left;
margin: 0px;
}
.snap-title span{
  color: var(--neutrals-grey-40, #A4A4A4);
font-family: Public Sans;
font-size: 8.929px;
font-style: normal;
font-weight: 400;
text-align: left;
}
.snap-img{
  border-radius: 64.778px;
border: 0.578px solid var(--card-card-stroke, #EDEDED) !important;
background: url(<path-to-image>), lightgray 50% / cover no-repeat;
padding: 0px !important;
}
.main-img span{
  color: var(--neutrals-primary-black-dark, #202020);
font-family: Public Sans;
font-size: 8.929px;
font-style: normal;
font-weight: 600;
}
.bb-bot{
  border-bottom: 0.578px solid var(--neutrals-grey-20, #EAEAEA);
}
.snap-main{
  width: 100%;
  border: none !important;
}
.ss-cont span{
  color: var(--neutrals-grey-70, #696969);
text-align: center;
font-family: Public Sans;
font-size: 12.3px;
font-style: normal;
font-weight: 400;
}
.ss-cont{
  border-radius: 4.1px;
background: var(--button-button-fill-hover, #F8F8F8);
padding: 8px;
}
.ss-in-br{
  border-radius: 4.627px;
    border: 0.578px solid var(--neutrals-grey-20, #EAEAEA);
    background: #FCFCFC;
    padding: 16px;
    margin-bottom: 16px;
}
.bp_rd_txt{
  display: flex;
  gap: 0px;
}

.w-20 h6{
  margin: 0;
  color: var(--neutrals-primary-black-violet, #14142D);
  font-family: Public Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-top:84px;

}
.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: 16px;
  list-style-type: none;
}
.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) !important;
  margin: 0;
  margin-top: 40px;
}
.bg_txt a{
  color: #696969;
  font-size: 14px;
font-weight: 600;
margin-left: 8px;
}
.bg_bd{
  border-width: 0px 0px 0px 1px;
  border-color: #EAEAEA;
  border-style: solid;
}
.bg_bd h1{
  color: #000;
  font-family: Public Sans;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: normal;
margin-top: 104px;
border-bottom: 1px solid #EDEDED;
/*letter-spacing: -0.96px;*/
}
.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;
  }
  /* ul li{
    list-style: none;
  } */
  .ul li{
    list-style: none;
  }
  .art_btn:hover {
  color: #000;
  background-color: #f0f0f0;
  }
hr{
  border: 1px solid #EDEDED;
  margin: 0;
}
.img img{
  width: 100%;
}
a{
  cursor: pointer;
}
.skip-div{
  height: fit-content;
  position: sticky;
  top: 40px;
  z-index: 10000;
}
.filter_top,.filter_top_mob{
  font-size: 20px;
  font-weight: 700;
  margin-top: 16px !important;
  color: #14142D;
  font-weight: 700;
}
.filter_top_mob{
  margin-top: 0;
}
li{
  color: var(--neutrals-black-80, #404040);
  font-family: Public Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  letter-spacing: 0.16px;
  margin-bottom: 16px;
}
@media(min-width:1098px){
  
  .content-child>*:not(button){
    /* background-color: #000; */
    display: none;
    }
    .content{
      margin-top: 10px;
    }
    .w-20{
      width: 252px;
      padding: 0px 32px 0px 0px;
     /* margin: 0 auto; */
    }
}

@media only screen and (min-width: 1100px){
  .w-745{
    width: 100%;
    margin: 0 ;
    padding-bottom: 150px;
  }
  .w-1100{
    width: 1100px;
    margin: 0 auto;
    height: auto;
    min-height: 100vh;
  }
  .opa-0{
    opacity: 1 !important;
  }
  .filter_top img, .filter_top_mob img{
    display: none;
  }
  button{
    border: none;
    background: none;
    box-shadow: none;
  }
  .visitors_sec{
    width: 1400px;
      margin: 0 auto;
  }
  .Main1{
    margin: 0 auto !important;
}
.vs_sec{
  background: #FFF;
  width: 100%;
  position: fixed;
}
.w-1024{
  width: 1024px;
  margin: 0 auto;
}
}
.introul ul li{
font-size: 14px;
font-style: normal;
font-weight: 400;
color: #696969;
padding: 0px 6px;
cursor: pointer;
}
.introul ul li:hover{
color: #000;
}
.p_dt{
padding: 0px 64px;
}
.pp_dt{
padding: 16px 64px;
}
.introul ul a{
text-decoration: none;
color: #696969;
}
.introul1 ul li{
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #14142D;
list-style: none;
padding: 14px 12px;
line-height: 1.7;
}
.introul1 ul li a{
color: #14142D;
text-decoration: none; 
}
.introul1{
height: 605px;
overflow-y: scroll;

}
.introul{
position: sticky;
top: 121px;
height: fit-content;
}

.introul1::-webkit-scrollbar{
width: 0px;
display: block;
}
.introterm{
font-size: 32px !important;
font-style: normal;
font-weight: 700 !important;
color: #000 !important;
}
body.no-scroll {
overflow: hidden;
}
.overlay-span{
content: "";
position: fixed;
top: 0;
left: 0;
z-index: 9999;
height: 100vh;
width: 100vw;
background:rgba(77, 77, 77, .7);
visibility: hidden;

}

body.no-scroll {
overflow: hidden;
}
@media only screen and (max-width:1100px){
.p_dt {
padding: 0px 24px 120px 24px
}
}
@media only screen and (max-width:1080px){
.w-1100{

height: auto;
min-height: 100vh;
}
.introul_dis{
  display: none !important;
}

.introul ul li{
  font-size: 10px;
}
.introul{
display: flex;
justify-content: center;
/* padding: 32px; */
background-color: #FEFEFE;
border-radius: 20px 20px 0px 0px;
z-index: 99999;
}

.introul1{
z-index: 9;
}
.introul1 ul li{
font-size: 10px;
  line-height: 1.7;
}
.introterm{
display: none;
}

}

@media only screen and (max-width:1099px){
  .center{
    position:relative;
    top:80px
  }
  .sub-ul-head{
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
  }
  .toc-li{
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 16px !important;
  }
  .ul_list{
    width: 80%;
  }
.bp_rd_txt{
display: block;
}
.content{
display: block;
}
.introul_dis{
  display: none !important;
}
.filtermob{left: 5;
  position: fixed;
  transition: all 500ms ease;
  /* bottom: 62px; */
  width: 80%;
  background: #fff;
  margin: 0 auto;
  overflow-y: auto;
  z-index: 999;
  left: 0;
  left: 50%;
  top: 50%;
  /* margin-top: -100px; */
  /* padding: 16px 32px 16px 32px; */
  transform: translate(-50%, -50%);
}

.filter_top,.filter_top_mob{
margin-top: 0px !important;
background: black;
text-align: center;
padding: 6px 0px;
/* position: fixed; */

z-index: 9;
transition: all 0.2s ease;
cursor: pointer;
}
.introul ul li{
  font-size: 10px;
}
.introul{
display: flex;
/* justify-content: center; */
/* padding: 32px; */
z-index: 9999;
border-radius: 20px 20px 0px 0px
}

.introul1{
z-index: 9;
}
.introul1 ul li{
font-size: 10px;
  line-height: 1.7;
}
.introterm{
display: none;
}
.content{
position: fixed;
bottom: 0%;
width: 100%;
display: flex;
z-index: 9999;
/* margin: 0; */
justify-content: center;
padding: 16px 0px;
background: var(--frame-backround, #FEFEFE);
box-shadow: 10px -7px 48px 0px rgba(0, 0, 0, 0.10);
}
.filter_top, .filter_top_mob{
color: var(--button-primary-button-ideal, #080808);
/* Blog - Mobile/Body 1 - Regular */
font-family: Public Sans;
font-size: 14px;
border: none;
font-style: normal;
font-weight: 400;
padding: 12px 16px;
border-radius: 40px;
background: var(--frame-backround, #FEFEFE);
box-shadow: -2px 6px 16px 0px rgba(0, 0, 0, 0.12);
width: fit-content;
/*position: fixed;
bottom: 5%;*/
}
.toc{
  color: #404040;
}
.filter_top_mob{
  padding:0;
  box-shadow: none;
  border-radius: 0;
}

.vs_sec .mt-40{
margin-top: 0px;
}
.sub-ul {
width: 100%;
}
.sub-ul h2 {
text-align: center;
margin: 0;
font-size: 14px;
margin-left: 8px;
}
/*.d-none-md{
display: none;
}*/
.bg_bd h1 {
padding-top: 40px;
color: #000;
font-size: 20px;
margin: 0;
}
.vs_sec .sub-ul {
display: flex;
justify-content: center;
align-items: center;
}
.nav_sec{
background-color: #fff;
z-index: 999;
position: fixed;
width: 100%;
}
/*.md-124{
padding-top: 124px;
}*/
}
/*modifies text*/
blockquote {
border-radius: 8px;
border: 1px solid  #EAEAEA;
margin: 0px;
padding: 16px;
font-size: 16px;
font-style: italic;
font-weight: 400;
color: #404040;
display: flex;
gap: 8px;
line-height: 1.5;
margin-bottom: 16px;
margin-top: 16px;
}

p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0px;
color: #404040;
}
blockquote::before{
content: " ";
display: block;
min-width: 26px;
width: 26px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.50033 0.261551C5.35308 -0.118 4.02948 -0.110558 2.94769 0.456909C0.44957 1.77045 -0.632223 5.15665 0.373207 8.74378C0.824104 10.3532 1.61863 11.916 3.29859 13.4919C4.97855 15.0696 7.3094 15.9999 8.38937 15.9999C8.48026 16.0014 8.57053 15.9845 8.65503 15.9502C8.73952 15.9159 8.81657 15.8649 8.88176 15.8001C8.94696 15.7353 8.99902 15.6579 9.03495 15.5725C9.07088 15.4871 9.08999 15.3952 9.09118 15.3022C9.09118 14.9171 8.77118 14.6045 8.38937 14.6045C7.15486 14.6045 6.05125 13.9161 4.74401 12.904C3.74403 12.1281 2.96223 11.1364 2.53134 10.2731C1.70408 8.62098 1.67681 6.29158 3.01314 5.67202C3.32339 6.03236 3.70574 6.32021 4.13425 6.51603C4.56277 6.71185 5.02743 6.81107 5.49672 6.80695C7.67848 6.80695 8.96391 5.01153 8.90754 3.38541C8.85482 1.83185 7.88939 0.724827 6.50033 0.261551ZM17.4092 0.261551C16.2619 -0.118 14.9383 -0.110558 13.8565 0.456909C11.3584 1.77045 10.2766 5.15665 11.282 8.74378C11.7329 10.3532 12.5275 11.916 14.2074 13.4919C15.8874 15.0696 18.2182 15.9999 19.2982 15.9999C19.3891 16.0014 19.4794 15.9845 19.5638 15.9502C19.6483 15.9159 19.7254 15.8649 19.7906 15.8001C19.8558 15.7353 19.9078 15.6579 19.9438 15.5725C19.9797 15.4871 19.9988 15.3952 20 15.3022C20 14.9171 19.68 14.6045 19.2982 14.6045C18.0637 14.6045 16.9601 13.9161 15.6528 12.904C14.6529 12.1281 13.8711 11.1364 13.4402 10.2731C12.6129 8.62098 12.5856 6.29158 13.922 5.67202C14.5638 6.39019 15.4019 6.80695 16.4055 6.80695C18.5873 6.80695 19.8727 5.01153 19.8164 3.38541C19.7636 1.83185 18.7982 0.724827 17.4092 0.261551Z' fill='%23C0C0C0'/%3E%3C/svg%3E");
background-repeat: no-repeat;
margin-right: 4px;
}
h1 {
font-family: "Times New Roman";
font-size: 32px;
font-style: normal;
font-weight: 700;
color: #000;
}

h2, h3,  h4 {
font-style: normal;
font-weight: 700;
color: #000;
margin: 24px 0px 16px 0px;
}

h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}

code {
  background-color: #23241f;
  color: #f8f8f2;
  display: block;
  padding: 24px 20px;
  border-radius: 4px !important;
}
button{
width: auto;
}
.bg_hd_md{
display: none;
}
.vs_sec .sub-ul{
align-items: center;
}
@media only screen and (min-width: 1099px){
.sub-ul-head{
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
}
@media only screen and (max-width: 999px){
.center{
position: relative;
top: 56px;
}
}

@media only screen and (max-width: 580px){
.p_dt{
padding: 0px 24px 120px 24px;
}
.reply-button{
  background: none;
}
.mD-24{
  margin: 0px 24px !important;
}
.cmt-rly button{
  background: none;
}
.pp_dt{
padding: 16px 24px;
}
blockquote{
font-size: 14px;
}
p , li{
font-size: 14px;
}
h2{
font-size: 16px;
}
h3{
font-size: 16px;
}
.sub-ul-head{
display: flex;
flex-direction: column;
}
.nav_sec{
position: fixed;
top: 0px;
width: 100%;
}
.bg_txt{
margin-top: 0px;
display: none;
}
.bg_txt a {
margin-left: 16px;
}
.bg_hd_md{
transform: translate(-54px, 0px);
display: block;
}
.w-20 h6 {
transform: translate(9px, 26px);
}
}
.center img{
max-width: 100%;
block-size: auto;
object-fit: cover;
margin: 0 auto;
}

.ql-align-center {
text-align: center;
}
.ql-align-justify {
text-align: justify;
}
.ql-align-right {
text-align: right;
}
.vs_sec .sub-ul h2{
white-space: nowrap;
}
.vs_sec .sub-ul{
width: fit-content!important;
}
.m-0{
margin: 0px !important;
}
.m-4{
margin: 4px 0px;
}
/*footer*/
.start_btn{
width: fit-content;
border-radius: 4px;
background: var(--Zblog----PRIMARY-COLOR, linear-gradient(225deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%));
box-shadow: 0px 4px 8px 0px #EADBF9;
color: #EDEDED;
padding: 8px 16px;
}
.footer_sec{
margin: 48px 0px;
}
.footer_sec span{
color: #A4A4A4;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
.footer_sec h4{
color: #696969;
/* Blog - Desktop/Body 1 - Semibold */
font-family: Public Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
margin: 16px 0px 24px 0px;
}
.foot_bottom{
border-top: 1px solid var(--Dividers, #EDEDED);
border-bottom: 1px solid var(--Dividers, #EDEDED);
padding: 16px;
}
.foot-txt{
color: var(--neutrals-grey-40, #A4A4A4);
/* Blog - Desktop/Label 1 - Regular */
font-family: Public Sans;
font-size: 12px;
font-style: normal;
font-weight: 400;
margin: 0px;
}
.foot-txt li a{
color: var(--neutrals-grey-40, #A4A4A4);
/* Blog - Desktop/Label 1 - Regular */
font-family: Public Sans;
font-size: 12px;
cursor: pointer;
}
.foot-txt li a:hover{
color: #848484;;
text-decoration: underline;
}
.cta-btn{
transition: padding 0.2s ease-in-out;
}
.cta-btn:hover{
padding-left:24px;
padding-right: 24px;
}
.foot-txt li{
margin-bottom: 0px;
}
.disc{
list-style: disc;
color: #A4A4A4;

}
.ft-bd{
/*background-color: #fafafa;*/
border-top: 1px solid var(--Dividers, #EDEDED);

}
.m-ink .text-foot{
color: var(--neutrals-grey-40, #A4A4A4);
font-family: Public Sans;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
.m-ink .ink-text{
background: linear-gradient(90deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.blog_title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.right-div {
  height: fit-content;
  position: sticky;
  top:116px;
  z-index: 10000;
}
.icon_bg img{
  border: 1px solid #EAEAEA;
  padding: 8px;
  border-radius: 8px;
  /* height: 35px;
  width: 35px; */
  background-color: #fff;
  cursor: pointer;
}
.icon__bg img:hover{
  background-color: #F8F8F8;
}

/* Comment section */
.comment-header{
  /* padding-bottom:24px; */
  margin-top: 40px;
  font-weight: 600;
  /* padding-left: 62px; */
}
.comment-input{
  display: flex;
  gap: 10px;
}
.comment-form{
  /* margin-left: 64px; */
  width: 100%;
  /* margin-right: 64px; */
}
.ml-mr-64{
  margin: 0px 64px;
}
.ml-mr-64 ul{
  padding-left: 0px;
}
.comment-input > textarea{
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--neutrals-grey-20, #EAEAEA);
  background: #FFF;
  font-family: inherit;
  font-size: 16px;
  width:100%;
}
.comment-img{
  width: 32px;
  height: 32px;
  block-size:32px !important;
  margin: 0px !important;
  border-radius: 50%;
  cursor: pointer;
}
.comment-input button{
  margin-left: auto;
  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-weight: 600;
  font-size: 14px;
}
.cmt-title p{
  color: var(--neutrals-primary-black-violet, #14142D);
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.cmt-title span{
  color: var(--neutrals-grey-40, #A4A4A4);
font-family: Public Sans;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
.cmt-rly{
  margin-left: 40px;
}
.cmt-rly span{
  color: var(--neutrals-grey-70, #696969);
/* Desktop/Button/Chip Button */
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: block;
}
.reply-textarea {
  display: none;
}
.textarea-input{
  margin-top: 16px;
  border-radius: 4px;
border: 1px solid var(--neutrals-grey-20, #EAEAEA);
background: #FFF;
padding: 16px;
color: var(--neutrals-grey-40, #A4A4A4);
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
width: 100%;
box-sizing: border-box;
}
.reply-button , .delete-button{
  color: var(--neutrals-grey-40, #A4A4A4);
/* Desktop/Button/Chip Button */
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
.cancel-btn{
  color: #A4A4A4 !important;
/* Blog - Desktop/Body 1 - Medium */
font-family: Public Sans;
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.rep-btn{
  background: var(--Zblog----PRIMARY-COLOR, linear-gradient(225deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%)) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600;
  font-size: 14px;
}
.cmt-br{
  border-radius: 8px;
border: 1px solid var(--Dividers, #EDEDED);
padding: 24px;
}
.author-star{
  margin-top: 2px;
}
.go-top {
  position: fixed;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  background: #F8F8F8;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 10px 11px;
  border: 1px solid #EDEDED;
  transition: all .2s ease-in;
  box-shadow: 10px 9px 48px rgba(4, 32, 52, 0.10);
}
.go-top img{
  width: 22px;
  height: 8px;
  transform: translate(-2px, -1px);
}
.comment-input button{
  width: auto;
}
.rep-btn button{
  width: auto;
}
@media(max-width:998px){
  .w-1100{
    padding-bottom: 150px !important;
  }
  .skip-div{
    position: fixed;
    top: 28px;
    /* visibility: hidden; */
    /* opacity: 0; */
    }
    .right-div{
      display: none;
    }
    /* .bg_txt{
      display: none;
    } */
    .sub-ul-head{
      display: flex;
      flex-direction: row !important;
      align-items: center;
      gap: 8px;
    }
    .vs_sec{
      padding-top:24px !important;
      padding-bottom: 16px !important;
    }
    .sub-ul{
      margin-top: 0;
    }
}
@media only screen and (min-width: 359px) and (max-width: 580px){
  .primary-btn{
    font-size: 10px !important;
  }
}

@media only screen and (min-width: 581px) and (max-width: 999px){
.nav_sec{
top: 0;
}
.skip-div{
position: fixed;
top: 28px;
}
.dash-url{
padding-top: 16px;
}
.bg_txt{
margin-top: 0;
}
.bg_txt a{
margin-left: 25px;
}
.skip-div h6{
margin-top: 0;
}
.center{
top: 70px;
}
.sub-ul-head img{
  width: 24px !important;
  height: 24px !important;
}
}
@media only screen and (max-width: 999px){
.foot_bottom{
flex-direction: column;
}
.foot-txt{
font-size: 10px;
padding-left: 0px;
justify-content: center;
}
.foot-txt li a {
font-size: 10px;
}
.foot_bottom {
padding: 0px;
border: none;
}
.footer_sec {
margin: 48px 0px 24px 0px;
}
.copy_right{
border-top: 1px solid var(--Dividers, #EDEDED);
padding: 8px;
}
.foot-txt {
padding-bottom: 24px;
}
.footer_sec h4 {
font-size: 14px;
}
.mt_50_md{
margin-bottom: 38px;
}
.footer_sec h4 {
padding: 16px 0px;
}
.m-ink{
margin-top: 16px;
}
}


/* Visitor mobile */
.go-to-top{
  background: transparent;
}