body {
  font-family: IRANSansfanum;
  /*background-image: url(/assets/images/bgShape.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.btn {
  border-radius: 6px !important;
}

.btn-outline-secondary {
  color: #ae8e77 !important;
  border-color: #ae8e77 !important;
}
.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #ccbfb6 !important;
  border-color: #c7bcb5 !important;
  transform: translateY(-2px) !important;
  /* opacity: 0.8; */
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5) !important;
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #fff !important;
  background-color: #ae8e77 !important;
  border-color: #ae8e77 !important;
}

.btn-primary:hover {
  background-color: #597f91 !important;
  border-color: #597f91 !important;
}
.btn-primary {
  background-color: #2c4049 !important;
  border-color: #2c4049 !important;
}
.btn-secondary:hover {
  background-color: #bda390 !important;
  border-color: #bda390 !important;
}
.btn-secondary {
  background-color: #ae8e77 !important;
  border-color: #ae8e77 !important;
}

.btn-pink:hover {
  background-color: #cdb9ae !important;
  border-color: #cdb9ae !important;
}
.btn-pink {
  background-color: #f6ded1 !important;
  border-color: #f6ded1 !important;
}

/* ---- */
.btn-blue:hover {
  background-color: #597f91 !important;
  border-color: #597f91 !important;
  color: #fff !important;
}
.btn-blue {
  background-color: #c0dedd !important;
  border-color: #2c4049 !important;
  color: #2c4049 !important;
}
.btn-blue-outline:hover {
  background-color: #597f91 !important;
  border-color: #597f91 !important;
  color: #fff !important;
}
.btn-blue-outline {
  background-color: #ffffff !important;
  border-color: #b5dedc !important;
  color: #2c4049 !important;
}
.green-light {
  color: #9ccecc !important;
}
.bg-green-light {
  background-color: #9ccecc !important;
}
a,
button {
  cursor: pointer;
  text-decoration: none !important;
}

h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 29.74px;
  text-align: justified;
}
p {
  font-size: 15px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: -0.05em;
  text-align: justify;
}
section {
  margin: 0px 0 0 0;
  padding: 30px 25px;
}

.tagBtn {
  min-width: 47px;
  max-height: 36px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
}
.darkBtn {
  min-width: 115px;
  max-height: 130px;
  padding: 5px 10px 5px 10px;
}

.separator {
  width: 2px;
  height: 20px;
  background-color: #ae8e77; /* or any color you prefer */
  border-radius: 2px; /* half of the width to create rounded edges */
  margin: 0 auto; /* horizontally center the separator */
}
.card-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 23.13px;
  text-align: left;
}

/* .card-title {
  font-size: 22px;
  font-weight: 400;
  line-height: 36.35px;
  letter-spacing: -0.05em;
} */

.BlogCard {
  max-height: 500px;
  border-color: #f6ded1;
  background-color: #fff8f4;
}
.card-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 33.04px;
}
.card-text {
  max-height: 83px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}

.border-start {
  border-right: #2c4049 solid 2px !important;
  color: #2c4049;
}
.border-bottom {
  border-bottom: #2c4049 solid 2px !important;
  color: #2c4049;
  width: 75%;
}

.text-muted {
  color: #656565 !important;
}
.cursor-pointer {
  cursor: pointer !important;
}

.card-body {
  padding-bottom: 2px;
}

/* scrollbar */
/* // scrollbar css */



::-webkit-scrollbar-track
{
	border: 3px solid white;
	background-color: #b2bec3;
}

::-webkit-scrollbar
{
	width: 7px;
	background-color: #dfe6e9;
}

::-webkit-scrollbar-thumb
{
	background-color: #AE8E77;
	border-radius: 10px;
}





@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

/* tiny slider  */
.tns-controls button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 24px;
}

.tns-liveregion {
  display: none !important;
}

.tns-nav {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 10px;
}
.tns-nav button {
  display: block !important;
  width: 10px;
  height: 10px;
  border: none;
  background-color: rgba(82, 127, 77, 1);
  border-radius: 100%;
}

.tns-nav-active {
  width: 25px !important;
  height: 10px !important;
  background-color: white !important;
  border-radius: 25% !important;
  border: 3px solid rgba(82, 127, 77, 1) !important;
}