@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Black.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Black.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb_Black.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb_Black.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb_Black.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Bold.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb_Bold.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Medium.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb_Medium.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Light.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb_Light.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSans/eot/IRANSansWeb.eot");
  src: url("../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/woff2/IRANSansWeb.woff2") format("woff2"),
    url("../fonts/IRANSans/woff/IRANSansWeb.woff") format("woff"),
    url("../fonts/IRANSans/ttf/IRANSansWeb.ttf") format("truetype");
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-family: IRANSans !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  direction: rtl;
}

a {
  text-decoration: none !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

/* PRIMARY COLORS */
.text-primary-00 {
  color: #523305;
}
.bg-primary-00 {
  background-color: #523305;
}

.text-primary-10 {
  color: #734708;
}
.bg-primary-10 {
  background-color: #734708;
}

.text-primary-20 {
  color: #9c6411;
}
.bg-primary-20 {
  background-color: #9c6411;
}

.text-primary-30 {
  color: #c57c10;
}
.bg-primary-30 {
  background-color: #c57c10;
}

.text-primary-40 {
  color: #f1930a;
}
.bg-primary-40 {
  background-color: #f1930a;
}

.text-primary-50 {
  color: #ff9800;
}
.bg-primary-50 {
  background-color: #ff9800;
}

.text-primary-60 {
  color: #ffaf27;
}
.bg-primary-60 {
  background-color: #ffaf27;
}

.text-primary-70 {
  color: #ffbd4d;
}
.bg-primary-70 {
  background-color: #ffbd4d;
}

.text-primary-80 {
  color: #ffcb73;
}
.bg-primary-80 {
  background-color: #ffcb73;
}

.text-primary-90 {
  color: #ffdea6;
}
.bg-primary-90 {
  background-color: #ffdea6;
}

.text-primary-95 {
  color: #ffeccc;
}
.bg-primary-95 {
  background-color: #ffeccc;
}

.text-primary-99 {
  color: #fff6e6;
}
.bg-primary-99 {
  background-color: #FFF6E6;
}

.text-primary-100 {
  color: #fffaf2;
}
.bg-primary-100 {
  background-color: #fffaf2;
}

/* SECONDARY COLORS */
.text-secondary-00 {
  color: #0a1428;
}
.bg-secondary-00 {
  background-color: #0a1428;
}

.text-secondary-10 {
  color: #0e1e3b;
}
.bg-secondary-10 {
  background-color: #0e1e3b;
}

.text-secondary-20 {
  color: #13284f;
}
.bg-secondary-20 {
  background-color: #13284f;
}

.text-secondary-30 {
  color: #183263;
}
.bg-secondary-30 {
  background-color: #183263;
}

.text-secondary-40 {
  color: #1d3c77;
}
.bg-secondary-40 {
  background-color: #1d3c77;
}

.text-secondary-50 {
  color: #204384;
}
.bg-secondary-50 {
  background-color: #204384;
}

.text-secondary-60 {
  color: #3e5f9c;
}
.bg-secondary-60 {
  background-color: #3e5f9c;
}

.text-secondary-70 {
  color: #6b86bb;
}
.bg-secondary-70 {
  background-color: #6b86bb;
}

.text-secondary-80 {
  color: #879dc4;
}
.bg-secondary-80 {
  background-color: #879dc4;
}

.text-secondary-90 {
  color: #b8c5df;
}
.bg-secondary-90 {
  background-color: #b8c5df;
}

.text-secondary-95 {
  color: #d5ddec;
}
.bg-secondary-95 {
  background-color: #d5ddec;
}

.text-secondary-99 {
  color: #e9ecf3;
}
.bg-secondary-99 {
  background-color: #e9ecf3;
}

.text-secondary-100 {
  color: #f4f6f9;
}
.bg-secondary-100 {
  background-color: #f4f6f9;
}

/* GRAY COLORS */
.text-gray-00 {
  color: #121212;
}
.bg-gray-00 {
  background-color: #121212;
}

.text-gray-10 {
  color: #2b2b2b;
}
.bg-gray-10 {
  background-color: #2b2b2b;
}

.text-gray-20 {
  color: #3d3d3d;
}
.bg-gray-20 {
  background-color: #3d3d3d;
}

.text-gray-30 {
  color: #4f4f4f;
}
.bg-gray-30 {
  background-color: #4f4f4f;
}

.text-gray-40 {
  color: #626262;
}
.bg-gray-40 {
  background-color: #626262;
}

.text-gray-50 {
  color: #7a7a7a;
}
.bg-gray-50 {
  background-color: #7a7a7a;
}

.text-gray-60 {
  color: #959595;
}
.bg-gray-60 {
  background-color: #959595;
}

.text-gray-70 {
  color: #a8a8a8;
}
.bg-gray-70 {
  background-color: #a8a8a8;
}

.text-gray-80 {
  color: #bdbdbd;
}
.bg-gray-80 {
  background-color: #bdbdbd;
}

.text-gray-90 {
  color: #d1d1d1;
}
.bg-gray-90 {
  background-color: #d1d1d1;
}

.text-gray-95 {
  color: #e4e4e4;
}
.bg-gray-95 {
  background-color: #e4e4e4;
}

.text-gray-99 {
  color: #f2f2f2;
}
.bg-gray-99 {
  background-color: #f2f2f2;
}

.text-gray-100 {
  color: #ffffff;
}
.bg-gray-100 {
  background-color: #ffffff;
}

.bg-background {
  background-color: #F9F9F9;
}

/* SUCCESS COLOR */
.text-success {
  color: #42b538 !important;
}
.bg-success {
  background-color: #42b538 !important;
}

/* DANGER COLOR */
.text-danger {
  color: #eb3131 !important;
}
.bg-danger {
  background-color: #eb3131 !important;
}

/* WARNING COLOR */
.text-warning {
  color: #f0ab2b !important;
}
.bg-warning {
  background-color: #f0ab2b !important;
}

input:focus,
textarea:focus,
.form-select:focus,
.form-check-input {
  box-shadow: none !important;
}

textarea.form-control {
  resize: none !important;
}

.form-check {
  border: none !important;
}

.accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-item {
  width: 100%;
}

.accordion-button {
  display: flex;
  justify-content: space-between;
  transition: all 0.2s ease-in-out !important;
  width: 100% !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  box-shadow: none !important;
}

.accordion-button::after {
  margin-left: 0.5rem !important;
  content: "" !important;
}

.form-check-input {
  box-shadow: none !important;
}

.form-check {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-right: 1rem !important;
}

.form-check .form-check-input {
  margin-left: 0 !important;
  margin-top: 0 !important;
  width: 16.5px !important;
  height: 16.5px !important;
  border-width: 2px !important;
  border-color: #959595;
}

.form-check .form-check-label {
  width: 100% !important;
}

.disable-item {
  filter: grayscale(100%);
  pointer-events: none;
  opacity: 0.5;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: right !important;
  padding-left: 0.5rem;
}


.btn-outline-secondary {
  border: 1px solid #204384; /* secondary-20 */
  color: #204384;
  padding: 8px 18px;
  border-radius: 8px; /* rounded-3 */
  font-weight: 700;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.btn-outline-secondary i {
  font-size: 18px;
  margin-top: 2px;
}

.btn-outline-secondary:active {
  opacity: 0.8;
}

.chat-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

@media (max-width: 350px) {
  .chat-box {
    padding: 6px !important;
  }

  .chat-box:first-child {
    margin-left: 4px !important;
    margin-right: 0 !important;
  }

  .mic-btn {
    padding: 4px !important;
  }

  .mic-btn img {
    width: 20px !important;
    height: 20px !important;
  }

  .send-btn {
    padding: 6px !important;
  }

  .send-btn img {
    width: 20px !important;
    height: 20px !important;
  }

  .chat-input {
    font-size: 12px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

.border-primary{
  border-color: #3E5F9C !important;
}

.btn-default {
  background: #ff9800 !important;
  color: white !important;
}

.page-enter-from {
  opacity: 0;
  transform: translateX(40px) scale(0.98);
}

.page-enter-active {
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.page-enter-to {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.page-leave-from {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.page-leave-active {
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.page-leave-to {
  opacity: 0;
  transform: translateX(-40px) scale(0.98);
}

.lazy-img {
  opacity: 0;
  filter: blur(10px);
  transform: scale(1.05);
  transition:
          opacity 0.1s ease,
          filter 0.15s ease,
          transform 0.15s ease;
}

.lazy-img.is-loaded {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

.sidebar-container {
  z-index: 1030 !important;
}

input:focus {
  outline: none;
  box-shadow: none;
}
