@font-face {
  font-family: yekanBakh;
  src: url("../fonts/yekan-bakh/YekanBakhFaNum-VF.woff2");
}
body {
  font-family: "yekanBakh" !important;
}
body.profile {
  background-color: #f0f5ff;
}
body.profile header, body.profile #header, body.profile #header2, body.profile #footer, body.profile footer {
  display: none !important;
}
body.profile #seconde-form, body.profile #three-form, body.profile .re-send-code {
  display: none;
}

.bg_status_color_0 {
  background-color: #00c0d7;
}

.bg_status_color_1 {
  background-color: #2fd187;
}

.bg_status_color_2 {
  background-color: #ef0521;
}

.bg_status_color_3 {
  background-color: #ff8a14;
}

.bg_status_color_4 {
  background-color: #f3cb00;
}

.bg_status_color_5 {
  background-color: #989898;
}

.bg_status_color_6 {
  background-color: #e500d1;
}

#profile {
  margin: 30px auto;
}
#profile table thead {
  color: #6d80a8;
}
#profile table thead tr th {
  border: unset !important;
  padding: 20px 15px;
  background-color: #e2e6ee !important;
  font-weight: bold;
  color: #23417d;
}
#profile table thead tr th:first-child {
  border-radius: 0 10px 10px 0;
}
#profile table thead tr th:last-child {
  border-radius: 10px 0 0 10px;
}
#profile table tbody tr {
  position: relative;
}
#profile table tbody tr:after {
  content: "\f177";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #6d80a8;
  opacity: 0;
  transition: 0.3s;
}
#profile table tbody tr td {
  color: #6d80a8;
  padding: 15px;
}
#profile table tbody tr td .text-truncate {
  font-size: 15px;
  font-weight: 500;
}
#profile table tbody tr:hover:after {
  opacity: 1;
  transition: 0.3s;
}
#profile #profile_sidebar {
  background-color: white;
  border-radius: 10px;
  padding: 25px 0;
}
#profile #profile_sidebar .info {
  position: relative;
}
#profile #profile_sidebar .info .name {
  font-weight: 600;
  font-size: 16px;
  color: #23417d;
}
#profile #profile_sidebar .info .name .edit-profile {
  color: #6d80a8;
  position: absolute;
  left: 10%;
  top: 0;
  transition: 0.3s;
  opacity: 0;
}
#profile #profile_sidebar .info .name .edit-profile span {
  font-size: 18px;
}
#profile #profile_sidebar .info .name .edit-profile:hover {
  color: #23417d;
  transition: 0.3s;
}
#profile #profile_sidebar .info .mobile {
  margin-top: 7px;
  font-size: 16px;
  color: #939393;
  letter-spacing: 1px;
}
#profile #profile_sidebar .info:hover .name .edit-profile {
  opacity: 1;
  transition: 0.3s;
}
#profile #profile_sidebar #sidebar-list {
  list-style: none;
}
#profile #profile_sidebar #sidebar-list li {
  position: relative;
}
#profile #profile_sidebar #sidebar-list li a {
  color: #6d80a8;
  margin-right: 30px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  position: relative;
}
#profile #profile_sidebar #sidebar-list li a span:nth-child(1) {
  font-size: 19px;
  margin-left: 10px;
  transition: 0.3s;
}
#profile #profile_sidebar #sidebar-list li a span:nth-child(1).fa-folder-open {
  font-size: 17px;
}
#profile #profile_sidebar #sidebar-list li a span:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
}
#profile #profile_sidebar #sidebar-list li a span:nth-child(3) {
  background-color: #23417d;
  color: white;
  position: absolute;
  left: 10%;
  padding: 4px 12px;
  font-size: 14px;
  border-radius: 20px;
}
#profile #profile_sidebar #sidebar-list li a:hover span:not(.badge) {
  transition: 0.3s;
  color: #23417d;
}
#profile #profile_sidebar #sidebar-list li.active a {
  color: #23417d;
}
#profile #profile_sidebar #sidebar-list li.active:before {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffcc4d;
  width: 5px;
  height: 100%;
  border-radius: 20px 0 0 20px;
}
#profile #profile_content {
  background-color: white;
  border-radius: 10px;
  padding: 25px 25px;
  position: relative;
}
#profile #profile_content:before {
  content: "";
  position: absolute;
  right: -1px;
  top: 37px;
  transform: translateY(-50%);
  background-color: #ffcc4d;
  width: 5px;
  height: 25px;
  border-radius: 20px 0 0 20px;
}
#profile #profile_content .profile-content-title {
  color: #23417d;
  font-weight: 600;
  font-size: 18px;
  /* margin-bottom: 30px;*/
}
#profile #profile_content .empty-box {
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6d80a8;
}
#profile #profile_content .empty-box span[class^=fa] {
  font-size: 45px;
}
#profile #profile_content .empty-box .txt {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
#profile #profile_content #dashboard .box {
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #profile_content #dashboard .box .circle-icon {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #profile_content #dashboard .box .circle-icon.color-2 {
  background-color: #cddaf6;
}
#profile #profile_content #dashboard .box .circle-icon.color-1 {
  background-color: #b6efd5;
}
#profile #profile_content #dashboard .box .circle-icon.color-3 {
  background-color: #f2cefe;
}
#profile #profile_content #dashboard .box .circle-icon span {
  font-size: 25px;
  color: black;
}
#profile #profile_content #dashboard .box .infos {
  margin-right: 10px;
}
#profile #profile_content #dashboard .box .infos .fa-pipe {
  margin: 0 3px;
  color: #9daac5;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(1) {
  font-weight: 600;
  color: black;
  font-size: 25px;
  line-height: 1;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(2) {
  font-weight: 500;
  color: #6d80a8;
  font-size: 16px;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(3) {
  font-size: 12px;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(3).history-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(3).history-info .item span:nth-child(1) {
  color: #6d80a8;
  font-weight: 500;
}
#profile #profile_content #dashboard .box .infos > div:nth-child(3).history-info .item span:nth-child(2) {
  color: #8d9cbb;
}
#profile #profile_content .section-part .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#profile #profile_content .section-part .section-head .title {
  font-weight: bold;
  color: #23417d;
  font-size: 15px;
}
#profile #profile_content .section-part .more {
  color: #6d80a8;
  font-size: 12px;
  display: flex;
  align-items: center;
}
#profile #profile_content .section-part .more span:first-child {
  margin-left: 5px;
}
#profile #profile_content .section-part .section-body {
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
}
#profile #profile_content .thead {
  border-radius: 10px;
  background-color: #e2e6ee;
  padding: 10px;
  display: block;
}
#profile #profile_content .thead .tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#profile #profile_content .thead .tr .th {
  font-weight: 500;
  color: #23417d;
  font-size: 16px;
  background: unset;
}
#profile #profile_content .tbody {
  padding: 15px 5px;
  display: block;
}
#profile #profile_content .tbody .tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 0;
  border-bottom: 1px solid #e2e6ee;
}
#profile #profile_content .tbody .tr .td {
  color: #6d80a8;
  font-size: 15px;
  font-weight: 500;
  border: unset;
}
#profile #profile_content .tbody .tr .td .badge {
  width: 80px;
  border-radius: 40px;
  padding: 6px 7px;
}
#profile #profile_content .tbody .tr .td .ws {
  display: inline-block;
  width: 75px;
  text-align: left;
}
#profile #profile_content .order-images {
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #profile_content .order-images .order-image-item {
  width: 100px;
  height: 100px;
  position: relative;
  margin-left: 7px;
}
#profile #profile_content .order-images .order-image-item .count {
  position: absolute;
  left: -5px;
  bottom: -5px;
  background-color: #e2e6ee;
  color: #23417d;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #profile_content .status {
  display: flex;
  align-items: center;
  /*&.status-success {
    span {
      &:nth-child(1) {
        color: $profile_color_6;
        font-size: 22px;
        margin-left: 5px;
      }

      &:nth-child(2) {
        color: $profile_color_3;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0;
      }
    }

  }

  &.status-warning {
    span {
      &:nth-child(1) {
        color: $warning;
        font-size: 22px;
        margin-left: 5px;
      }

      &:nth-child(2) {
        color: $profile_color_3;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0;
      }
    }

  }

  .status-btn {
    width: 23px;
    height: 23px;
    border-radius: $borderRadiusDefult/2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;

    span {
      font-size: 13px;
      color: white;
    }

    &.status-danger {
      background-color: $profile_color_8;
    }

    &.status-success {
      background-color: $profile_color_6;
    }

    &.status-secondary {
      background-color: $gray_2;
    }
  }*/
}
#profile #profile_content .status span:nth-child(1) {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #profile_content .status span:nth-child(1) span {
  font-size: 13px;
  color: white;
}
#profile #profile_content .status span:nth-child(1).status-0 {
  background-color: #00c0d7;
}
#profile #profile_content .status span:nth-child(1).status-1 {
  background-color: #2fd187;
}
#profile #profile_content .status span:nth-child(1).status-2 {
  background-color: #ef0521;
}
#profile #profile_content .status span:nth-child(1).status-3 {
  background-color: #ff8a14;
}
#profile #profile_content .status span:nth-child(1).status-4 {
  background-color: #ef0521;
}
#profile #profile_content .status span:nth-child(1).status-5 {
  background-color: #f3cb00;
}
#profile #profile_content .status span:nth-child(1).status-6 {
  background-color: #989898;
}
#profile #profile_content .status span:nth-child(1).status-7 {
  background-color: #2fd187;
}
#profile #profile_content .status span:nth-child(1).status-8 {
  background-color: #e500d1;
}
#profile #profile_content .status span:nth-child(2) {
  color: #23417d;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  margin-right: 7px;
}
#profile #profile_content .key {
  font-size: 12px;
  color: #6d80a8;
}
#profile #profile_content .value {
  font-size: 14px;
  color: #23417d;
  font-weight: 600;
  margin-right: 3px;
}
#profile #profile_content .profile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e2e6ee;
  transition: 0.3s;
  color: #23417d;
  padding: 7px 14px;
  border-radius: 10px;
  min-width: 140px;
  height: 40px;
}
#profile #profile_content .profile-btn span:nth-child(1) {
  font-size: 18px;
  margin-left: 3px;
}
#profile #profile_content .profile-btn span:nth-child(2) {
  font-size: 13px;
  font-weight: 600;
  padding-top: 3px;
}
#profile #profile_content .profile-btn:hover {
  background-color: #c2cadb;
  transition: 0.3s;
}
#profile #profile_content .profile-btn-red {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  transition: 0.3s;
  color: #ef0521;
  border: 1px solid #ef0521;
  min-width: 125px;
  height: 35px;
  padding: 5px 12px;
  border-radius: 10px;
}
#profile #profile_content .profile-btn-red span:nth-child(1) {
  margin-left: 3px;
  font-size: 11px;
}
#profile #profile_content .profile-btn-red span:nth-child(2) {
  font-size: 11px;
  font-weight: 600;
}
#profile #profile_content .profile-btn-red:hover {
  color: white;
  background-color: #ef0521;
  transition: 0.3s;
}
#profile #profile_content .profile-small-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  transition: 0.3s;
  color: #6d80a8;
  border: 2px solid #6d80a8;
  padding: 10px;
  border-radius: 10px;
}
#profile #profile_content .profile-small-btn span:nth-child(1) {
  /*font-weight: 600;*/
}
#profile #profile_content .profile-small-btn:hover {
  color: white;
  background-color: #6d80a8;
  transition: 0.3s;
}
#profile #profile_content .product-box {
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  padding: 15px 10px;
}
#profile #profile_content .product-box .product-box-title {
  height: 62px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3 "";
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: black;
  font-size: 14px;
}
#profile #profile_content .price-box .price {
  color: #23417d;
  font-weight: 600;
  font-size: 16px;
}
#profile #profile_content .price-box .old-price {
  color: #939393;
}
#profile #profile_content .price-box .product-badge {
  background-color: #ef0521;
  color: white;
  border-radius: 10px;
  padding: 1px 8px;
}
#profile #profile_content #user-info .key {
  font-size: 16px;
  margin-bottom: 5px;
}
#profile #profile_content #user-info .value {
  font-size: 17px;
}
#profile #profile_content .badge {
  min-width: 80px;
  border-radius: 40px;
  padding: 6px 7px;
}
#profile #profile_content .badge.badge-count {
  min-width: unset;
  padding: 5px 7px;
}
#profile #profile_content .my-nav-link li .my-nav-item {
  border: 2px solid #6d80a8;
  color: #6d80a8;
  transition: 0.3s;
  position: relative;
  border-radius: 10px;
  padding: 5px 10px;
  /*&:hover,*/
}
#profile #profile_content .my-nav-link li .my-nav-item .badge-count {
  position: absolute;
  left: 3px;
  top: -5px;
  transform: translate(-50%, -50%);
  background-color: #6d80a8;
  color: white;
  border-radius: 5px;
  padding: 1px 0;
  transition: 0.3s;
  height: 22px;
  width: 22px;
  font-size: 14px;
  text-align: center;
}
#profile #profile_content .my-nav-link li .my-nav-item.active {
  border-color: #ef0521;
  color: #ef0521;
  transition: 0.3s;
}
#profile #profile_content .my-nav-link li .my-nav-item.active .badge-count {
  transition: 0.3s;
  background-color: #ef0521;
}
#profile #profile_content .my-nav-link li.active .my-nav-item {
  border-color: #ef0521;
  color: #ef0521;
}
#profile #profile_content .my-nav-link li.active .my-nav-item .badge-count {
  background-color: #ef0521;
}
#profile #profile_content .bg-secondary {
  background-color: #6d80a8;
}
#profile .form-group label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
#profile .form-group .form-control, #profile .form-group .form-select {
  padding: 12px 10px !important;
  border-radius: 10px !important;
}
#profile .form-group.has-icon {
  position: relative;
}
#profile .form-group.has-icon .f-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
#profile #order #h-time-line {
  color: #8d9cbb;
  margin: 45px auto;
}
#profile #order #h-time-line div span:nth-child(1) {
  font-size: 15px;
  margin-left: 3px;
}
#profile #order #h-time-line div span:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
}
#profile #order #h-time-line div.h-dahsed-line {
  width: 80px;
  height: 1px;
  margin: 0 5px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%236d80a8' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}
#profile #order #h-time-line div.h-dahsed-line.green {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%232fd187' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}
#profile #order #h-time-line div.current span {
  color: #6d80a8;
}
#profile #order #h-time-line div.current span:nth-child(2) {
  font-weight: 600;
}
#profile #order #h-time-line div.green span {
  color: #2fd187;
}
#profile #order #h-time-line div.green span:nth-child(2) {
  font-weight: 600;
}
#profile #order .box {
  border-radius: 10px;
  border: 1px solid #d2d2d3;
  padding: 30px 25px;
  font-size: 16px;
  color: #6d80a8;
  font-weight: 500;
}
#profile #order .order-pro .img-wrrap {
  width: 120px;
  margin-left: 10px;
  position: relative;
}
#profile #order .order-pro .img-wrrap .count {
  position: absolute;
  left: -5px;
  top: 80px;
  background-color: #e2e6ee;
  border-radius: 5px;
  color: #23417d;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #order .order-pro .pro-title {
  font-weight: 500;
  color: #23417d;
  font-size: 15px;
}
#profile #order .order-pro .color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--data-bgColor);
}
#profile .alert {
  border-radius: 10px;
}
#profile #address .address-item {
  color: #6d80a8;
}
#profile #address .address-item .address-title {
  font-weight: 400;
  font-size: 15px;
  color: #23417d;
}
#profile #address .address-item .f-icon {
  font-size: 17px;
  margin-left: 7px;
}
#profile #address .btn-group {
  cursor: pointer;
}
#profile #address .btn-group .dropdown-menu {
  border: unset;
  background-color: #f0f0f0;
  color: #23417d;
  text-align: right;
  font-size: 13px;
}
#profile #ticket .ticket-item {
  margin-bottom: 30px;
}
#profile #ticket .ticket-item .user-icon {
  width: 50px;
  height: 50px;
  background-color: #dfe2eb;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 10px 10px;
  margin-left: 10px;
}
#profile #ticket .ticket-item .user-icon span {
  color: #23417d;
  font-size: 16px;
}
#profile #ticket .ticket-item .ticket-msg {
  width: 75%;
  background-color: #9dabc5;
  color: white;
  padding: 15px;
  border-radius: 10px 0 10px 10px;
}
#profile #ticket .ticket-item .ticket-msg .msg {
  font-size: 16px;
}
#profile #ticket .ticket-item .ticket-msg .name {
  font-weight: bold;
}
#profile #ticket .ticket-item .ticket-msg ul {
  list-style: none;
}
#profile #ticket .ticket-item .ticket-msg ul.attachs li {
  margin-bottom: 7px;
}
#profile #ticket .ticket-item .ticket-msg ul.attachs li a {
  color: white;
}
#profile #ticket .ticket-item.reverse .user-icon {
  background-color: #9dabc5;
  border-radius: 10px 0 10px 10px;
  margin-left: unset;
  margin-right: 10px;
}
#profile #ticket .ticket-item.reverse .user-icon span {
  color: white;
  font-size: 16px;
}
#profile #ticket .ticket-item.reverse .ticket-msg {
  background-color: #dfe2eb;
  color: #6d80a8;
  padding: 25px;
  border-radius: 0 10px 10px 10px;
}
#profile #ticket .ticket-item.reverse .ticket-msg hr {
  color: #6d80a8;
}
#profile #ticket .ticket-item.reverse .ticket-msg ul.attachs li a {
  color: #6d80a8;
}
#profile #comments .nav-tabs {
  border: unset;
  padding: 0;
}
#profile #comments .nav-tabs .nav-item .nav-link {
  font-weight: 500;
  font-size: 16px;
  color: #6d80a8;
  border: unset;
}
#profile #comments .nav-tabs .nav-item .nav-link.active {
  color: #23417d;
  border-bottom: 4px solid #23417d;
}
#profile #comments .my-comment {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
#profile #comments .my-comment .mc-pro {
  width: 100px;
  height: 100px;
  margin-left: 10px;
}
#profile #comments .my-comment .mc-pro a {
  width: 100px;
  display: inline-block;
}
#profile #comments .my-comment .score {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  color: white;
  background-color: #2fd187;
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile #comments .my-comment .color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--data-bgColor);
}
#profile #comments .my-comment .msg {
  font-size: 15px;
  font-weight: 500;
  color: #23417d;
  margin-top: 15px;
}
#profile #comments .my-comment .msg ul {
  margin-top: 15px;
  padding: 0;
  list-style: none;
}
#profile #comments .my-comment .msg ul li {
  margin: 5px 0;
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #comments .my-comment .msg ul li span:first-child {
  font-weight: bold;
  font-size: 15px;
}
#profile #comments .my-comment .msg .images {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #comments .my-comment .msg .images .img {
  width: 80px;
  padding: 7px;
  border-radius: 10px;
  border: 1px solid #939393;
  margin-left: 7px;
}
#profile #commentModal {
  color: #9dabc5;
}
#profile #commentModal .suggest-box {
  border-radius: 10px;
  padding: 0;
  width: 105px;
  height: 105px;
  border: 1px solid #9dabc5;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#profile #commentModal .suggest-box span {
  font-size: 30px;
  color: #9dabc5;
}
#profile #commentModal .suggest-box input {
  appearance: none;
}
#profile #commentModal .suggest-box p {
  margin: 0;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
}
#profile #commentModal .suggest-box.active[data-value="1"] {
  border-color: #2fd187;
  /* border-width: 2px;*/
}
#profile #commentModal .suggest-box.active[data-value="1"] span {
  color: #2fd187;
}
#profile #commentModal .suggest-box.active[data-value="0"] {
  border-color: #FFC107FF;
  /* border-width: 2px;*/
}
#profile #commentModal .suggest-box.active[data-value="0"] span {
  color: #FFC107FF;
}
#profile #commentModal .suggest-box.active[data-value="-1"] {
  border-color: #ef0521;
  /* border-width: 2px;*/
}
#profile #commentModal .suggest-box.active[data-value="-1"] span {
  color: #ef0521;
}
#profile #commentModal #range-wrraper #my-range {
  width: 100%;
  height: 3px;
  background-color: #6d80a8;
  display: flex;
  align-items: center;
  position: relative;
}
#profile #commentModal #range-wrraper #my-range .range-active {
  width: 0;
  height: 3px;
  background-color: #2fd187;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="0"] {
  width: 0%;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="1"] {
  width: 20%;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="2"] {
  width: 40%;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="3"] {
  width: 60%;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="4"] {
  width: 80%;
}
#profile #commentModal #range-wrraper #my-range .range-active[data-width="5"] {
  width: 100%;
}
#profile #commentModal #range-wrraper #my-range .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6d80a8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#profile #commentModal #range-wrraper #my-range .dot.active {
  width: 16px;
  height: 16px;
  background-color: #2fd187;
}
#profile #commentModal #range-wrraper #my-range .dot.colored {
  background-color: #2fd187;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(1) {
  right: 0%;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(2) {
  right: 20%;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(3) {
  right: 40%;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(4) {
  right: 60%;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(5) {
  right: 80%;
}
#profile #commentModal #range-wrraper #my-range .dot:nth-child(6) {
  right: 100%;
}
#profile #commentModal #range-wrraper .labels {
  margin-top: 7px;
  position: relative;
  font-size: 12px;
}
#profile #commentModal #range-wrraper .labels .label {
  position: absolute;
  cursor: pointer;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(1) {
  right: -5px;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(2) {
  right: 19%;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(3) {
  right: 39%;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(4) {
  right: 59%;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(5) {
  right: 79%;
}
#profile #commentModal #range-wrraper .labels .label:nth-child(6) {
  right: 99%;
}
#profile #commentModal .box-wrraper .has-plus-btn {
  position: relative;
}
#profile #commentModal .box-wrraper .has-plus-btn span {
  position: absolute;
  top: 55%;
  left: 10px;
  font-size: 19px;
  cursor: pointer;
}
#profile #commentModal .box-wrraper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#profile #commentModal .box-wrraper ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
  margin-bottom: 7px;
}
#profile #commentModal .box-wrraper ul li span.fa-plus {
  font-size: 16px;
  color: #2fd187;
}
#profile #commentModal .box-wrraper ul li span.fa-minus {
  font-size: 16px;
  color: #ef0521;
}
#profile #commentModal .box-wrraper ul li .del-row {
  cursor: pointer;
}
#profile #commentModal .images-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #commentModal .images-wrap .image-item {
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 1px dashed #9dabc5;
  border-radius: 10px;
  position: relative;
  margin-left: 5px;
  cursor: pointer;
}
#profile #commentModal .images-wrap .image-item .overflow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#profile #commentModal .images-wrap .image-item .overflow span:nth-child(2) {
  font-size: 10px;
}
#profile #commentModal .images-wrap .image-item.has-img .overflow {
  display: none;
}
#profile #commentModal .images-wrap .image-item.has-img .remove-img {
  border-radius: 5px;
  background-color: #ef0521;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#profile #commentModal .images-wrap .image-item.has-img .remove-img span {
  color: white;
  font-size: 15px;
}
#profile #docs .alert-desc {
  background-color: #ecebff;
  color: #23417d;
  font-size: 16px;
}
#profile #docs .alert-desc ul {
  margin-top: 10px;
}
#profile #docs .border-dashed {
  position: relative;
  padding: 30px 15px;
  margin-bottom: 25px;
  border: 2px dashed #e2e6ee;
  border-radius: 10px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  transition: 0.3s;
}
#profile #docs .border-dashed .content {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #939393;
  overflow: hidden;
  height: 100px;
}
#profile #docs .border-dashed .content img {
  border-radius: 10px;
  height: 100%;
}
#profile #docs .border-dashed .content .format {
  font-size: 14px;
}
#profile #docs .border-dashed .content .size {
  font-size: 14px;
}
#profile #docs .border-dashed .content .browser {
  margin-top: 20px;
  border: 1px solid #e2e6ee;
  border-radius: 10px;
  transition: 0.3s;
  color: #939393;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
}
#profile #docs .border-dashed:hover {
  border-color: #939393;
  transition: 0.3s;
}
#profile #docs .border-dashed:hover .content .browser {
  border-color: #939393;
  transition: 0.3s;
  color: #939393;
}
#profile #docs .border-dashed .confirm {
  font-size: 14px;
  position: absolute;
  top: -12px;
  right: 10px;
  background-color: #00c0d7;
  color: white;
  padding: 0 10px;
  border-radius: 15px;
}
#profile #docs .border-dashed .reject {
  font-size: 14px;
  position: absolute;
  top: -12px;
  right: 10px;
  background-color: #ef0521;
  color: white;
  padding: 0 10px;
  border-radius: 15px;
}
#profile #docs .border-dashed .pending {
  font-size: 14px;
  position: absolute;
  top: -12px;
  right: 10px;
  background-color: #989898;
  color: white;
  padding: 0 10px;
  border-radius: 15px;
}
#profile #docs .border-dashed.confirmed {
  border-color: #00c0d7;
}
#profile #docs .border-dashed.rejected {
  border-color: #ef0521;
}
#profile #docs .border-dashed.pendinged {
  border-color: #989898;
}
#profile #docs .border-dashed.new {
  justify-content: center;
  cursor: pointer;
}
#profile #docs .border-dashed.new .far {
  color: #e2e6ee;
  transition: 0.3s;
}
#profile #docs .border-dashed.new:hover .far {
  color: #939393;
  transition: 0.3s;
}
#profile #docs .images-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
}
#profile #docs .images-wrap .image-item {
  width: 100%;
  height: 218px;
  padding: 5px;
  border: 2px dashed #dee2e6;
  border-radius: 10px;
  /*position: relative;
  margin-left: 5px;*/
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#profile #docs .images-wrap .image-item .overflow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #dee2e6;
}
#profile #docs .images-wrap .image-item .overflow span:nth-child(1) {
  font-size: 20px;
  margin-bottom: 5px;
}
#profile #docs .images-wrap .image-item .overflow span:nth-child(2) {
  font-size: 15px;
}
#profile #docs .images-wrap .image-item .img-container {
  height: 150px;
}
#profile #docs .images-wrap .image-item .img-container img {
  /*width: 75%;*/
  max-width: 100%;
  height: 100%;
}
#profile #docs .images-wrap .image-item.has-img .overflow {
  display: none;
}
#profile #docs .images-wrap .image-item.has-img .remove-img {
  border-radius: 5px;
  background-color: #ef0521;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  /*transform: translate(-50%, -50%);*/
}
#profile #docs .images-wrap .image-item.has-img .remove-img span {
  color: white;
  font-size: 15px;
}

#cart {
  margin: 40px auto;
}
#cart #cart-header {
  background-color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
#cart #cart-header #h-time-line {
  color: #8d9cbb;
  margin-top: 30px;
}
#cart #cart-header #h-time-line div span:nth-child(1) {
  font-size: 20px;
  margin-left: 3px;
}
#cart #cart-header #h-time-line div span:nth-child(2) {
  font-size: 16px;
  font-weight: 400;
}
#cart #cart-header #h-time-line div.h-dahsed-line {
  width: 80px;
  height: 1px;
  margin: 0 5px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%236d80a8' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}
#cart #cart-header #h-time-line div.h-dahsed-line.green {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%232fd187' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}
#cart #cart-header #h-time-line div.current span {
  color: #6d80a8;
}
#cart #cart-header #h-time-line div.current span:nth-child(2) {
  font-weight: 500;
}
#cart #cart-header #h-time-line div.green span {
  color: #2fd187;
}
#cart #cart-header #h-time-line div.green span:nth-child(2) {
  font-weight: 600;
}
#cart #cart-body .col-right {
  background-color: white;
  border-radius: 10px;
  min-height: 200px;
  padding: 25px 20px;
  position: relative;
}
#cart #cart-body .col-right:before {
  content: "";
  position: absolute;
  right: -1px;
  top: 37px;
  transform: translateY(-50%);
  background-color: #ffcc4d;
  width: 5px;
  height: 25px;
  border-radius: 20px 0 0 20px;
}
#cart #cart-body .col-right .col-right-head {
  display: flex;
  align-items: center;
  justify-content: start;
}
#cart #cart-body .col-right .col-right-head h5 {
  font-weight: 500;
  font-size: 16px;
  color: #23417d;
  margin-left: 7px;
  margin-bottom: unset;
}
#cart #cart-body .col-right .col-right-head span {
  font-weight: normal;
  border-radius: 10px;
}
#cart #cart-body .col-right .remove-all-pro {
  border: 1px solid #6d80a8;
  padding: 5px 10px;
  color: #6d80a8;
  font-size: 12px;
  border-radius: 10px;
  transition: 0.3s;
}
#cart #cart-body .col-right .remove-all-pro:hover {
  border-color: #ef0521;
  color: #ef0521;
  transition: 0.3s;
}
#cart #cart-body .col-right .order-pro {
  color: #6d80a8;
  font-size: 12px;
  border: 1px solid #e2e6ee;
  border-radius: 10px;
  padding: 20px;
}
#cart #cart-body .col-right .order-pro .img-wrrap {
  width: 100px;
  margin-left: 10px;
}
#cart #cart-body .col-right .order-pro .pro-title {
  font-weight: 400;
  color: #23417d;
  font-size: 15px;
  margin-bottom: 10px;
}
#cart #cart-body .col-right .order-pro .color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--data-bgColor);
}
#cart #cart-body .col-right .order-pro .price-box .price {
  color: #23417d;
  font-weight: 600;
  font-size: 16px;
}
#cart #cart-body .col-right .order-pro .price-box .old-price {
  color: #939393;
  font-size: 14px;
}
#cart #cart-body .col-right .order-pro .price-box .product-badge {
  background-color: #ef0521;
  color: white;
  border-radius: 10px;
  padding: 1px 8px;
}
#cart #cart-body .col-right .order-pro .change-num {
  padding: 9px 15px;
  border: thin solid #ef0521;
  border-radius: 10px;
  color: #ef0521;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cart #cart-body .col-right .order-pro .change-num span {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
#cart #cart-body .col-right .order-pro .change-num span.count {
  display: inline-block;
  min-width: 30px;
  text-align: center;
  cursor: auto;
}
#cart #cart-body .col-right .order-pro .remove-pro {
  border: 1px solid #6d80a8;
  border-radius: 10px;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cart #cart-body .col-right .order-pro .remove-pro span {
  font-size: 15px;
  color: #6d80a8;
}
#cart #cart-body .col-right .cart-box {
  color: #6d80a8;
  font-size: 12px;
  border: 1px solid #e2e6ee;
  border-radius: 10px;
  padding: 20px;
}
#cart #cart-body .col-right .cart-head {
  font-size: 15px;
  color: #6d80a8;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
}
#cart #cart-body .col-right .cart-head span:nth-child(1) {
  font-size: 16px;
  margin-left: 5px;
}
#cart #cart-body .col-right .cart-head span:nth-child(2) {
  font-size: 15px;
  font-weight: 400;
}
#cart #cart-body .col-right .cart-more-btn {
  border-radius: 10px;
  padding: 7px 15px;
  color: #00c0d7;
  border: 1px solid #00c0d7;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
#cart #cart-body .col-right .cart-more-btn span:nth-child(1) {
  font-size: 16px;
  margin-left: 3px;
}
#cart #cart-body .col-right .cart-more-btn span:nth-child(2) {
  font-size: 13px;
  font-weight: 400;
}
#cart #cart-body .col-right .cart-more-btn:hover {
  background-color: #00c0d7;
  color: white;
  transition: 0.3s;
}
#cart #cart-body .col-right .cart-more-btn.red {
  color: #ef0521;
  border: 1px solid #ef0521;
  transition: 0.3s;
}
#cart #cart-body .col-right .cart-more-btn.red:hover {
  background-color: #ef0521;
  color: white;
  transition: 0.3s;
}
#cart #cart-body .col-right .address {
  font-weight: 400;
  color: #23417d;
  font-size: 15px;
  margin: 15px 0;
}
#cart #cart-body .col-right .send-type-box {
  border-radius: 10px;
  padding: 0;
  width: 110px;
  height: 110px;
  border: 1px solid #e2e6ee;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
#cart #cart-body .col-right .send-type-box span {
  font-size: 30px;
  color: #9dabc5;
}
#cart #cart-body .col-right .send-type-box input {
  appearance: none;
}
#cart #cart-body .col-right .send-type-box svg {
  margin-top: 5px;
}
#cart #cart-body .col-right .send-type-box p {
  margin: 0;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
}
#cart #cart-body .col-right .send-type-box.active {
  border-color: #2fd187;
}
#cart #cart-body .col-right .send-type-box.active span {
  color: #2fd187;
}
#cart #cart-body .col-right .send-type-box.active svg {
  fill: #2fd187 !important;
  stroke: #2fd187 !important;
}
#cart #cart-body .col-right .send-type-box.active p {
  color: #2fd187;
}
#cart #cart-body .col-right .pay-types .pay-type {
  padding: 15px 0;
  border-bottom: 1px dashed #e2e6ee;
}
#cart #cart-body .col-right .pay-types .pay-type .form-check input[type=radio] {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 999;
}
#cart #cart-body .col-right .pay-types .pay-type .form-check .form-check-label {
  padding-right: 10px;
  display: flex;
  align-items: start;
  justify-content: start;
}
#cart #cart-body .col-right .pay-types .pay-type .form-check .form-check-label span {
  font-size: 25px;
  margin-left: 7px;
}
#cart #cart-body .col-right .pay-types .pay-type .form-check .form-check-label img.pay-icon {
  width: 35px;
  margin-left: 8px;
}
#cart #cart-body .col-right .pay-types .pay-type .form-check .form-check-label h6 {
  color: #23417d;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
#cart #cart-body .col-right .pay-types .pay-type:last-child {
  border: unset;
}
#cart #cart-body .col-right #gatways {
  display: flex;
  align-items: center;
  justify-content: start;
}
#cart #cart-body .col-right #gatways .gatway {
  width: 85px;
  height: 85px;
  border: 1px solid #e2e6ee;
  margin-left: 10px;
  border-radius: 10px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
#cart #cart-body .col-right #gatways .gatway img {
  width: 80%;
}
#cart #cart-body .col-right #gatways .gatway .img-2 {
  display: block;
  transition: 0.3s;
}
#cart #cart-body .col-right #gatways .gatway .img-1 {
  display: none;
  transition: 0.3s;
}
#cart #cart-body .col-right #gatways .gatway:hover, #cart #cart-body .col-right #gatways .gatway.active {
  border-color: #2fd187;
  transition: 0.3s;
}
#cart #cart-body .col-right #gatways .gatway:hover img, #cart #cart-body .col-right #gatways .gatway.active img {
  /*transition: 1s;*/
  /* filter: grayscale(0%);*/
}
#cart #cart-body .col-right #gatways .gatway:hover .img-2, #cart #cart-body .col-right #gatways .gatway.active .img-2 {
  display: none;
  transition: 0.3s;
}
#cart #cart-body .col-right #gatways .gatway:hover .img-1, #cart #cart-body .col-right #gatways .gatway.active .img-1 {
  display: block;
  transition: 0.3s;
}
#cart #cart-body .col-right .cart-to-cart-info {
  min-width: 40%;
  border-radius: 10px;
  padding: 10px;
}
#cart #cart-body .col-right .off-box input {
  border-radius: 10px;
  font-size: 14px;
}
#cart #cart-body .col-right .off-box .error-msg {
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
  color: #ef0521;
}
#cart #cart-body .col-right .off-box .success-msg {
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
  color: #2fd187;
}
#cart #cart-body .col-right .order-images {
  display: flex;
  align-items: center;
  justify-content: start;
}
#cart #cart-body .col-right .order-images .order-image-item {
  width: 100px;
  /* height: 100px;*/
  position: relative;
  /* border: 1px solid red;*/
  margin-left: 10px;
}
#cart #cart-body .col-right .order-images .order-image-item img {
  margin-bottom: 7px;
}
#cart #cart-body .col-right .order-images .order-image-item .count {
  position: absolute;
  left: -5px;
  top: 80px;
  background-color: #e2e6ee;
  border-radius: 5px;
  color: #23417d;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cart #cart-body .col-right .order-images .order-image-item .color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--data-bgColor);
}
#cart #cart-body .col-left {
  background-color: white;
  border-radius: 10px;
  min-height: 200px;
  padding: 25px 20px;
}
#cart #cart-body .col-left .col-left-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  font-weight: 400;
}
#cart #cart-body .col-left .col-left-item .key {
  font-size: 13px;
  color: #9dabc5;
}
#cart #cart-body .col-left .col-left-item .key.darker {
  color: #54678e;
}
#cart #cart-body .col-left .col-left-item .value {
  font-size: 14px;
  color: #2d2d2d;
  font-weight: 600;
}
#cart #cart-body .col-left .col-left-item.off .key {
  color: #ef0521;
}
#cart #cart-body .col-left .col-left-item.off .value {
  color: #ef0521;
}
#cart #cart-body .col-left .col-left-item.darker .key {
  color: #41506e;
  font-weight: 700;
}
#cart #cart-body .col-left .col-left-item.darker .value {
  color: #41506e;
  font-weight: 700;
}
#cart #cart-body .col-left .col-left-item .del-off {
  border: 1px solid #6d80a8;
  padding: 2px 5px;
  color: #6d80a8;
  font-size: 10px;
  border-radius: 10px;
  transition: 0.3s;
}
#cart #cart-body .col-left .col-left-item .del-off:hover {
  border-color: #ef0521;
  color: #ef0521;
  transition: 0.3s;
}
#cart #cart-body .col-left .col-left-item .check-count {
  border: 1px solid #2fd187;
  padding: 2px 5px;
  color: #2fd187;
  font-size: 10px;
  border-radius: 10px;
}
#cart #cart-body .col-left .cart-btn {
  border-radius: 10px;
  background-color: #ef0521;
  color: white;
  padding: 16px;
  width: 100%;
  border: unset;
}
#cart .empty-box-2 {
  width: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6d80a8;
}
#cart .empty-box-2 span[class^=fa] {
  font-size: 45px;
}
#cart .empty-box-2 .txt {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
#cart .address-item {
  color: #6d80a8;
  border: 1px solid #e2e6ee;
  border-radius: 10px;
  padding: 10px;
  margin: 15px 10px;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
}
#cart .address-item:after {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  color: #2fd187;
  opacity: 0;
  position: absolute;
  left: 10px;
  bottom: 10px;
  transition: 0.3s;
}
#cart .address-item.active {
  border-color: #2fd187;
}
#cart .address-item.active:after {
  opacity: 1;
  transition: 0.3s;
}
#cart .address-item .address-title {
  font-weight: 500;
  font-size: 16px;
  color: #23417d;
}
#cart .address-item .f-icon {
  font-size: 15px;
  margin-left: 0px;
}
#cart .address-item .btn-group {
  cursor: pointer;
}
#cart .address-item .btn-group .dropdown-menu {
  border: unset;
  background-color: #f0f0f0;
  color: #23417d;
  text-align: right;
  font-size: 13px;
}

.profile-primary-btn {
  border-radius: 10px;
  border: 2px solid #ffcc4d;
  color: #ffcc4d;
  transition: 0.3s;
  padding: 7px 14px;
  border-radius: 10px;
  min-width: 140px;
  height: 40px;
}
.profile-primary-btn span:nth-child(2) {
  font-size: 13px;
  font-weight: 600;
}
.profile-primary-btn:hover {
  background-color: #ffcc4d;
  color: white;
  transition: 0.3s;
}

#result .result-box {
  font-size: 13px;
  background-color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
#result .result-box .success-icon {
  background-color: #2fd187;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #d6f6e7;
}
#result .result-box .success-icon span {
  color: white;
  font-size: 26px;
}
#result .result-box .danger-icon {
  background-color: #ef0521;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #fec2c9;
}
#result .result-box .danger-icon span {
  color: white;
  font-size: 26px;
}
#result .result-box h4 {
  font-weight: 700;
  font-size: 20px;
  color: #23417d;
}
#result .result-box .price {
  font-weight: 700;
  color: #2fd187;
  font-size: 22px;
}
#result .result-box .unit {
  font-weight: 500;
  color: #2fd187;
  font-size: 15px;
}
#result .result-box .alert {
  font-weight: 500;
}
#result .result-box .alert span[class^=fa] {
  font-size: 19px;
}
#result .result-box .alert.alert-success {
  border: unset;
  background-color: #ebfbf3;
}
#result .result-box .alert.alert-danger {
  border: unset;
  background-color: #fedbdf;
}
#result .result-box .btn {
  border: unset;
  padding: 18px 25px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
}
#result .result-box .btn.success {
  background-color: #2fd187;
  color: white;
}
#result .result-box .btn.secondary {
  background-color: white;
  border: 1px solid #6d80a8;
  color: #6d80a8;
}

#single-section {
  background-color: #f0f5ff;
}
#single-section .form-wrraper {
  background-color: white;
  border-radius: 10px;
  padding: 70px 85px;
}
#single-section .form-wrraper .title {
  text-align: center;
  margin: 25px auto;
}
#single-section .form-wrraper .title .top {
  font-weight: 500;
  font-size: 20px;
  color: #2d2d2d;
}
#single-section .form-wrraper .title .bottom {
  font-weight: 300;
  font-size: 16px;
  color: #939393;
}
#single-section .form-wrraper .sign-input {
  padding: 19px 15px;
  font-size: 20px;
  border-radius: 10px;
}
#single-section .form-wrraper .sign-input:focus {
  box-shadow: unset;
  border: 1px solid #939393;
}
#single-section .form-wrraper .timer {
  margin: 15px auto;
  font-size: 16px;
}
#single-section .form-wrraper .timer .time {
  color: #2d2d2d;
  font-weight: 600;
}
#single-section .form-wrraper .link {
  color: #2d2d2d;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#single-section .profile-myBtn {
  border-radius: 10px;
  padding: 21px 20px;
  color: white;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  background-color: #3f4064;
}
#single-section .profile-myBtn span[class*=" fa-"] {
  font-size: 16px;
  margin-left: 5px;
}

.profile .modal .modal-dialog .modal-content {
  border-radius: 10px;
  background-color: white;
}
.profile .modal .modal-dialog .modal-content .modal-body {
  padding: 40px 40px 15px 40px;
}
.profile .modal .modal-dialog .modal-content .modal-footer {
  padding: 0 40px;
  padding-bottom: 30px;
  border: unset;
}
.profile .modal .modal-dialog .modal-content .modal-footer .btn {
  color: white;
  border-radius: 10px;
  padding: 8px 20px;
  font-size: 14px;
}

#page-404 {
  color: #2d2d2d;
}
#page-404 .txt {
  margin: 90px auto;
  text-align: center;
  font-size: 35px;
}
#page-404 .txt div:nth-child(1) .num {
  font-size: 140px;
  color: #3f4064;
  font-weight: 800;
}
#page-404 .txt div:nth-child(2) {
  margin-top: -50px;
}
#page-404 .txt a {
  font-size: 17px;
  color: #3f4064;
  border-radius: 7px;
  border: 1px solid #3f4064;
  padding: 2px 15px;
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}
#page-404 .txt a:hover {
  transition: 0.3s;
  background-color: #3f4064;
  color: white;
}
#page-404 #dragon {
  margin-top: 250px;
  border-top: 2px solid #535353;
  position: relative;
  background-image: url("../img/404/dotline.svg");
  background-repeat: repeat-x;
  /* background-position: center;*/
  height: 40px;
  background-position: 0px 0px;
  animation: animatedBackground 15s linear infinite;
  /*.repeate {
    animation: scrollText 30s infinite linear;

  }*/
}
#page-404 #dragon #dragon-1 {
  position: absolute;
  bottom: 10px;
  left: 12%;
  display: none;
  z-index: 1;
}
#page-404 #dragon #dragon-1.show {
  display: block;
}
#page-404 #dragon #dragon-1.hide {
  display: none;
}
#page-404 #dragon #dragon-2 {
  position: absolute;
  bottom: 10px;
  left: 12%;
  display: none;
  z-index: 1;
}
#page-404 #dragon #dragon-2.show {
  display: block;
}
#page-404 #dragon #dragon-2.hide {
  display: none;
}
#page-404 #dragon .tree {
  position: absolute;
  bottom: 40px;
  right: 4%;
}
#page-404 #dragon .text {
  position: absolute;
  bottom: 15px;
  z-index: 1;
  right: 20%;
  font-size: 25px;
  background-color: white;
  padding: 10px 15px;
}
#page-404 .copyright {
  text-align: center;
  margin-top: 95px;
  color: #e8e8e8;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#page-404 .copyright a {
  color: #c2c2c2;
}

@keyframes scrollText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-6792px, 0, 0);
  }
}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
@media screen and (max-width: 1366px) {
  #page-404 {
    color: #2d2d2d;
  }
  #page-404 .txt {
    margin: 90px auto;
    text-align: center;
    font-size: 24px !important;
  }
  #page-404 .txt div:nth-child(1) .num {
    font-size: 100px !important;
    color: #3f4064;
    font-weight: 800;
  }
  #page-404 .txt div:nth-child(2) {
    margin-top: -42px !important;
  }
  #page-404 .txt a {
    font-size: 13px !important;
    color: #3f4064;
    border-radius: 7px;
    border: 1px solid #3f4064;
    padding: 2px 15px;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
  }
  #page-404 .txt a:hover {
    transition: 0.3s;
    background-color: #3f4064;
    color: white;
  }
  #page-404 #dragon {
    margin-top: 170px !important;
  }
  #page-404 .copyright {
    font-size: 12px !important;
  }
  #page-404 .copyright a {
    color: #c2c2c2;
  }
}
/*######################################reset######################################*/
a {
  text-decoration: none;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #d3d3d3 !important;
  font-size: 15px !important;
  direction: rtl !important;
  text-align: right !important;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #d3d3d3 !important;
  font-size: 15px !important;
  direction: rtl !important;
  text-align: right !important;
}

::placeholder {
  color: #d3d3d3 !important;
  font-size: 15px !important;
  direction: rtl !important;
  text-align: right !important;
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /*box-shadow: inset 0 0 5px grey;
  border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.41);
  /*border-radius: 10px;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input:focus, select:focus, textarea:focus {
  box-shadow: unset !important;
}

.form-group label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
.form-group input, .form-group select, .form-group textarea {
  border-radius: unset !important;
  /*border-top-left-radius: $radius !important;
  border-bottom-left-radius: $radius !important;*/
  border-radius: 10px !important;
  padding: 15px !important;
  font-size: 14px;
}

.dir_l {
  text-align: left;
  direction: ltr;
}

.dir_r {
  text-align: right;
  direction: rtl;
}

.my-6 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.list-group .list-group-item {
  border-radius: unset;
  background: unset;
  border: unset;
}

.custom-tooltip {
  --bs-tooltip-bg: #00b9ad;
  --bs-tooltip-color: #ffffff;
  font-family: ray;
}

.form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
}

.cursor-pointer {
  cursor: pointer;
}

.myBtn {
  border-radius: 10px;
  padding: 15px 20px;
  color: white;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myBtn span[class*=" fa-"] {
  font-size: 16px;
  margin-left: 5px;
}

.bs-nav {
  padding: 0;
  position: relative;
  /*border-bottom:1px solid $gray_2;*/
}
.bs-nav:after {
  content: "";
  background-color: #f1f2f4;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.bs-nav .nav-item {
  margin-left: 20px;
}
.bs-nav .nav-item .nav-link {
  color: #2d2d2d;
  font-weight: 700;
  font-size: 18px;
  padding: 4px 0;
}
.bs-nav .nav-item .nav-link span[class*=" fa-"] {
  font-size: 18px;
  color: #939393;
}
.bs-nav .nav-item .nav-link.active {
  color: #3f4064;
  border-bottom-width: 3px;
}
.bs-nav .nav-item .nav-link.active span[class*=" fa-"] {
  color: #3f4064;
}

.paragraph {
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.paragraph img {
  max-width: 100% !important;
  height: auto !important;
  margin: 10px auto;
}
.paragraph table {
  width: 100%;
}
.paragraph table tr {
  display: flex;
}
.paragraph table tr td {
  width: 33.3%;
  max-width: 100%;
  padding: 10px;
}
.paragraph table tr td img {
  margin-bottom: 20px;
}
.paragraph table tr td strong {
  font-weight: bold !important;
  font-size: 1rem !important;
}
.paragraph h1, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
  margin-top: 20px;
}

.form-check .form-check-input {
  cursor: pointer;
  float: left;
  /*margin-bottom: 5px !important;*/
}
.form-check .form-check-label {
  float: right;
  cursor: pointer;
  font-weight: 400 !important;
  font-size: 14px;
  padding-top: 3px !important;
  color: #6d80a8;
}

/*.form-switch {
  cursor: pointer;
}*/
hr {
  color: #939393;
}

/*######################################reset######################################*/
.text-profile_color_6 {
  color: #2fd187;
}

.text-profile_color_8 {
  color: #ef0521;
}

.upload-box {
  border-radius: 10px;
  border: 1px dashed var(--bs-border-color);
  padding: 20px 10px;
  cursor: pointer;
  color: #c9c9c9;
}
.upload-box .overflow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #c9c9c9;
  font-size: 15px;
  /*.msg{
      font-weight: bold;
  }*/
}
.upload-box .overflow .upload-btn {
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  transition: 0.3s;
}
.upload-box .overflow .upload-btn:hover {
  color: #969696;
  transition: 0.3s;
}

.modal-footer .btn-primary {
  background-color: #45cb85 !important;
  border-color: #45cb85 !important;
  color: white !important;
}
.modal-footer .btn-secondary {
  background-color: #8687a7 !important;
  border-color: #8687a7 !important;
  color: white !important;
}

.text-profile_color_3 {
  color: #23417d;
}

#computing {
  border-radius: 10px;
  min-height: 300px;
  background-color: white;
  color: #3f4064;
}
#computing table tr td {
  color: #3f4064;
}
#computing table tr td.seperator {
  color: #2fd187;
}
#computing table tr td.check-number {
  color: #2fd187;
  font-weight: 500;
  font-size: 15px;
}
#computing table tr:last-child {
  border: unset;
}
#computing table tr:last-child td {
  border: unset;
}
#computing .compute-head {
  background-color: #23417d;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#computing .compute-head .head-icon {
  border-radius: 50%;
  background-color: #294b91;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
#computing .compute-head .head-icon span {
  color: white;
  font-size: 22px;
}
#computing .compute-head .head-title {
  color: white;
  font-weight: 600;
  font-size: 20px;
  margin-right: 7px;
}
#computing .section-1 {
  border: 1px solid #d2d2d3;
  border-radius: 5px;
  padding: 20px;
  margin: 20px 10px;
}
#computing .section-1 .unit {
  font-size: 12px;
  font-weight: 300;
  color: #939393;
}
#computing .section-1 .check-count {
  border: 1px solid #2fd187;
  border-radius: 5px;
  background-color: #d6f6e7;
  font-size: 12px;
  padding: 3px 5px;
  color: #2fd187;
  font-weight: 600;
}
#computing .section-1 .my-vr {
  border-left: 1px dashed #d2d2d3;
  height: 100px;
}
#computing .section-1 .my-hr {
  display: none;
}
#computing .w-half {
  width: 46%;
}
#computing input[type=text] {
  font-weight: 700;
  font-size: 18px;
  width: 320px;
  margin-right: 10px;
}
#computing input[type=radio] {
  width: 20px;
  height: 20px;
}
#computing .form-check .form-check-input {
  float: right;
  margin-left: 5px;
}
#computing .form-check .form-check-input:checked {
  background-color: #2fd187;
  border-color: #2fd187;
}
#computing .form-check .form-check-input:focus {
  box-shadow: unset;
}
#computing .label-bold {
  font-weight: 600;
  font-size: 17px;
  color: #3f4064;
  text-shadow: 0 0 #3f4064;
}
#computing .label-bold .fs-small {
  font-size: 12px;
  font-weight: 400;
}
#computing .form-group {
  position: relative;
}
#computing .form-group .label-unit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #3f4064;
  font-size: 14px;
}
#computing .label-normal {
  font-size: 15px;
  font-weight: 400;
  color: #3f4064;
}
#computing #monthy-select .monthy {
  border-radius: 5px;
  border: 1px solid #d2d2d3;
  text-align: center;
  padding: 8px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}
#computing #monthy-select .monthy:hover, #computing #monthy-select .monthy.active {
  background-color: #d6f6e7;
  border: 1px solid #2fd187;
  color: #2fd187;
  transition: 0.3s;
}

.bg_profile_color_6 {
  background-color: #2fd187 !important;
}

.bg_profile_color_7 {
  background-color: #e2e6ee !important;
}

.bg_profile_color_3 {
  background-color: #23417d !important;
}

.bg_profile_color_4 {
  background-color: #6d80a8 !important;
}

.bg_profile_color_10 {
  background-color: #ebebff !important;
}

.text-profile_color_11 {
  color: #9dabc5 !important;
}

.discount-wrap {
  min-height: 155px;
}

/*# sourceMappingURL=profile.css.map */