/*============================
  14.typography
============================*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--secondary-color);
  font-family: var(--primary-font);
  font-weight: 700;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 26px;
  }
}

h2,
.h2 {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}

h3,
.h3 {
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}

h4,
.h4 {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h4,
  .h4 {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}

h5,
.h5 {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h5,
  .h5 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  h5,
  .h5 {
    font-size: 16px;
  }
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h6,
  .h6 {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  h6,
  .h6 {
    font-size: 14px;
  }
}

.display-3 {
  font-size: 60px;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .display-3 {
    font-size: 48px;
  }
}
@media (max-width: 1199.98px) {
  .display-3 {
    font-size: 44px;
  }
}
@media (max-width: 991.98px) {
  .display-3 {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .display-3 {
    font-size: 30px;
  }
}

.display-4 {
  font-size: 52px;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .display-4 {
    font-size: 44px;
  }
}
@media (max-width: 1199.98px) {
  .display-4 {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .display-4 {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .display-4 {
    font-size: 28px;
  }
}

.display-5 {
  font-size: 44px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .display-5 {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .display-5 {
    font-size: 26px;
  }
}

.display-6 {
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .display-6 {
    font-size: 36px;
  }
}
@media (max-width: 991.98px) {
  .display-6 {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .display-6 {
    font-size: 22px;
  }
}


.text-default {
  color: var(--secondary-light-color) !important;
}

.text-muted {
  color: #677788 !important;
}

.text-linear-primary {
  background: linear-gradient(90deg, #fd2692 0%, #0a67f2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-primary {
  color: var(--primary-color) !important;
  opacity: 1;
}
.text-primary.text-opacity-75 {
  color: rgba(207, 52, 37, 0.75) !important;
}
.text-primary.text-opacity-25 {
  color: rgba(207, 52, 37, 0.25) !important;
}
.text-primary.text-opacity-50 {
  color: rgba(207, 52, 37, 0.5) !important;
}

.text-secondary {
  color: var(--bg-secondry) !important;
  opacity: 1;
}

.text-info {
  color: var(--info-color) !important;
  opacity: 1;
}

.text-success {
  color: #04bd6c !important;
  opacity: 1;
}

.text-warning {
  color: #ffca18 !important;
  opacity: 1;
}

.text-danger {
  color: #ff0000 !important;
  opacity: 1;
}

.text-cyan {
  color: #06aed4 !important;
  opacity: 1;
}

.text-pink {
  color: var(--pink-color) !important;
}

.text-orange {
  color: #e04f16 !important;
}

.text-teal {
  color: var(--teal-color) !important;
}

.text-indigo {
  color: #3538cd !important;
}

.text-cyan {
  color: #06aed4 !important;
}

.text-purple {
  color: var(--purple-color) !important;
}

.text-dark {
  color: var(--bg-dark) !important;
}

.text-light {
  color: #e4ebf1 !important;
}

.text-gray {
  color: #656b76 !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: var(--white-color) !important;
}

.text-fixed-white {
  color: var(--white-color) !important;
}

.text-fixed-black {
  color: #000 !important;
}

.text-gray-1 {
  color: #c9cbcf;
}

.text-gray-2 {
  color: #afb2b8;
}

.text-gray-3 {
  color: #969aa2;
}

.text-gray-4 {
  color: #7d828c;
}

.text-gray-5 {
  color: #656b76;
}

.text-gray-6 {
  color: var(--secondary-light-color) !important;
}

.text-gray-7 {
  color: #393f4d;
}

.text-gray-8 {
  color: #242b3a;
}

.text-gray-9 {
  color: var(--secondary-color) !important;
}

.text-light-500 {
  color: #f1f4f7;
}

a {
  color: var(--secondary-color);
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  color: var(--primary-color);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:focus {
  outline: 0;
}

.link-primary {
  color: var(--primary-color) !important;
}
.link-primary:hover,
.link-primary:focus,
.link-primary:active {
  color: #a4291d !important;
}

.link-secondary {
  color: var(--bg-secondry) !important;
}
.link-secondary:hover,
.link-secondary:focus,
.link-secondary:active {
  color: var(--bg-secondry) !important;
}

.link-success {
  color: #04bd6c !important;
}
.link-success:hover,
.link-success:focus,
.link-success:active {
  color: #04bd6c !important;
}

.link-danger {
  color: #ff0000 !important;
}
.link-danger:hover,
.link-danger:focus,
.link-danger:active {
  color: #ff0000 !important;
}

.link-warning {
  color: #ffca18 !important;
}
.link-warning:hover,
.link-warning:focus,
.link-warning:active {
  color: #ffca18 !important;
}

.link-info {
  color: var(--info-color) !important;
}
.link-info:hover,
.link-info:focus,
.link-info:active {
  color: var(--info-color) !important;
}

.link-light {
  color: #e4ebf1 !important;
}
.link-light:hover,
.link-light:focus,
.link-light:active {
  color: #f1f4f7 !important;
}

.link-dark {
  color: var(--bg-dark) !important;
}
.link-dark:hover,
.link-dark:focus,
.link-dark:active {
  color: var(--bg-dark) !important;
}

.link-default {
  color: var(--secondary-light-color) !important;
}
.link-default:hover,
.link-default:focus,
.link-default:active {
  color: var(--primary-color) !important;
}

hr.text-danger {
  border-color: #ff0000 !important;
}

.blockquote-container {
  padding: 1.25rem;
  border-left: 4px solid #e4ebf1;
  position: relative;
}
.blockquote-container.text-end {
  border-right: 4px solid #e4ebf1;
  border-left: 0;
}

.blockquote.custom-blockquote {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 4px;
  position: relative;
}
.blockquote.custom-blockquote:before {
  content: "\f10d";
  font-family: "Fontawesome";
  z-index: 0;
  font-size: 2rem;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0.5rem;
}
.blockquote.custom-blockquote.primary {
  background-color: rgba(207, 52, 37, 0.1);
  border-inline-start: 2px solid #cf3425;
}
.blockquote.custom-blockquote.primary:before {
  color: rgba(207, 52, 37, 0.1);
}
.blockquote.custom-blockquote.secondary {
  background-color: rgba(152, 170, 48, 0.1);
  border-inline-start: 2px solid var(--bg-secondry);
}
.blockquote.custom-blockquote.secondary:before {
  color: rgba(152, 170, 48, 0.1);
}
.blockquote.custom-blockquote.info {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 2px solid var(--info-color);
}
.blockquote.custom-blockquote.info:before {
  color: rgba(21, 94, 239, 0.1);
}
.blockquote.custom-blockquote.warning {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 2px solid #ffca18;
}
.blockquote.custom-blockquote.warning:before {
  color: rgba(255, 202, 24, 0.1);
}
.blockquote.custom-blockquote.success {
  background-color: rgba(4, 189, 108, 0.1);
  border-inline-start: 2px solid #04bd6c;
}
.blockquote.custom-blockquote.success:before {
  color: rgba(4, 189, 108, 0.1);
}
.blockquote.custom-blockquote.danger {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 2px solid #ff0000;
}
.blockquote.custom-blockquote.danger:before {
  color: rgba(255, 0, 0, 0.1);
}

[data-theme-mode="dark"] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode="dark"] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode="dark"] .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.3) !important;
}

@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto;
  }
}
[dir="rtl"] .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.transform-none {
  transform: none !important;
}

.list-circle {
  list-style: circle;
  padding-inline-start: 2rem;
}