/* COMMON CLASSES */
.transition_03 {
  transition: 0.3s ease all;
}
/* REMOVE ARROW INPUT TYPE NUMBER */
.remove_input_number_arrow::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.remove_input_number_arrow[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}
/* COMMENT CSS START HERE */
.comment_sort_by {
  border: 2px solid #219ebc;
  border-radius: 3px;
  padding: 8px 18px;
}
.user_profile {
  max-width: 91px;
  width: 91px;
  height: 91px;
  border: 1px solid #00000052;
  object-position: top;
}
.add_comment_input_parent {
  border: 1px solid #00000075;
  border-radius: 114px;
  padding: 23px 34px;
}
.add_comment_input:focus {
  outline: none !important;
}
.add_comment_input::placeholder {
  color: #020507;
}
.send_message_arrow {
  max-width: 42px;
  pointer-events: none;
}
.replay_parent {
  border-left: 1px solid #00000026;
}
.replay_user_profile {
  max-width: 63px;
  width: 63px;
  height: 63px;
  border: 0.7px solid #00000052;
  object-position: top;
}
.show_more_comments_parent {
  padding: 10px;
  max-width: 611px;
}
.comment_replay_like_buttons:hover {
  opacity: 0.7;
}
.toastify {
  max-width: 100%;
}
.fs_footer_btn {
  font-size: 48px;
}
.footer_empowering {
  max-width: 323px;
}
/* modal */
.sign_up_modal {
  height: 300px;
  background-color: var(--green);
  border: 3px solid var(--green) !important;
  border-radius: 10px !important;
}
@media (max-width: 991.98px) {
  .user_profile {
    max-width: 65px;
    width: 65px;
    height: 65px;
  }
  .add_comment_input_parent {
    padding: 15px 20px;
  }
  .send_message_arrow {
    max-width: 35px;
  }
  .fs_footer_btn {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .user_profile {
    max-width: 60px;
    width: 60px;
    height: 60px;
  }
  .send_message_arrow {
    max-width: 30px;
  }
  .replay_user_profile {
    max-width: 50px;
    width: 50px;
    height: 50px;
  }
  .fs_footer_btn {
    font-size: 24px;
  }
}

@media (max-width: 575.98px) {
  .user_profile {
    max-width: 40px;
    width: 40px;
    height: 40px;
  }
  .add_comment_input_parent {
    padding: 8.5px 15px;
  }
  .send_message_arrow {
    max-width: 20px;
  }
  .replay_user_profile {
    max-width: 30px;
    width: 30px;
    height: 30px;
  }
  .toastify {
    margin-left: 20px;
  }
  .fs_footer_btn {
    font-size: 18px;
  }
}