.slide-arrow.slick-disabled{
  display: none !important;
}
.grecaptcha-badge { 
  visibility: hidden;
}
body .notransform {
  transform: none !important;
}
.slick-track{
  margin-left: 0!important;
}
@media (max-width:600px){
  .slider-kindred-bar::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .slider-kindred-bar{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
}

.light-btn-main{
    background: #E4E6EA;
    border-radius: 5px;
    padding: 9px 25px 9px 25px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    color: #000000!important;
    /* color: #000000; */
}

.text-section a {
  color: #4597F7!important;
  font-family: 'Inter'!important;
}
button:disabled{
  color: #BFBFBF!important;

}
.light-btn-main:disabled{
    color: #BFBFBF!important;
}
.dark-blue-btn-main{
    background: #4597F7;
    border-radius: 5px;
    padding: 9px 25px 9px 25px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;

    color: white;
}
.change-image{
    width: 100%;
    position: absolute;
    cursor: pointer;
    /* top: 0; */
    bottom: -8px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 2px 2px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* display: flex; */
    /* align-items: center; */
    text-align: center;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}
.main-image-section{
    margin-top: 15px;
    margin-bottom: 15px;
    /* border-bottom: 0.5px solid #BFBFBF; */
    /* padding-bottom: 15px; */
    padding-bottom: 35px;

}
.main-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #BFBFBF;
    /* padding-bottom: 10px; */
    padding-bottom: 0px;

    margin-top: 34px;
}
.hide-bg{
    background: none !important;;
}
.slick-slide {
    opacity: 0;
  }
  .slick-slide.slick-center {
    opacity: 1;
  }
  .next-arrow-style{
    position: absolute;
    right: -10px;
    top: 6px;
    z-index: 1;
  }
  .prev-arrow-style{
    position: absolute;
    top: 0px;
    z-index: 1;
  }
  .caption-text{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;

    color: #000000;
  }

  @media (max-width:1199px){
    .slider-nav-1  img{
      height: 70% !important;
    }
  }

  /* @media (max-width:991px){
    .slider-nav-1  img{
      height: 115px !important;
    }
  } */

  @media(max-width:600px){
    .light-btn-main{
      /* padding: 6px 15px 6px 15px!important;
      font-size: 12px; */
    }
    .dark-blue-btn-main{
      /* padding: 6px 15px 6px 15px!important;
      font-size: 12px!important;  */
    }
    .btn-main{
      /* padding: 6px 15px 6px 15px!important;
      font-size: 12px!important;  */
    }
    .blue-btn-main{
      /* padding: 6px 15px 6px 15px!important;
      font-size: 12px!important;  */
    }
    .width-small{
      width: 100%!important;

   }
   .caption-text{
    margin-top: 8px!important;
   }
  }

  @media(max-width:363px){
    /* .light-btn-main{
      padding: 4px 11px 4px 11px!important;
      font-size: 10px!important;
    }
    .dark-blue-btn-main{
      padding: 4px 11px 4px 11px!important;
      font-size: 10px!important;
    } */
    .btn-main{
      padding: 4px 11px 4px 11px!important;
      font-size: 10px!important;
    }
    .blue-btn-main{
      padding: 4px 11px 4px 11px!important;
      font-size: 10px!important;
    }
   
  }
  .width-small{
    width: 50%;
  }
  .custom-row{
    display: flex;
  }
  .width-small-48{
    width: 48%!important;
  }
  .width-small-73{
    width: 63%!important;
  }
  /* .overlay-from-bg{
    background: rgba(0, 0, 0, 0.6);
    } */

  
  @media(max-width:787px){
    .padding-unset-mobile{
      padding-left: 15px!important;
    }
    .continue-flow{
      font-size: 33px!important;
    }
  }
  .button-regenerate:disabled{
    font-family: 'Inter'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 15px!important;
    line-height: 18px!important;
    text-align: center!important;

    color: #BFBFBF!important;
  }
  .button-regenerate {
    border: none!important;
    padding: 10px 18px 10px 18px!important;
    background: #e4e6ea!important;
    border-radius: 5px!important;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400!important;
    font-size: 15px!important;
    line-height: 18px!important;
    text-align: center!important;
    color: #000000!important;
    bottom: 35px;
}

/* mobile css for bio */
@media (max-width:580px){
  .hiddenOnMobile{
     display:none!important;
  }
  .second-step-mobile{
    display:none;
   }
   .second-step-mobile-edit{
    display:block;
   }
   /* .first-step-for-mobile{
    display:none;
   } */
   .show-on-mobile{
    display: block!important;
   }
   .mobile-css-next-btn{
    margin-bottom: 20px;
   }
   .qustion-div-mobile{
    margin-bottom: 10px;
   }
   .text-box-mobile{
    margin-bottom: 30px;
   }
   .profile-mobile{
     width: 99px!important;
     height: 99px!important;
   }
   .showMobile{

    display: block!important;

   }
   .hideOnMobile{
    display:none!important;
   }
   .skip-scratch-text{
    display: block!important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #4597F7;
   }
   .margin-mobile{
    max-width: 70%!important;
    margin-left: 16px!important;
   }
   .button-regenerate-mobile{
        color: black;
    width: 153px;
    height: 33px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #BFBFBF;
    background: #E4E6EA;
    border-radius: 5px;
   }
   .enable-genrate-btn-mobile{
    width: 153px;
    background: #4597F7;
    border-radius: 5px;
    height: 33px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;

    color: #FFFFFF;
   }
   .mobile-next-btn{
    width: 138px!important;
    height: 33px!important;
    padding:unset;
    line-height: unset;
   }
   .mobile-input{
    font-family: 'Georgia'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 15px!important;
    line-height: 17px!important;
    color: #000000!important;
   }
   .back-btn-mobile{
    background: #E4E6EA;
    border-radius: 5px;
    width: 97px;
    height: 33px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;

    color: #000000;
   }
   .save-as-draft-btn-mobile{
    background: #4597F7;
    border-radius: 5px;
    width: 125px;
    height: 33px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;

    color: #FFFFFF;
   }
   .first-step-for-mobile-edit{
    display: none;
   }
   .name-input-edit-bio{
    font-family: 'Georgia'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 15px!important;
    line-height: 17px!important;
    color: #000000!important;
   }
   .save-as-darf-edit-bio-mobile{
    background: #E4E6EA;
    border-radius: 5px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    width: 125px;
    height: 33px;
   }
   .set-btn-width-mobile{
    width: 95px!important;
    height: 33px!important;
    padding: 0!important;
   }
   .genrate-new-bio{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;

    color: #4597F7;
    margin-top: 24px;
    cursor: pointer;
    display:block!important;
   }
   .generate-bio{
    width: 138px;
    padding: 0;
    font-size: 14px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #BFBFBF;
   }
   .latest-not-published{
    /* width: 100px!important; */
    width: 220px !important;
   }
   .button-regenerate-mobile{
        color: black;
   }
   .none-on-mobile{
      display: none!important;
   }
   .content-to-right{
    justify-content: flex-end!important;
   }
   .show-on-mobile-content{
    display: block!important;
   }
   /* first-step-for-mobile */
}

.fixed-header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.margin-for-fix-header{
  padding-top: 76px;
}
/* mobile css for bio */

input[type='text'],textarea {font-size:1em;}
.tox .tox-statusbar{
  display: none!important;
}
.cross-icon-delete-image{
  right: 7px!important;
  top: -9px!important;
}
select{
  -webkit-appearance: listbox !important
  }
.bio{
  line-height: 20px!important;
}
.main-image{
  background: #e2e8f0;
  height: 114.5px;
  display: flex;
  justify-content: center;
}


.tox-form > .tox-form__group:not(:first-child) {
  display: none;
  }

.margin-right-desktok >  .logout-text{
    margin-right: 23px!important;
}
.tox .tox-button:active:not(:disabled){
  background-color: #4597f7!important;
  border-color: #4597f7!important;
}
.tox-button{
  background-color: #4597f7!important;
    border-color: #4597f7!important;
}
.tox-button--naked{
  background-color: rgba(34,47,62,.12)!important;
    border-color: transparent!important;
}
.tox-button--secondary{
  background-color: rgba(34,47,62,.12)!important;
  border-color: transparent!important;
}

.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before{
  background-color:#787878 !important;
}

.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before{
  background-color:#787878 !important;
}

.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after{
  background-color:#787878 !important;
}
input[type=range]::-webkit-slider-thumb {
  background : white !important;
}
.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type="range"]{
  margin: 3px auto !important;
}


@media (max-width:580px){
  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance : none;
    
     height: 30px!important;
     width: 30px!important;
     position: relative;
     top: -10px;
   }
   input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  }
  .slider-nav-1 img {
    width:100%!important;
    height: 70% !important;
    /* height: 122px!important; */
    /* height: 90px!important; */
  }
  .mySlides img {
    width:80%!important;
    height: auto!important;
  }
  .image-on-mobile-style{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    height: 100vh;
  }
}
.editor-main > a {
  color: #4597F7!important;
}
.editor-main  a {
  color: #4597F7!important;
}
.info-icon-image{
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 11px;
}
/* input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
} */
@media (min-width:992px){
  .custom-search-header{
    margin-left: -45px;
  }
}
@media (max-width:354px ){
  .section-text{
    font-size:12px!important;
  }
  .latest-not-published{
    width: 185px !important;
  }
}
.main-image-section ul {
  margin-bottom: 0px!important;
}
/* @media (max-width:425px){
  .slider-nav-1 img {
    width: 100% !important;
    height: 55% !important;
  }
} */
/* @media (max-width:375px){
  .slider-nav-1 img {
    height: 75px!important;
  }
}
@media (max-width:320px){
  .slider-nav-1 img {
    height: 60px!important;
  }
} */
@media(max-width:650px){
  .first-step-discription{
    text-align: center!important;
    margin-top: -10px !important;
    margin-bottom: -20px !important;
    line-height: 1.3 !important;
    font-size: 16px !important;
    padding: 0px 40px !important;
  }
}
.first-step-discription{
  text-align: left;
}
@media (max-width:417px){
  .main-login-public-page-connect-1{
        font-size: 13px!important;
        padding-left: 12px!important;
        padding-right: 12px!important;
  }
}