/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap");
/*=============== VARIABLES CSS ===============*/
:root {
  --header-height: 3.5rem;
  /*========== Colors ==========*/
  /*Color mode HSL(hue, saturation, lightness)*/
  --first-color: #008375;
  --title-color: #151413;
  --text-color: #454649;
  --text-color-2: #eee;
  --body-color: #ffffff;
  --body-box-color: #ffffff;
  --body-bg-color: #008375;
  --shadow-color: hsla(228, 80%, 4%, .1);
  /*========== Font and typography ==========*/
  --body-font: "IRANSansWeb", system-ui;
  --title-font:  "DanaBold", sans-serif;
  --normal-font-size: .938rem;
  --smaller-font-size: .75rem;
  --tiny-font-size: .75rem;

  --font-size-1: 1.2rem;
  --font-size-2: 1.1rem;
  --font-size-3: 1rem;
  --font-size-4: 0.9rem;
  --font-size-5: 0.8rem;
  --font-size-6: 0.7rem;

  --h1-font-size: 3rem;
  --h2-font-size: 1.5rem ;
  --h3-font-size: 1.1rem;
  --h4-font-size: 1rem;

  /*========== Font weight ==========*/
  --font-regular: 400;
  --font-semi-bold: 600;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--first-color) !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--first-color) !important;
}
/*========== Responsive typography ==========*/
@media screen and (min-width: 1150px) {
  :root {
    --normal-font-size: 1rem;
    --smaller-font-size: .813rem;
  }
}
/*=============== BASE ===============*/
* {box-sizing: border-box;padding: 0;margin: 0;}
body {
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  background-color: var(--body-color);
  color: var(--text-color);
  transition: background-color .4s;
}

a {text-decoration: none;}
h1, h2, h3, h4 {font-family: var(--title-font);}
img {display: block;max-width: 100%;height: auto;}
button {all: unset;}
.text-color-1{color: var(--first-color)}
/*=============== VARIABLES DARK THEME ===============*/
body.dark-theme {
  --first-color: #00d4bb;
  --title-color: hsl(225, 20%, 96%);
  --text-color: hsl(228, 12%, 61%);
  --body-color: hsl(228, 24%, 16%);
  --body-box-color: #242738;
  --body-bg-color: #242738;
  --shadow-color: hsla(228, 80%, 4%, .3);
}

/*========== 
	Color changes in some parts of 
	the website, in dark theme
==========*/
.dark-theme .sidebar__content::-webkit-scrollbar {background-color: hsl(228, 16%, 30%);}
.dark-theme .sidebar__content::-webkit-scrollbar-thumb {background-color: hsl(228, 16%, 40%);}

/*=============== REUSABLE CSS CLASSES ===============*/
/*.container {*/
/*  margin-inline: 1.5rem;*/
/*}*/
.text-color-a{color:var(--first-color) !important;}
.bg-color-a{background-color:var(--first-color) !important;}
.main {padding-top: 5rem;}
/*=============== HEADER ===============*/
.header {position: fixed;top: 0;left: 5px;right: -5px;z-index: var(--z-fixed);margin: .75rem;}
.header__container {width: 100%;height: 3.5rem;background-color: var(--body-color);box-shadow: 0 2px 24px var(--shadow-color);display: flex;justify-content: space-between;align-items: center;padding-inline: 1.5rem;border-radius: 1rem;transition: background-color .4s;}
.header__logo {display: inline-flex;align-items: center;column-gap: .25rem;}
.header__logo i {font-size: 1.5rem;color: var(--first-color);}
.header__logo span {color: var(--title-color);font-weight: var(--font-semi-bold);}
.header__toggle {font-size: 1.5rem;color: var(--title-color);cursor: pointer;}
.sliderIndex h2{font-size: 60px !important;}
.sliderIndex p{font-size: 26px !important;}
/*=============== SIDEBAR ===============*/
.sidebar {
  position: fixed;
  right: -120%;
  top: 0;
  bottom: 0;
  z-index: var(--z-fixed);
  width: 288px;
  background-color: var(--body-color);
  box-shadow: 2px 0 24px var(--shadow-color);
  padding-block: 1.5rem;
  margin: .75rem;
  border-radius: 1rem;
  transition: right .4s, background-color .4s, width .4s;
}

.sidebar__container,.sidebar__content {display: flex;flex-direction: column;row-gap: 3rem;}
.sidebar__container {height: 100%;overflow: hidden;}
.sidebar__user {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  column-gap: 1rem;
  padding-right: 2rem;
}
.sidebar__img {position: relative;width: 50px;height: 50px;background-color: var(--first-color);border-radius: 50%;overflow: hidden;display: grid;justify-items: center;}
.sidebar__img img {position: absolute;width: 42px;bottom: 3px;right: 6px;}
.sidebar__info h3 {font-size: var(--normal-font-size);color: var(--title-color);transition: color .4s;}
.sidebar__info span {font-size: var(--smaller-font-size);}
.sidebar__content {overflow: hidden auto;}
.sidebar__content::-webkit-scrollbar {width: .4rem;background-color: hsl(228, 8%, 85%);}
.sidebar__content::-webkit-scrollbar-thumb {background-color: hsl(228, 8%, 75%);}
.sidebar__title {width: max-content;font-size: var(--tiny-font-size);font-weight: var(--font-semi-bold);padding-right: 2rem;margin-bottom: 1.5rem;}
.sidebar__list,
.sidebar__actions {display: grid;row-gap: 1.3rem;}
.sidebar__link {position: relative;display: grid;grid-template-columns: repeat(2, max-content);align-items: center;column-gap: 1rem;color: var(--text-color);padding-right: 2rem;transition: color .4s, opacity .4s;}
.sidebar__link i {font-size: 1.25rem;}
.sidebar__link span {font-weight: var(--font-semi-bold);}
.sidebar__link:hover {color: var(--first-color);}
.sidebar__actions {margin-top: auto;}
.sidebar__actions button {cursor: pointer;}
.sidebar__theme {width: 100%;font-size: 1.25rem;}
.sidebar__theme span {font-size: var(--normal-font-size);font-family: var(--body-font);}
/* Show sidebar */
.show-sidebar {right: 0;}
/* Active link */
.active-link {color: var(--first-color);}
.active-link::after {content: "";position: absolute;right: 0;width: 3px;height: 20px;background-color: var(--first-color);}

/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (max-width: 360px) {
  .header__container {
    padding-inline: 1rem;}
  .sidebar {
    width: max-content;
  }
  .sidebar__info, 
  .sidebar__link span {
    display: none;
  }
  .sidebar__user, 
  .sidebar__list, 
  .sidebar__actions {
    justify-content: center;
  }
  .sidebar__user, 
  .sidebar__link {
    grid-template-columns: max-content;
  }
  .sidebar__user {
    padding: 0;
  }
  .sidebar__link {
    padding-inline: 2rem;
  }
  .sidebar__title {
    padding-inline: .5rem;
    margin-inline: auto;
  }
}

/* For large devices */
@media screen and (min-width: 1150px) {
  .header {margin: 1rem;padding-right: 340px;transition: padding .4s;}
  .header__container {height: calc(var(--header-height) + 2rem);padding-inline: 2rem;}
  .header__logo {order: 1;}
  .sidebar {right: 0;width: 316px;margin: 1rem;}
  .sidebar__info, 
  .sidebar__link span {transition: opacity .4s;}
  .sidebar__user, .sidebar__title {transition: padding .4s;}
  /* Reduce sidebar */
  .show-sidebar {width: 90px;}
  .show-sidebar .sidebar__user {padding-right: 1.25rem;}
  .show-sidebar .sidebar__title {padding-right: 0;margin-inline: auto;}
  .show-sidebar .sidebar__info, 
  .show-sidebar .sidebar__link span {opacity: 0;}
  .main {padding-right: 340px;padding-top: 7.5rem;transition: padding .4s;}
  /* Add padding left */
  /*.left-pd {*/
  /*  padding-left: 114px;*/
  /*}*/
  .right-pd {padding-right: 114px;}
}
.title-h1{font-size: var(--h2-font-size);color: var(--title-color);text-align: center;margin-top: 3rem;line-height: 1.8rem}
/*=============== Home ===============*/
.carousel-inner {border-radius: 1rem;}
li, ul, ol{content: none;list-style-type: none;}
.home .carousel-item{min-height: 80vh;background-position: center;background-size: cover;position: relative;z-index: 1;border-radius: 1rem;}
.home .carousel-item:before{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: -1;border-radius: 1rem;}
.home .carousel-item .container {position: absolute;right: 50%;top: 50%;left: auto;transform: translate(50%, -50%);text-align: center;}
.home .carousel-item h2{font-size: 3.1rem;color: #ffffff;margin:0 0 10px;opacity: 0;}
.home .carousel-item p{font-size: 1.3rem;margin:0;color: #eeeeee;opacity:0;}
.home .carousel-item.active h2{animation: fadeInLeft 0.5s ease forwards;}
.home .carousel-item.active p{animation: fadeInRight 0.5s ease forwards;}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.home .carousel-controls{position: absolute;left: 50%;bottom: 30px;z-index: 10;transform: translateX(-50%);}
.home .carousel-indicators{position: relative;margin:0;}
.home .carousel-indicators li{height: 70px;width: 70px;margin:0 5px;border-radius: 50%;background-position: center;background-size: cover;border:3px solid transparent;transition: all 0.3s ease;}
.home .carousel-indicators li.active{border-color: #ffffff;transform: scale(1.2);}
.home .carousel-control-next,
.home .carousel-control-prev{height: 60px;width: 60px;opacity: 1;z-index: 3;top: 50%;transform: translateY(-50%);border-radius: 50%;transition: all 0.3s ease;}
.home .carousel-control-next:hover,
.home .carousel-control-prev:hover{box-shadow: 0 0 10px #ffffff;}
.home .carousel-control-next img,
.home .carousel-control-prev img{width: 30px;}
.home .carousel-control-prev {right: -90px;left: auto;}
.home .carousel-control-next {left: -90px;right: auto;}
/*responsive*/
@media(max-width: 767px){
  .home .carousel-control-next,
  .home .carousel-control-prev{
    display: none;
  }
  .home .carousel-indicators li{
    height: 60px;
    width: 60px;
  }
  .home .carousel-item h2{
    font-size: 45px;
  }
  .home .carousel-item p{
    font-size: 22px;
  }
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #008375;
  --bs-btn-border-color: #008375;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #006e64;
  --bs-btn-hover-border-color: #006359;
  --bs-btn-focus-shadow-rgb: 0, 131, 117;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #006359;
  --bs-btn-active-border-color: #00594f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #008375;
  --bs-btn-disabled-border-color: #008375;
}
.disabled-link {pointer-events: none;cursor: default;opacity: 0.5;text-decoration: none;color: gray;}
.btn-icon{font-size: 2rem;color: var(--first-color)}
.title-section{font-size: var(--h2-font-size);color: var(--first-color);text-align: center;margin-top: 3rem}
.section_book .card__container {padding-block: 3rem;}
.section_book .card__content {margin-inline: 1.75rem;border-radius: 1.25rem;overflow: hidden;}
.section_book .card__article {width: 300px;border-radius: 1.25rem;overflow: hidden;box-shadow: 2px 0px 20px var(--shadow-color);background-color:var(--body-box-color)}
.section_book .card__image {position: relative;background-color: var(--first-color-light);margin-bottom: -.75rem;}
.section_book .card__data {padding: 1rem 1rem;border-radius: 1rem;text-align: center;position: relative;line-height: 1.8rem;z-index: 10;}
.section_book .card__img {width: 100%;margin: 0 auto;position: relative;z-index: 5;}
.section_book .card__shadow {width: 200px;height: 200px;background-color: var(--first-color-alt);border-radius: 50%;position: absolute;top: 3.75rem;left: 0;right: 0;margin-inline: auto;filter: blur(45px);}
.section_book .card__name {font-size: var(--h3-font-size);color: var(--first-color);margin-top: 0.5rem;}
.section_book .card__description {font-weight: 500;font-size: 1rem;direction: rtl;}

/* Swiper class */
.swiper-button-prev:after,.swiper-button-next:after {content: "";}
.swiper-button-prev,.swiper-button-next {width: initial;height: initial;font-size: 3rem;color: var(--second-color);display: none;}
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
.swiper-pagination-bullet {background-color: #888888;opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--first-color);}

/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (max-width: 320px) {
  .card__data {
    padding: 1rem;
  }
}

/* For medium devices */
@media screen and (min-width: 768px) {
  .card__content {margin-inline: 3rem;}
  .swiper-button-next,
  .swiper-button-prev {
    display: block;
  }
}

/* For large devices */
@media screen and (min-width: 1120px) {
  .swiper-button-prev {left: -1rem;}
  .swiper-button-next {right: -1rem;}
}

.section_quote .content-body {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-block: 1rem;
}

.section_quote .collection .content {
  height: auto;
  width: 25rem;
  background-color: #ffffff;
  box-shadow: 2px 0px 20px var(--shadow-color);
  border: .2rem solid rgba(255,255,255,.1);
  border-radius: .7rem;
  border-bottom: .4rem solid #008274;
  border-top: .4rem solid #008274;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}

.collection{padding-block: 3rem;}

body.dark-theme .section_quote .collection .content {
  background-color:  var(--body-color);
  color:var(--text-color);
  border-bottom: .4rem solid #005a4d;
  border-top: .4rem solid #005a4d;
  box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.5);
}
.read-more-icon{position: relative;left: 1rem}
.section_quote .content img {width: 100px;height: 100px;border-radius: 50%;background-color: #0a3622;margin-bottom: 1rem;}
.section_quote .text-content {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.section_quote .text-content h4{font-size: 1rem;color: var(--first-color);}
.section_quote .content-body i {position: absolute;left: 10px;color: #008274;font-size: 2rem;}
.section_quote .text-content .aa p{max-width: 22rem;font-size: .9rem;font-weight: 400;padding-top: 10px;text-align: center;line-height: 1.6rem; }
.section_quote .swiper-slide:not(.swiper-slide-active) .content-body {filter: blur(2px) !important;opacity: 0.6 !important;transition: filter 0.3s, opacity 0.3s;}
.section_quote .swiper-slide-active .content-body {filter: blur(0) !important;opacity: 1 !important;}
.box-style-quote {text-align: center;}
.box-style-quote .quote-body {padding: 15px;border-radius: 10px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);margin-bottom: 20px;position: relative;align-items: center;transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: var(--body-box-color);}
.box-style-quote .quote-body:hover {transform: translateY(-5px);box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);}
.box-style-quote .content-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: 15px;}
.box-style-quote .content-wrapper img {max-width: 80%;height: auto;border-radius: 10px;margin-bottom: 10px;}
.box-style-quote .quote-content {text-align: center;font-size: 1rem;line-height: 1.7; color: var(--text-color);padding: 10px;height: 180px;width: 100%}
.box-style-quote .quote-content .name-link {font-weight: bold;color: var(--first-color);text-decoration: none;}
.box-style-quote .quote-content .name-link:hover {text-decoration: underline;}
.box-style-quote .quote-content p {font-size: 0.9rem;line-height: 1.7;font-weight: 600;text-align: center}
.box-style-quote .quote-footer {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0 15px;margin-top: 10px;}
.box-style-quote .quote-footer .copy-btn {cursor: pointer;font-size: 1.5rem;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-quote .quote-footer .copy-btn:hover {color: #007bff;transform: scale(1.2);}
.box-style-quote .quote-footer .like-wrapper {display: flex;align-items: center;gap: 5px;}
.box-style-quote .quote-footer .like-btn {cursor: pointer;font-size: 1.5rem;border: none;background: none;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-quote .quote-footer .like-btn.liked {color: #e63946;transform: scale(1.2);}
.box-style-quote .quote-footer .like-count {font-size: 1rem;color: #666;padding-left: 5px;}

.box-style-quote .quote-footer .save-btn {cursor: pointer;font-size: 1.4rem;border: none;background: none;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-quote .quote-footer .save-btn.saved {color: var(--first-color);transform: scale(1.2);}
.box-style-book-e .body-book-e{background-color: var(--body-box-color);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);padding: 30px;height: 100%;border-radius: 10px;overflow: hidden;margin-top: 10px;}
.box-style-book-e .post-category {font-size: 1rem;font-weight: bold;color: var(--first-color);margin-bottom: 10px;}
.box-style-book-e .booke-content {height: 110px;font-size: 0.9rem;line-height: 1.8;padding: 0;margin: 0 0 20px 0;color: var(--text-color);transition: 0.3s}
.box-style-book-e .booke-content:hover {color: var(--first-color);}
.box-style-book-e .booke-name {font-size: 0.9rem;font-family: var(--title-font);color: var(--first-color);font-weight: 500;margin-bottom: 5px;}
.box-style-book-e .post-author-img {width: 50px;border-radius: 50%;margin-left: 15px;}
.style-box-book h3{color: var(--first-color);font-size: 1.6rem}
.box-style-book-e .post-author {font-weight: 500;font-size: 1rem;margin-bottom: 5px;}
.box-style-book-e .booke-footer {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0 15px;margin-top: 20px;}
.box-style-book-e .booke-footer .copy-btn {cursor: pointer;font-size: 1.5rem;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-book-e .booke-footer .copy-btn:hover {color: #007bff;transform: scale(1.2);}
.box-style-book-e .booke-footer .like-wrapper {display: flex;align-items: center;gap: 5px;}
.box-style-book-e .booke-footer .like-btn {cursor: pointer;font-size: 1.5rem;border: none;background: none;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-book-e .booke-footer .like-btn.liked {color: #e63946;transform: scale(1.2);}
.box-style-book-e .booke-footer .like-count {font-size: 1rem;color: #666;padding-left: 5px;}
.box-style-book-e .booke-footer .save-btn {cursor: pointer;font-size: 1.4rem;border: none;background: none;transition: color 0.3s ease, transform 0.2s ease;}
.box-style-book-e .booke-footer .save-btn.saved {color: var(--first-color);transform: scale(1.2);}
.style-box-books .card__book i{font-size: 1rem;margin-top: 0.5rem;}
.style-box-books .card__book{font-size: var(--h4-font-size);margin-top: 0.5rem;}
.style-box-books .card__name{font-size: 0.8rem;color: var(--first-color);margin-top: 0.5rem;padding-bottom: 0.5rem;text-align: right !important;cursor: pointer;float: right}

.box-style-publications{}

.data-and-time{font-size: 0.8rem;}

.notification-popup {position: absolute;right: 2rem;min-width: 300px;max-width: 90vw;background-color: #fff;border: 1px solid #e5e5e5;z-index: 9999;direction: rtl;font-size: 0.8rem;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.notification-item {background-color: #008375;color: #fff;transition: background-color 0.3s ease, color 0.3s ease;}
.notification-item:hover:not(.seen) {background-color: #019e89;}
.notification-item.seen {background-color: #f1f1f1;color: #555;opacity: 0.9;}
.notification-item.seen:hover {background-color: #e0e0e0;color: #333;}
.count-noti{position: absolute; top: 0; right: 0;transform: translate(50%, -50%);display: none;font-size: 0.7rem;padding: 0.4em;min-width: 1.5em;height: 1.5em;line-height: 1.5em;text-align: center;}

.style-figure-biography h2{font-size: 1.5rem;padding-bottom: 2rem; padding-top: 1rem;line-height: 2 !important;}
.style-figure-biography h3{color: var(--first-color);font-size: 1.3rem}
.style-figure-biography p{line-height: 2 !important;}

.style-box-books .card__button {
  font-size: 0.8rem;
  color: var(--first-color);
  margin-top: 0.1rem;
  padding-bottom: 0.5rem;
  text-align: right !important;
  cursor: pointer;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--first-color);
  color: white;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.style-box-books .card__button:hover {
  transform: scale(1.2);
}
.style-box-books .card__button i {font-size: 1rem;transition: transform 0.3s ease;animation: blink 1s infinite;position: relative;top: 6px;}

/* استایل ورودی جستجو */
.search-container {position: relative;margin: 0 auto;}
.search-container input {width: 100%;padding: 10px 40px 10px 10px;border: 2px solid #ccc;border-radius: 25px;transition: 0.3s;}
/* تغییر رنگ هنگام کلیک */
.search-container input:focus {border-color: #008375;outline: none;box-shadow: 0 0 8px rgba(0, 212, 187, 0.5);}
/* آیکون جستجو */
.search-container .search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
  font-size: 20px;
  cursor: pointer;
}
  .list-group-item.active {z-index: 2;color: var(--bs-list-group-active-color);background-color: var(--first-color);border-color: var(--first-color);}
/*@keyframes blink {*/
/*  0%, 100% {*/
/*    opacity: 1; !* کاملاً visible *!*/
/*  }*/
/*  50% {*/
/*    opacity: 0; !* ناپدید شدن *!*/
/*  }*/
/*}*/

/*.style-box-books .card__button:hover i {*/
/*  transform: translateX(-5px); !* حرکت آیکون به سمت چپ هنگام hover *!*/
/*}*/

article .publishing h3{font-size: 1.6rem;color: var(--first-color)}
.section-text-book .card{text-align: center;background-color: #ccc;padding:20px 30px;}
.section-text-book .swiper-slide{display:flex;align-items:center;}
.section-text-book .card img{width: 110px;border-radius: 50%;}
.section-text-book h3,h4{margin-bottom: 0px;margin-top: 0px;}
.section-text-book p{font-size:15px;line-height:1.8rem;color:#222222;}
.section-text-book h3{font-size: 16px;color: var(--first-color);}
.section-text-book h4{font-size: 12px;margin-top: 10px;color:#0096FF;}
.section-text-book .swiper-button-next, .swiper-rtl .swiper-button-prev{color:#0096FF;}
.section-text-book.swiper-button-next:after, .swiper-button-prev:after{font-size:32px;}
.section-text-book .review i{color:orange;}

.section-text-book2 .img-area {width: 200px;height: 200px;margin: 20% auto;border-radius: 50%;overflow: hidden;border: var(--first-color) solid 5px}
.section-text-book2 .review {font-size: 1.1rem;line-height: 2rem ;font-weight: 600;padding: 30px 0;}
.section-text-book2 .person{font-size: 18px;color: #101010;margin: 0;}
.section-text-book2 h3{font-size: 1.1rem;color: var(--title-color);}
.section-text-book2 .designation{color: var(--first-color);font-size: 0.8rem;margin-top: 6px}
.section-text-book2 .carousel-inner{max-width: 100%;}
.section-text-book2 .carousel-indicators {bottom: -40px;right: 0;margin: 0;}
.section-text-book2 .carousel-indicators [data-bs-target ] {height: 15px; border: 2px solid var(--first-color);width: 15px;background-color: inherit;border-radius: 50%;}
.section-text-book2 .carousel-indicators .active{border: 2px solid transparent;background-color:var(--first-color);}
.section-text-book2 .left {color: var(--first-color);font-weight: 900;}
.section-text-book2 .right{color: var(--first-color);font-weight: 900;}
.section-text-book2 .carousel-control-next, .carousel-control-prev {position: relative;}
@media (max-width:560px) {
  .section-text-book2 .img-area{margin: 5% auto 0;}
  .section-text-book2 .img-text{text-align: center;}
  .section-text-book2 .review{font-size: 14px;font-weight: 600;margin: 5px 0;}
  .section-text-book2 .person{font-size: 13px;}
  .section-text-book2 h3{font-size: 1rem;}
  .section-text-book2 .designation{font-size: 0.8rem;}
  .section-text-book2 .right{font-size: 12px;}
  .section-text-book2 .left{font-size: 12px;}
  .section-text-book2 .carousel-indicators [data-bs-target ] {height: 8px;border: 1px solid #fff;width: 8px;background-color: inherit;border-radius: 50%;}
  .section-text-book2 .carousel-indicators .active{border: 1px solid transparent;background-color:#fff;}
}


.style-box-book {color: var(--text-color)}
.style-box-book .creating-address{color: var(--text-color);font-size: var(--font-size-5)}
.style-box-book .box-date-time span {font-size: var(--font-size-5)}
.style-box-book a {color: var(--first-color)}
.style-box-book h1 {font-size: var(--h2-font-size);color: var(--first-color)}
.style-box-fig .value-fig {color: var(--first-color);font-size: var(--font-size-4);font-weight: bold}
.style-box-fig h1 {color: var(--first-color);font-size: var(--h3-font-size);line-height: 2rem}

.testimonial {position: relative;width: 100%;padding: 50px 0;overflow: hidden;}
.testimonial .image {height: 160px;width: 160px;object-fit: cover;border-radius: 50%;}
.testimonial .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--body-box-color);
  padding:50px 0px !important;
  border-bottom: .3rem solid #008274;
  border-top: .3rem solid #008274;
  border-radius: 15px;
  row-gap: 10px;
  height: 100%;
  width: 100%;
}
.slide p {text-align: center;padding: 0 100px;font-size: 1rem;font-weight: 500;color: var(--text-color);}
.slide .quote-icon {font-size: 30px;color: #4070f4;}
.slide .details {display: flex;flex-direction: column;align-items: center;}
.details .name {font-size: 14px;font-weight: 600;color: #333;}
.details .job {font-size: 12px;font-weight: 400;color: #333;}
.nav-btn {border-radius: 50%;transition: 0.2s;}
.nav-btn:hover {}
.nav-btn::after,
.nav-btn::before {font-size: 26px;padding: 50px;color: #008375;}
.swiper-pagination-bullet {background-color: rgba(0, 0, 0, 0.6);}
.swiper-pagination-bullet-active {background-color: #008375;}
@media screen and (max-width: 768px) {
  .slide p {
    padding: 0 20px;
  }
  .nav-btn {
    display: none;
  }
}
.notable-figures-style{background-color: var(--body-box-color);}
/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services {padding: 80px 0;}
.services .servies-title {font-size: 2.5rem;margin-bottom: 1.5rem;}
.services .btn-outline-primary {
  color: var(--first-color);
  border-color: #0a6aa1;
  padding: 10px 30px;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.services .btn-outline-primary:hover {background-color: #27cd3e;color: #0d9700;}
.services .service-item {
  background-color: var(--body-box-color);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  height: 100%;
  border-color: #0d6efd ;
  transition: transform 0.3s ease;
}
.services .service-item:hover {border-color: #0d6efd ;transform: scale(1.05);}
.services .service-item .image-logo {width: 80px;height:80px;background-color:#fff;}
.services .service-item i {font-size: 2.5rem;color: var(--first-color);display: inline-block;margin-bottom: 15px;}
.services .service-item h3 {font-size: 1.25rem;margin-bottom: 10px;margin-top: 1rem;color: var(--first-color)}
.services .service-item h3 a {color: #3e1aac;}
.services .service-item h3 a:hover {color: var(--first-color);}
.services .service-item p {font-size: 1rem;color: var(--text-color);line-height: 1.6rem;}

.ltr-direction {direction: ltr;unicode-bidi: bidi-override;}
footer{background-color:var(--body-bg-color);border-radius: 1rem 1rem 0rem 0rem;}
footer h5{color: var(--text-color-2);font-weight: bold;font-size: var(--h3-font-size);}
footer .footer-link{color: var(--text-color-2);font-size: var(--font-size-4)}
footer .social-links i{font-size: 1.3rem;padding: 0.4rem}

.socials-container{display: flex;gap: 20px;}
.socials-container a{
  background-color: white;
  padding: 0em;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  flex-shrink: 1;
  display: grid;
  place-items: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.socials-container a svg{height: 20px;}
.socials-container a::before{
  content: attr(data-social);
  position: absolute;
  background-color: var(--accent-color);
  color: white;
  text-decoration: none;
  padding: 0.4em 0.9em;
  border-radius: 100px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  transform: translateY(-10px) rotate(25deg);
  opacity: 0;
  transition: 200ms cubic-bezier(.42,0,.44,1.68);
}
.socials-container a:hover{background-color: var(--accent-color);fill: white;}
.socials-container a::after{
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid var(--accent-color);
  transform: translateY(0) rotate(25deg);
  opacity: 0;
  transition: 200ms cubic-bezier(.42,0,.44,1.68);
}
.socials-container a:hover::before{transform: translateY(-45px) rotate(0);opacity: 1;}
.socials-container a:hover::after{transform: translateY(-25px) rotate(0);opacity: 1;}

/*=============== settings ===============*/
.set-btn{width: 100px;background-color: #eee;margin-top: 10px;color: #222}
.set-btn:hover, .set-btn:active, .set-btn:after{background-color:#008375;color: #fff}
.set-btn.active{background-color:#008375 !important;color: #fff}

@media (max-width: 1399.98px) {
  /* لپ‌تاپ‌های کوچک‌تر از ۱۴ اینچ */
}

@media (max-width: 1199.98px) {
  /* لپ‌تاپ‌های ۱۳ اینچ و پایین‌تر */
  .content-hide {
    display: none !important;
  }
  .content-show {
    display: block !important;
  }
}

@media (max-width: 991.98px) {
  /* تبلت‌های بزرگ مثل Zenbook Fold */
  .content-hide {
    display: none !important;
  }
  .content-show {
    display: block !important;
  }
}

@media (max-width: 767.98px) {
  /* تبلت‌های معمولی */
  .content-hide {display: none !important;}
  .content-show {display: block !important;}
  .title-h1{font-size: var(--h4-font-size);}
  .title-section{font-size: var(--h3-font-size);margin-top: 2rem}
  .sliderIndex h2{font-size: 40px !important;}
  .sliderIndex p{font-size: 20px !important;}
  .style-box-book h3{font-size: 1.4rem}
  article .publishing h3{font-size: 1.4rem;}

  .style-figure-biography h2{font-size: 1.3rem;padding-bottom: 2rem; padding-top: 1rem;line-height: 2 !important;}
  .style-figure-biography h3{color: var(--first-color);font-size: 1.2rem}
  .style-figure-biography p{line-height: 2 !important;}
}

@media (max-width: 575.98px) {
  /* گوشی‌های متوسط */
  .home .carousel-item{min-height: 65vh;}
  .home .carousel-item h2{font-size: 1.6rem;}
  .home .carousel-item p{font-size: 0.8rem;}
  .home .carousel-indicators li{height: 55px;width: 55px;}
  .content-hide {display: none !important;}
  .content-show {display: block !important;}
  .title-h1{font-size: var(--h4-font-size);}
  .title-section{font-size: var(--h4-font-size);margin-top: 2rem}
  .header__container {height: 4.2rem;}
  .sliderIndex h2{font-size: 30px !important;}
  .sliderIndex p{font-size: 18px !important;}
  .style-box-book h3{font-size: 1.2rem}
  article .publishing h3{font-size: 1.2rem;}

  .style-figure-biography h2{font-size: 1.2rem;padding-bottom: 2rem; padding-top: 1rem;line-height: 2 !important;}
  .style-figure-biography h3{color: var(--first-color);font-size: 1.1rem}
  .style-figure-biography p{line-height: 2 !important;}

}

@media (max-width: 479.98px) {
  /* گوشی‌های کوچک */
  .home .carousel-item{min-height: 65vh;}
  .home .carousel-item h2{font-size: 1.6rem;}
  .home .carousel-item p{font-size: 0.8rem;}
  .home .carousel-indicators li{height: 55px;width: 55px;}
  .content-hide {display: none !important;}
  .content-show {display: block !important;}
  .title-h1{font-size: var(--h4-font-size);}
  .title-section{font-size: var(--h4-font-size);margin-top: 2rem}
  .header__container {height: 4.2rem;}
  .sliderIndex h2{font-size: 30px !important;}
  .sliderIndex p{font-size: 18px !important;}
  .style-box-book h3{font-size: 1.2rem}
  article .publishing h3{font-size: 1.2rem;}

  .style-figure-biography h2{font-size: 1.2rem;padding-bottom: 2rem; padding-top: 1rem;line-height: 2 !important;}
  .style-figure-biography h3{color: var(--first-color);font-size: 1.1rem}
  .style-figure-biography p{line-height: 2 !important;}
}


@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}