/*------------------------------------------------------------------HOME PAGE START--------------------------------------------------------------------------------*/

/* hero slider START */

.hero-slider-wrapper {
  position: relative;
  height: 520px;
  background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%);
}
.hero-slider-wrapper .slick-slider {
  height: 100% !important;
}
.hero-slider-wrapper .slick-list {
  height: 100% !important;
}
.hero-slider-wrapper .slick-track {
  height: 100% !important;
}
@media (max-width: 900px) {
  .hero-slider-wrapper {
    height: 770px !important;
  }
  .hero-slider-wrapper .hero-slider-img {
    height: auto !important;
    width: 100%;
    position: absolute;
    left: 0 !important;
    bottom: 0;
    max-width: 450px;
  }

  .hero-slider-wrapper .hero-slider-img img {
    height: auto !important;
    width: 100%;
  }
  .hero-slider-wrapper .hero-slider-desc {
    margin-bottom: 32px !important;
    width: 97% !important;
  }
  .hero-slider-wrapper .hero-slider-content {
    top: 5% !important;
  }
  .hero-slider-wrapper .hero-slider-title {
    margin-bottom: 8px !important;
  }
  .home-links-wrapper {
    padding-block: 136px !important;
  }
  .home-links-wrapper .home-links-content::after {
    content: "";
    width: 80% !important;
    height: 1056px !important;
    background: linear-gradient(280deg, #eef1ff 0%, #f2fafa 100%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.hero-slider-wrapper .hero-slider-content {
  position: absolute;
  top: 15%;
}
.hero-slider-wrapper .hero-slider-item {
  display: flex;
  justify-content: center;
}
.hero-slider-wrapper .hero-slider-title {
  margin-bottom: 27px;
}
.hero-slider-wrapper .hero-slider-sub {
  margin-bottom: 16px;
}
.hero-slider-wrapper .hero-slider-desc {
  margin-bottom: 49px;
  width: 56%;
}
.hero-slider-wrapper .hero-slider-img {
  height: 100%;
  position: absolute;
  left: 10%;
}
.hero-slider-wrapper .hero-slider-img img {
  height: 100%;
}

.hero-slider-wrapper .hero-slider-link {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  line-height: 28px !important;
}
.hero-slider-wrapper .hero-slider-link .ezIcon {
  --icon: 18px;
  opacity: 0.5;
  transition: all 300ms;
}
.hero-slider-wrapper .hero-slider-link:hover .ezIcon {
  transform: translateX(-10px) !important;
}

.hero-slider-inner .slick-dots .slick-active button {
  background: var(--Secondary-S30, #008283) !important;
  opacity: 1 !important;
  width: 6px !important;
  height: 6px !important;
}
.hero-slider-inner .slick-dots button {
  background: var(--Secondary-S30, #008283) !important;
  opacity: 0.5 !important;
  width: 4px !important;
  height: 4px !important;
}
.hero-slider-inner .slick-dots li {
  display: flex !important;
  align-items: center !important;
}
.hero-slider-inner {
  position: relative;
}
.hero-slider-inner .slick-dots {
  position: absolute !important;
  bottom: 16px !important;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* hero slider END */

/* home links START */

.home-links-wrapper {
  width: 100%;
  padding-block: 152px;
  justify-content: center;
  display: flex;
}

.home-links-wrapper .home-links-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}
.home-links-wrapper .home-links-content::after {
  content: "";
  width: 808px;
  height: 336px;
  background: linear-gradient(280deg, #eef1ff 0%, #f2fafa 100%);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Mobile: 1 column */
@media (max-width: 1200px) {
  .home-links-wrapper .home-links-content {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .home-quotes-wrapper .container {
    width: 90% !important;
  }
  .home-quotes-wrapper::before {
    content: "";
    width: 100% !important;
    height: 75% !important;
    border-radius: 4px;
    background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%) !important;
    position: absolute;
    left: 0;
    bottom: 12% !important;
  }
}

.home-links-wrapper .home-links-content .box {
  padding-top: 24px;
  flex: 1;
  height: 224px;
  background: #fff;
  padding-top: 24px;
  padding-inline: 4px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
  box-shadow: 0 4px 40px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
  transition: all 300ms;
  z-index: 2;
}
.home-links-wrapper .home-links-content .box:hover {
  background: var(--Primary-P20, #0d1a5a) !important;
  box-shadow: 0 2px 56px 0 rgba(18, 18, 18, 0.04) !important;
  padding-top: 16px;
}
.home-links-wrapper .home-links-content .box:nth-last-of-type(3) p {
  margin-top: 8px !important;
}
.home-links-wrapper .home-links-content .box:nth-last-of-type(3):hover p {
  margin-top: 0px !important;
}
.home-links-wrapper .home-links-content .box:nth-last-of-type(3):hover .ezIcon {
  margin-top: 6px !important;
}

.home-links-wrapper .home-links-content .box img {
  width: 72px;
  height: 72px;
  transition: all 300ms;
}
.home-links-wrapper .home-links-content .box:hover img {
  width: 48px;
  height: 48px;
  filter: brightness(0) invert(1);
}

.home-links-wrapper .home-links-content .box .title {
  margin-top: 24px;
  transition: all 300ms;
}
.home-links-wrapper .home-links-content .box p {
  margin-top: 16px;
  transition: all 300ms;
}
.home-links-wrapper .home-links-content .box:hover .title {
  margin-top: 16px;
  color: var(--Secondary-S70, #4cbebf) !important;
}
.home-links-wrapper .home-links-content .box:hover p {
  margin-top: 8px;
  color: white !important;
  opacity: 0.8;
}

.home-links-wrapper .home-links-content .box .ezIcon {
  --icon: 32px;
  transform: translateY(50px);
  transition: all 300ms;
  margin-top: 16px;
}
.home-links-wrapper .home-links-content .box:hover .ezIcon {
  transform: translateY(0);
}
/* home links END */

/* home quotes START */

.home-quotes-wrapper .quote-cards .each-card {
  border-radius: 6px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 2px 32px 0 rgba(9, 23, 83, 0.1);
  position: relative;
}
.home-quotes-wrapper::before {
  content: "";
  width: 852px;
  height: 476px;
  background: linear-gradient(280deg, #f2fafa 0%, #eef1ff 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
.home-quotes-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}
.home-quotes-wrapper .container {
  margin: 16px 0 78px 0;
}
.home-quotes-wrapper .quote-cards .each-card:hover .quote {
  color: var(--Primary-P20, #0d1a5a) !important;
}
.home-quotes-wrapper .quote-cards .each-card.quote {
  transition: all 300ms;
}
.home-quotes-wrapper .quote-cards .each-card::before {
  content: "";
  width: 208px;
  height: 6px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 0 0 6px 6px;
  background: var(--Primary-P30, #142883);
  bottom: -6px;
  left: 49px;
  transition: all 300ms;
  z-index: 0;
  transform: scaleX(0);
}
.home-quotes-wrapper .quote-cards .each-card:hover:before {
  transform: scaleX(1);
  transform-origin: center;
}
.home-quotes-wrapper .quote-cards .each-card .image-wrapper {
  width: 100%;
  height: 180px;
  display: flex;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
.home-quotes-wrapper .quote-cards .each-card .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-quotes-wrapper .quote-cards .each-card .card-content {
  padding: 16px 16px 18px 16px;
}

/* home quotes END */
/* home latest news START */

/* --- Wrapper --- */
.home-latest-news-wrapper {
  width: 100%;
  padding-block: 80px;
  direction: rtl;
  display: flex;
  justify-content: center;
  position: relative;
}

.home-latest-news-wrapper::after {
  content: "";
  width: 852px;
  height: 520px;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 900px) {
  .home-latest-news-wrapper::after {
    width: 100% !important;
    height: 1110px !important;
    flex-shrink: 0;
    border-radius: 0 10px 10px 0;
    bottom: 0 !important;
    top: unset !important;
  }
  .home-latest-news-wrapper .home-latest-news-content {
    flex-flow: wrap;
    justify-content: center;
  }
  .home-latest-news-wrapper .home-latest-news-content .text-section .sub-title {
    width: 60%;
  }
  .home-latest-news-wrapper .home-latest-news-content .text-section .desc {
    margin-top: 16px !important;
    padding-left: unset !important;
  }
}
/* --- Content Layout --- */
.home-latest-news-wrapper .home-latest-news-content {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}

/* --- Text Section --- */
.home-latest-news-wrapper .home-latest-news-content .text-section {
  width: auto;
  min-width: 288px;
}
.home-latest-news-wrapper .home-latest-news-content .text-section .title {
  color: #0080c7;
}

.home-latest-news-wrapper .home-latest-news-content .text-section .sub-title {
  margin-top: 8px;
}

.home-latest-news-wrapper .home-latest-news-content .text-section .desc {
  margin-top: 24px;
  line-height: 1.9;
  padding-left: 50px;
  text-align: justify;
}

.home-latest-news-wrapper .home-latest-news-content .text-section .link {
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  line-height: 28px !important;
  margin-top: 36px;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .text-section
  .link
  .ezIcon {
  --icon: 18px;
  opacity: 0.5;
  transition: all 300ms;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .text-section
  .link:hover
  .ezIcon {
  transform: translateX(-10px) !important;
}
.home-latest-news-wrapper .home-latest-news-content .text-section .link:hover {
  background: #0053a4;
}

/* --- News Cards Section --- */
.home-latest-news-wrapper .home-latest-news-content .news-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .home-latest-news-wrapper .home-latest-news-content .news-section {
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
  .home-latest-news-wrapper .home-latest-news-content .news-section .each-box {
    width: 100% !important;
  }
}

/* --- Each News Box --- */
.home-latest-news-wrapper .home-latest-news-content .news-section .each-box {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  width: 288px;
  position: relative;
}

.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--Gray-G95);
  position: absolute;
  bottom: 64px;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box::before {
  content: "";
  width: 208px;
  height: 6px;
  flex-shrink: 0;
  position: absolute;
  border-radius: 0 0 6px 6px;
  background: var(--Primary-P30, #142883);
  bottom: -6px;
  left: 40px;
  transition: all 300ms;
  z-index: 0;
  transform: scaleX(0);
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box:hover:before {
  transform: scaleX(1);
  transform-origin: center;
}

/* Image */
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .image
  img {
  width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
  display: block;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .image {
  width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
  display: block;
}

/* Title */
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom {
  padding: 0 16px 16px 16px;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom
  .title {
  margin-top: 24px;
  transition: all 300ms;
  display: block;
  min-height: 56px;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box:hover
  .bottom
  .title {
  color: var(--Primary-P20, #0d1a5a) !important;
}

/* Button Wrapper */
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom
  .button {
  display: flex;
  justify-content: end;
  margin-top: 16px;
  padding-left: 16px;
  position: relative;
  z-index: 2;
}

.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom
  .button
  a {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 16px;
  transition: all 300ms;
}
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box:hover
  .bottom
  .button
  a {
  background: var(--Primary-P30, #142883) !important;
}

/* Arrow Icon */
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom
  .button
  .ezIcon {
  --icon: 18px;
}

/* Date */
.home-latest-news-wrapper
  .home-latest-news-content
  .news-section
  .each-box
  .bottom
  .date {
  text-align: start;
  margin-top: 4px;
}

/* home latest news END */

/* home video slider START */
@media (max-width: 900px) {
  .home-video-slider-wrapper {
    padding-block: 0 !important;
  }
  .home-video-slider-wrapper .slick-track {
    padding-block: 46px 135px !important;
  }

  .home-video-slider-wrapper .each-slide {
    margin: 10px !important;
  }
  .home-video-slider-wrapper .each-slide .image-wrapper {
    height: 166px !important;
  }
  .video-slider-dots {
    width: 150px !important;
  }
  .home-video-slider-wrapper .each-slide .bottom-row .button {
    position: absolute;
    left: 26px;
    bottom: 100px;
  }
  .video-slider-dots .slick-arrow {
    background: transparent !important;
  }
}

.home-video-slider-wrapper {
  width: 100%;
  padding-block: 122px;
  position: relative;
}

.home-video-slider-wrapper .each-slide {
  padding: 16px;
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.1);
  margin: 30px;
}
.home-video-slider-wrapper.media .each-slide {
  padding: 16px 16px 24px 16px;
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.1);
  margin: 30px;
}
.home-video-slider-wrapper .each-slide .image-wrapper {
  display: flex;
  width: 100%;
  height: 284px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
}
.home-video-slider-wrapper.media .each-slide .image-wrapper {
  display: flex;
  width: 100%;
  height: 198px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
}

.home-video-slider-wrapper .each-slide .image-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-video-slider-wrapper .each-slide .bottom-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  justify-content: space-between;
}
.home-video-slider-wrapper .each-slide .bottom-row > span {
  min-height: 56px;
}

.home-video-slider-wrapper .each-slide .bottom-row .button {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: var(--Secondary-S50, #00a2a4);
  transition: all 300ms;
}
.video-slider-dots {
  position: absolute;
  width: 120px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15%;
}
.video-slider-dots .slick-arrow::before {
  background-color: var(--Primary-P20) !important;
}
.video-slider-dots .slick-arrow:hover:before {
  background-color: white !important;
}
.video-slider-dots .slick-arrow:hover {
  background-color: var(--Primary-P20) !important;
}
.video-slider-dots .slick-arrow {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}
.video-slider-dots ul.slick-dots li button {
  background: var(--Primary-P30, #142883) !important;
  width: 6px !important;
  height: 6px !important;
  opacity: 0.3 !important;
}
.video-slider-dots ul.slick-dots li {
  display: flex;
  align-items: center;
}
.video-slider-dots ul.slick-dots li.slick-active button {
  opacity: 1 !important;
}

/* home video slider END */

/* home media right START */
@media (max-width: 900px) {
  .media-right-wrapper .card.top {
    margin-top: 62px !important;
  }
  .media-right-wrapper .card.bottom {
    margin-bottom: 0 !important;
  }
  .media-wrapper {
    width: 100%;
    position: relative;
  }
  .media-right-wrapper .card {
    width: 95% !important;
    height: auto !important;
    flex-flow: column !important;
    margin-inline: auto;
    padding: 16px !important;
  }
  .media-right-wrapper .desc {
    padding-inline: 0 !important;
  }
  .media-right-wrapper .img {
    width: 100% !important;
    height: 215px !important;
    border-radius: 2px;
    overflow: hidden;
  }
  .media-right-wrapper .desc .title {
    margin-top: 8px !important;
  }
  .media-right-wrapper .desc .link-row {
    margin-bottom: 0 !important;
  }
  .media-right-wrapper .desc {
    gap: 16px;
    width: 100%;
  }
  .media-wrapper::after {
    content: "";
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px;
    background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%) !important;
    top: unset !important;
    bottom: 0;
    transform: none !important;
  }
}

.media-right-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
}

.media-right-wrapper .card.top {
  margin-top: 152px;
}
.media-right-wrapper .card.bottom {
  margin-bottom: 152px;
}
.media-wrapper {
  width: 100%;
  position: relative;
}
.media-wrapper::after {
  content: "";
  width: 504px;
  height: 480px;
  background: linear-gradient(280deg, #eef1ff 0%, #f2fafa 100%);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  z-index: -1;
}
.media-right-wrapper .card {
  width: 600px;
  height: 172px;
  border-radius: 8px;
  padding-right: 8px;
  background: var(--Gray-G100, #fff);
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: nowrap;
  margin-top: 24px;
  border: none;
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.12);
}
.media-right-wrapper .card a {
  pointer-events: none;
}
.media-right-wrapper .img {
  width: 220px;
  height: 156px;
  border-radius: 2px;
  overflow: hidden;
}
.media-right-wrapper .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.media-right-wrapper .desc {
  display: flex;
  flex-flow: column;
  padding-inline: 16px;
  height: 100%;
  justify-content: space-between;
  flex: 1;
}
.media-right-wrapper .desc .middle-row .icon-box {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-right-wrapper .desc .middle-row .total-time {
  margin-top: 3px;
}
.media-right-wrapper .desc .middle-row {
  gap: 8px;
}
.media-right-wrapper .desc .title {
  margin-top: 20px;
  transition: all 300ms;
}
.media-right-wrapper .card:hover .desc .title {
  color: var(--Primary-P20, #0d1a5a) !important;
}
.media-right-wrapper .desc .link-row {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 24px;
  gap: 16px;
}
.media-right-wrapper .desc .link-row .link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  transition: all 300ms;
}
.media-right-wrapper .card:hover .desc .link-row .link {
  color: var(--Primary-P40, #18309f) !important;
}
.media-right-wrapper .desc .link-row .link .button {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: var(--Secondary-S50, #00a2a4);
  transition: all 300ms;
}

.media-right-wrapper .audio-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  width: 100%;
}

.media-right-wrapper .audio-controls .time {
  font-size: 12px;
}

.media-right-wrapper .progress {
  width: 100%;
  cursor: pointer;
}
.media-right-wrapper .audio-bar {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: transparent;
  cursor: pointer;
}

/* ---------- Chrome / Safari / Edge ---------- */
.media-right-wrapper .audio-bar::-webkit-slider-runnable-track {
  height: 6px;
  background: #d0d0d0; /* unfilled */
  border-radius: 10px;
  position: relative;
}

.media-right-wrapper .audio-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #00a2a4;
  border-radius: 50%;
  margin-top: -4px;
  position: relative;
  z-index: 2;
}

/* fake filled part using gradient */
.media-right-wrapper .audio-bar {
  background: linear-gradient(#00a2a4 0 0) no-repeat !important;
  height: 6px;
  border-radius: 10px;
}

/* audio wave animation */

.media-right-wrapper .wave {
  display: flex; /* همیشه flex باشه */
  gap: 3px;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease; /* smooth fade */
  position: absolute;
}
.media-right-wrapper .wave.active {
  opacity: 0.7;
  visibility: visible;
}
.media-right-wrapper .bar {
  width: 3px;
  background: black;
  border-radius: 50px;
  animation: bounce 2.5s infinite ease-in-out;
  transform-origin: center;
}

/* bar sizes + opacity */
.media-right-wrapper .bar1 {
  height: 20px;
  animation-delay: 0.5s;
}

.media-right-wrapper .bar2 {
  height: 20px;
  animation-delay: 0.7s;
}

.media-right-wrapper .bar3 {
  height: 20px;
  animation-delay: 0.3s;
}

/* animation */
@keyframes bounce {
  0% {
    transform: scaleY(0.4);
    opacity: 0.3;
  }
  50% {
    transform: scaleY(1);
    opacity: 0.7; /* darkest here */
  }
  100% {
    transform: scaleY(0.4);
    opacity: 0.5;
  }
}

/* home media right END */

/* home events START */
@media (max-width: 900px) {
  .home-events-wrapper {
    padding-block: 64px;
    flex-flow: column;
    gap: 46px;
  }
  .home-events-wrapper .text-section {
    width: 100% !important;
    text-align: justify;
  }
  .home-events-wrapper .text-section .desc {
    margin-top: 16px !important;
  }
  .home-events-wrapper .text-section .sub-title {
    margin-top: 8px !important;
    width: 80%;
  }
  .home-events-wrapper .text-section a.link {
    margin-top: 32px !important;
  }
  .home-events-wrapper .events-section {
    gap: 40px !important;
    flex-flow: column;
  }
  .home-events-wrapper .events-section .each-box .bottom {
    width: 100% !important;
  }
  .events-wrapper::after {
    content: "";
    width: 100% !important;
    height: 722px !important;
    border-radius: 8px;
    background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%) !important;
    left: 50% !important;
    top: unset !important;
    bottom: -28% !important;
    transform: translate(-50%, -50%) !important;
  }
  .product-cards-wrapper .product-cards-grid {
    margin-top: 0 !important;
  }
  .product-cards-wrapper .sub-title a {
    align-items: center;
    margin-top: 40px;
  }
  .product-cards-wrapper .slick-track {
    padding-block: 40px !important;
  }
}
.events-wrapper {
  width: 100%;
  position: relative;
}
.events-wrapper::after {
  content: "";
  width: 690px;
  height: 508px;
  flex-shrink: 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  left: 0;
  top: 52%;
  transform: translate(0, -50%);
  z-index: -1;
}

.home-events-wrapper {
  display: flex;
  padding-block: 64px;
  justify-content: space-between;
}

.home-events-wrapper .text-section {
  width: 40%;
  text-align: justify;
}

.home-events-wrapper .text-section .sub-title {
  margin-top: 16px;
}

.home-events-wrapper .text-section .desc {
  margin-top: 32px;
}

.home-events-wrapper .text-section a.link {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  margin-top: 52px;
}

.home-events-wrapper .text-section a.link .ezIcon {
  --icon: 18px;
  transition: all 300ms;
}

.home-events-wrapper .text-section a.link:hover .ezIcon {
  transform: translateX(-10px);
}

.home-events-wrapper .events-section {
  display: flex;
  gap: 24px;
}

.home-events-wrapper .events-section .each-box {
  border-radius: 6px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
  padding: 16px 16px 36px 16px;
  height: max-content;
}

.home-events-wrapper .events-section .each-box a.image {
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  height: 196px;
}
.home-events-wrapper .events-section .each-box a.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-events-wrapper .events-section .each-box .title {
  margin-top: 8px;
  display: block;
  transition: all 300ms;
}
.home-events-wrapper .events-section .each-box:hover .title {
  color: var(--Secondary-S20, #006162) !important;
}

.home-events-wrapper .events-section .each-box .bottom {
  width: 296px;
  padding-inline: 8px;
}
.home-events-wrapper .events-section .each-box .bottom > a {
  min-height: 56px;
}

.home-events-wrapper .events-section .each-box .bottom .bottom-row {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}
.home-events-wrapper
  .events-section
  .each-box:hover
  .bottom
  .bottom-row
  .link
  .ezIcon {
  transform: translateX(-10px);
}

.home-events-wrapper .events-section .each-box .bottom .bottom-row .date {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-events-wrapper
  .events-section
  .each-box
  .bottom
  .bottom-row
  .date
  .ezIcon {
  --icon: 24px;
}

/* home events END */

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* home products START */

.product-cards-wrapper .sub-title a {
  align-items: center;
}

.product-cards-wrapper .sub-title a:hover .ezIcon {
  transform: translateX(-10px);
}
.product-cards-wrapper .sub-title a.ezIcon {
  transition: all 300ms;
}

/* home products END */

/*------------------------------------------------------------------HOME PAGE END--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------INNER PAGE BANNER START--------------------------------------------------------------------------*/
.inner-page-banner {
  position: relative;
  height: 200px;
  background: linear-gradient(269deg, #142883 0%, #009294 100%);
}
.inner-page-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-page-banner .bread-crumb {
  position: absolute;
  top: 114px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  white-space: nowrap;
}
.inner-page-banner p.title {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
/*---------------------------------------------------------------INNER PAGE BANNER END---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------NEWS START --------------------------------------------------------------------------------*/

/* news category side bar START */

/* ====== Wrapper ====== */
@media (max-width: 900px) {
  .news-category-sidebar {
    border-radius: 6px;
    box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
    padding: 24px;
    overflow: hidden !important;
    width: 90%;
    margin-inline: auto;
    margin-top: 40px !important;
  }
}
.news-category-sidebar {
  border-radius: 6px;
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  padding: 24px;
  overflow: hidden !important;
  margin-top: 140px;
}
.news-category-sidebar.date-cat {
  padding-top: 0;
  margin-top: 20px;
}
.news-category-sidebar.no-marg {
  margin-top: 0 !important;
}

/* Text inside sidebar head */
.news-category-sidebar .sidebar-head p {
  padding-bottom: 24px;
  border-bottom: 1px solid #e4e4e4;
}

/* ====== Category List ====== */
.news-category-sidebar .news-category-list {
  margin-top: 30px;
}

/* ====== Each Item ====== */
.news-category-sidebar .news-category-list .item {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.news-category-sidebar .news-category-list .item .icon-warpper {
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2px;
  overflow: hidden;
  rotate: 90deg;
  margin-right: -12px;
  transition: all 300ms;
}

.news-category-sidebar .news-category-list .item.active .icon-warpper {
  height: auto;
  overflow: visible;
  rotate: 0deg;
  margin-right: 0;
}

/* Icon inside item */
.news-category-sidebar .news-category-list .item .ezIcon:not(.hov-icon) {
  mask-size: contain;
  mask-position: center;
  --icon: 22px;
}
/* Icon inside item */
.news-category-sidebar .news-category-list .item .ezIcon.hov-icon {
  rotate: 0deg;
  position: absolute;
  left: -40px;
  transition: all 300ms;
}
.news-category-sidebar .news-category-list .item:hover .ezIcon.hov-icon {
  left: 0px;
}

/* Category link */
.news-category-sidebar .news-category-list .item a {
  margin-right: 3px;
  transition: all 300ms;
}
.news-category-sidebar .news-category-list .item:hover a {
  color: var(--Gray-G20, #3d3d3d) !important;
}
.news-category-sidebar .news-category-list .item.active a {
  color: var(--Secondary-S20, #006162) !important;
  margin-right: 12px;
}
/* Category link */
.news-category-sidebar .news-category-list .item p {
  margin-right: 3px;
  transition: all 300ms;
}
.news-category-sidebar .news-category-list .item:hover p {
  color: var(--Gray-G20, #3d3d3d) !important;
}
.news-category-sidebar .news-category-list .item.active p {
  color: var(--Secondary-S20, #006162) !important;
  margin-right: 12px;
}

/* news category side bar END */



/*--------------------------------------------------------------------NEWS END --------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------NEWS DETAIL START --------------------------------------------------------------------------------*/

/* comment form START */
@media (max-width: 900px) {
  .comment-form-wrapper {
    min-width: 95% !important;
    padding: 32px 16px 77px 16px !important;
  }
}
.comment-form-wrapper {
  min-width: 808px;
  height: auto;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  padding: 32px 136px 40px 136px;
  overflow: hidden;
  display: none;
  width: 83.33333333%;
  margin-inline: auto;
}
.comment-form-wrapper .form-pages-main {
  margin-top: 66px;
}

.comment-form-wrapper .form-pages-main .form-label {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 11px;
  font-weight: 300;
  line-height: 22px; /* 200% */
  position: absolute;
  display: flex;
  flex-flow: row-reverse;
  gap: 4px;
  bottom: 20px;
  margin-bottom: unset;
  right: 4px;
  transition: all 300ms;
}
.comment-form-wrapper
  .form-pages-main
  #row_2_4
  .form-col:nth-of-type(2)
  .form-label {
  bottom: 44px !important;
}
.comment-form-wrapper .form-pages-main #row_2_7 .form-col .form-label {
  bottom: 44px !important;
}
.comment-form-wrapper
  .form-pages-main
  #row_2_7
  .form-col:nth-last-of-type(2)
  .form-label {
  bottom: unset;
  top: -16px;
}
.comment-form-wrapper
  .form-pages-main
  .form-page
  > .form-element.basic-element
  .form-label {
  bottom: 44px !important;
}

.comment-form-wrapper .form-pages-main .form-element:focus-within .form-label {
  bottom: 44px;
}
.form-element:has(.form-input input:not(:placeholder-shown)) .form-label {
  bottom: 44px;
}
.comment-form-wrapper .form-pages-main textarea::placeholder {
  color: var(--Gray-G60, #959595);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  bottom: 4px;
}

.comment-form-wrapper .form-pages-main .form-control {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 328px;
  border-radius: unset !important;
  height: 50px;
}
.comment-form-wrapper .form-pages-main textarea.form-control {
  min-height: 56px;
  padding-block: 20px 4px !important;
}
.comment-form-wrapper .form-pages-main .form-control:last-of-type {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 100%;
}
.comment-form-wrapper .form-pages-main .form-element {
  margin-bottom: 58px;
  position: relative;
}
.comment-form-wrapper .form-pages-main .form-page > .form-element:last-of-type {
  margin-bottom: 0 !important;
}

.comment-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group {
  justify-content: start;
}
.comment-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--Primary-P20, #0d1a5a);
  flex-flow: row-reverse;
  color: var(--Gray-G100, #fff);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px; /* 200% */
}
.comment-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button
  .icon {
  margin: 0 !important;
  transition: all 300ms;
  opacity: 0.5;
}
.comment-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button:hover
  .icon {
  transform: translateX(-10px) !important;
}

/*---------------------------------------------------------------------NEWS DETAIL END ---------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------CONTACT US START ----------------------------------------------------------------------------*/
@media (max-width: 900px) {
  .contact-info-wrapper::before {
    width: 384px !important;
  }
  .contact-info-wrapper .contact-info {
    width: 95%;
  }
  .contact-info-wrapper .map-content {
    width: 95%;
  }
  .contact-info-wrapper .map-content .map {
    height: 200px !important;
    width: 100% !important;
  }
  .contact-message-wrapper .form-pages-main {
    min-width: 100% !important;
  }
  .contact-message-wrapper {
    margin-bottom: 24px;
  }
  .contact-message-wrapper .form-pages-main {
    padding: 66px 16px 40px 16px !important;
  }
}
.contact-info-wrapper {
  position: relative;
  width: 100%;
  margin-top: 140px;
}
.contact-info-wrapper::before {
  content: "";
  width: 474px;
  height: 300px;
  flex-shrink: 0;
  border-radius: 16px 0 0 16px;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  right: 0;
  top: -48px;
  z-index: -1;
}

.contact-info-wrapper .contact-info .info-content {
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 64px 0 rgba(7, 14, 47, 0.04);
  padding: 56px 16px;
}
.contact-info-wrapper .contact-info .info-content .info::after {
  content: "";
  width: 95%;
  height: 1px;
  background: #e4e4e4;
  margin-inline: auto;
  margin-top: 20px;
}

.contact-info-wrapper .map-content .map {
  height: 360px;
  width: 600px;
  overflow: hidden;
  border-radius: 12px;
}

.contact-info-wrapper .map-content .map iframe {
  height: 100%;
  width: 100%;
}

.contact-message-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 80px;
  flex-flow: column;
  align-items: center;
}
.contact-message-wrapper::before {
  content: "ارسال پیام";
  width: 392px;
  height: 104px;
  border-radius: 12px 12px 0 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Primary-P20, #0d1a5a);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px; /* 200% */
}
.contact-message-wrapper .form-pages-main {
  min-width: 808px;
  height: auto;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Gray-G95, #e4e4e4);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 64px 0 rgba(7, 14, 47, 0.04);
  padding: 40px 56px;
  overflow: hidden;
}

.contact-message-wrapper .form-pages-main .form-label {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 11px;
  font-weight: 300;
  line-height: 22px; /* 200% */
  position: absolute;
  display: flex;
  flex-flow: row-reverse;
  gap: 4px;
  bottom: 20px;
  margin-bottom: unset;
  right: 4px;
  transition: all 300ms;
}
.contact-message-wrapper
  .form-pages-main
  .form-element:focus-within
  .form-label {
  bottom: 44px;
}
.form-element:has(.form-input input:not(:placeholder-shown)) .form-label {
  bottom: 44px;
}
.contact-message-wrapper .form-pages-main .current {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.contact-message-wrapper .form-pages-main textarea::placeholder {
  color: var(--Gray-G60, #959595);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  bottom: 4px;
}
.contact-message-wrapper .form-pages-main .nice-select {
  padding: 16px 13px 4px 0 !important;
}
.contact-message-wrapper .form-pages-main .nice-select::after {
  display: none;
}
.contact-message-wrapper .form-pages-main .nice-select .list {
  border-radius: 4px !important;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 16px 0 rgba(18, 18, 18, 0.16);
  padding: 24px;
}
.contact-message-wrapper .form-pages-main .nice-select .list .option {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 200% */
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 1px #f2f2f2 solid;
  background: transparent !important;
  padding-inline: unset !important;
  transition: all 300ms;
}
.contact-message-wrapper .form-pages-main .nice-select .list .option:hover {
  padding-right: 10px !important;
}
.contact-message-wrapper .form-pages-main .nice-select .list .option.selected {
  color: var(--Primary-P20, #0d1a5a);
}
.contact-message-wrapper
  .form-pages-main
  #row_1_9
  .form-col:nth-of-type(2)
  .form-label {
  bottom: 44px;
}
.contact-message-wrapper
  .form-pages-main
  .form-page
  > .form-element
  .form-label {
  bottom: unset;
  top: -18px;
}
.contact-message-wrapper .form-pages-main .form-control {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 328px;
  border-radius: unset !important;
  height: 50px;
}
.contact-message-wrapper .form-pages-main textarea.form-control {
  min-height: 56px;
  padding-block: 20px 4px !important;
}
.contact-message-wrapper .form-pages-main .form-control:last-of-type {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 100%;
}
.contact-message-wrapper .form-pages-main .form-element {
  margin-bottom: 58px;
  position: relative;
}
.contact-message-wrapper
  .form-pages-main
  .form-page
  > .form-element:last-of-type {
  margin-bottom: 0 !important;
}

.contact-message-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group {
  justify-content: start;
}
.contact-message-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--Primary-P20, #0d1a5a);
  flex-flow: row-reverse;
  color: var(--Gray-G100, #fff);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px; /* 200% */
}
.contact-message-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button
  .icon {
  margin: 0 !important;
  transition: all 300ms;
  opacity: 0.5;
}
.contact-message-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button:hover
  .icon {
  transform: translateX(-10px) !important;
}

/*------------------------------------------------------------------CONTACT US END -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------COURCES START------------------------------------------------------------------------------*/

/* cources hero START */

@media (max-width: 900px) {
  .inner-page-hero {
    height: 485px !important;
    justify-content: center;
  }
  .inner-page-hero img.pattern {
    scale: 1.2;
    right: 9%;
    bottom: 1.2vw !important;
  }
  .inner-page-hero img.logo {
    width: 296px;
    top: 60% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .inner-page-hero img.convo {
    position: absolute;
    height: 210px !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .inner-page-hero .content .sub-title {
    width: 100% !important;
  }
  .inner-page-hero .content .subtitle {
    width: 100% !important;
  }
  .inner-page-hero .content {
    margin-right: 0 !important;
    width: 90%;
  }
  .inner-page-hero .content .links-row a {
    width: 170px !important;
  }
  .inner-page-hero .content .links-row a:last-of-type {
    width: 130px !important;
  }
  .why-join-wrapper {
    margin-block: 90px !important;
  }
}
.inner-page-hero {
  width: 100%;
  height: 396px;
  background: var(--Background, #f9f9f9);
  position: relative;
}

.inner-page-hero .content {
  margin-right: 20%;
  z-index: 2;
}

.inner-page-hero .content .sub-title {
  width: 52%;
  text-align: justify;
}
.inner-page-hero .content .subtitle {
  text-align: justify;
}

.inner-page-hero .content .links-row {
  gap: 16px;
}

.inner-page-hero .content .links-row a {
  width: 196px;
  padding-block: 8px;
  border-radius: 4px;
  display: flex;
  gap: 8px;
}
.inner-page-hero .content .links-row a:hover .ezIcon {
  transform: translateX(-8px);
}
.inner-page-hero .content .links-row a:last-of-type {
  width: 176px;
}

.inner-page-hero .content .links-row a span {
  transition: all 300ms;
}

.inner-page-hero img.logo {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
}
.inner-page-hero img.convo {
  position: absolute;
  height: 356px;
  bottom: 0 !important;
  left: 10%;
}
.inner-page-hero img.pattern {
  position: absolute;
  left: 0;
  bottom: 0;
}
/* cources hero END */

/* cources why join START */

.why-join-wrapper {
  padding: 42px 0;
  width: 100%;
  position: relative;
  margin-block: 130px;
}
.why-join-wrapper::after {
  content: "";
  width: 793px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 0 12px 12px 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.why-join-wrapper .container {
  gap: 76px;
  align-items: center;
}

.why-join-wrapper .container .why-join-desc {
  width: 33%;
}

.why-join-wrapper .container .why-join-desc .sub-title {
  text-align: justify;
}

.why-join-wrapper .container .why-join-desc a {
  display: flex;
  width: 196px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
}

.why-join-wrapper .container .why-join-desc a .ezIcon {
  transition: all 300ms;
}
.why-join-wrapper .container .why-join-desc a:hover .ezIcon {
  transform: translateX(-10px);
}

.why-join-wrapper .container .cards {
  gap: 16px;
  align-items: center;
}

.why-join-wrapper .container .cards .each-card {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 16px;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  transition: all 300ms;
  position: relative;
}
.why-join-wrapper .container .cards .each-card:hover {
  background: var(--Primary-P10, #091753);
}

.why-join-wrapper .container .cards .each-card span {
  transition: all 300ms;
}
.why-join-wrapper .container .cards .each-card::before {
  content: "";
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--Gray-G99, #f2f2f2);
  position: absolute;
  left: 50%;
  top: 48px;
  transform: translateX(-50%);
  z-index: 0;
  transition: all 300ms;
}
.why-join-wrapper .container .cards .each-card:hover::before {
  opacity: 0;
}

.why-join-wrapper .container .cards .each-card .title {
  transition: all 300ms;
}

.why-join-wrapper .container .cards .each-card .sub-title {
  transition: all 300ms;
  text-align: center;
}
.why-join-wrapper .container .cards .each-card:hover span {
  --icon-color: var(--Secondary-S60) !important;
}

.why-join-wrapper .container .cards .each-card:hover .title {
  color: white !important;
}

.why-join-wrapper .container .cards .each-card:hover .sub-title {
  color: white !important;
}
/* RESPONSIVE */
@media (max-width: 900px) {
  .why-join-wrapper .container .cards .each-card {
    width: 90%;
  }
  .why-join-wrapper .container .why-join-desc {
    width: 90%;
  }
  .why-join-wrapper .container {
    gap: 56px;
  }
  .why-join-wrapper::after {
    content: "";
    width: 100% !important;
    height: 454px !important;
    flex-shrink: 0;
    border-radius: 0 12px 12px 0;
    background: var(
      --Gradian-Light,
      linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
    );
    position: absolute;
    left: 0;
    top: 42%;
    z-index: -1;
  }
}

/* cources why join END */

/*--------------------------------------------------------------------COURCES END------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------JOBS START------------------------------------------------------------------------------*/

/* jobs hero START */

@media (max-width: 900px) {
  .jobs-hero {
    height: 416px !important;
    justify-content: center;
  }
  .jobs-hero img.pattern {
    scale: 1.2;
    right: 9%;
    bottom: 1.2vw !important;
  }
  .jobs-hero img.logo {
    width: 296px;
    top: 60% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .jobs-hero .content .sub-title {
    width: 90% !important;
  }
  .jobs-hero .content {
    margin-right: 0 !important;
    width: 90%;
  }
  .jobs-desc-section .sub-title {
    width: 90% !important;
  }
}
.jobs-hero {
  width: 100%;
  height: 396px;
  position: relative;
}

.jobs-hero .content {
  margin-right: 20%;
  z-index: 2;
}

.jobs-hero .content .sub-title {
  width: 52%;
  text-align: justify;
}

.jobs-hero .content .links-row {
  gap: 16px;
}

.jobs-hero .content .links-row a {
  width: 196px;
  padding-block: 8px;
  border-radius: 4px;
  display: flex;
  gap: 8px;
}
.jobs-hero .content .links-row a:first-of-type:hover .ezIcon {
  transform: translateX(-8px);
}
.jobs-hero .content .links-row a {
  width: 196px;
}

.jobs-hero .content .links-row a span {
  transition: all 300ms;
}

.jobs-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* jobs hero END */

/* jobs desc START */

.jobs-desc-section .sub-title {
  width: 70%;
}

.jobs-desc-section {
  margin-block: 64px;
}

/* jobs desc END */

/* jobs volunteer START */

.jobs-volunteer-wrapper {
  width: 100%;
  padding-top: 40px;
  position: relative;
}
.jobs-volunteer-wrapper .container {
  z-index: 2;
}
.jobs-volunteer-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 720px;
  height: 300px;
  border-radius: 0 12px 12px 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  z-index: -2;
}

/* RIGHT SIDE */
.jobs-volunteer-wrapper .volunteer-right {
  width: 30%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: start;
}

.jobs-volunteer-wrapper .volunteer-right .desc {
  text-align: justify;
}

.jobs-volunteer-wrapper .volunteer-right a {
  display: flex;
  width: 196px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
}

.jobs-volunteer-wrapper .volunteer-right a .ezIcon {
  transition: all 300ms;
}
.jobs-volunteer-wrapper .volunteer-right a:hover .ezIcon {
  transform: translateX(-10px);
}

/* LEFT SIDE */
.jobs-volunteer-wrapper .volunteer-left {
  width: 70%;
  z-index: 2;
}

/* GRID WRAPPER (your 6 cards) */
.jobs-volunteer-wrapper .vol-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 24px;
  column-gap: 16px;
  grid-auto-rows: 1fr; /* همه ردیف‌ها هم ارتفاع میشن */
}

@media (max-width: 900px) {
  .jobs-volunteer-wrapper .vol-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .jobs-volunteer-wrapper .volunteer-right {
    width: 95% !important;
  }
  .jobs-volunteer-wrapper .volunteer-left {
    width: 95% !important;
    padding-bottom: 32px;
  }
  .jobs-volunteer-wrapper .vol-cards-grid .each-card {
    aspect-ratio: unset !important;
    padding: 16px 8px !important;
  }
  .jobs-volunteer-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: unset !important;
    bottom: 0 !important;
    width: 70% !important;
    height: 520px !important;
    border-radius: 0 !important;
    background: var(
      --Gradian-Light,
      linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
    ) !important;
  }
}

.jobs-volunteer-wrapper .vol-cards-grid .each-card {
  text-align: center;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  width: 100%;
  transition: all 300ms;
  background: white;
}
.jobs-volunteer-wrapper .vol-cards-grid .each-card:hover {
  background: var(--Primary-P10, #091753) !important;
}

.jobs-volunteer-wrapper .vol-cards-grid .each-card > div {
  padding: 4px;
  border-radius: 6.4px;
  background: var(--Gray-G99, #f2f2f2);
  transition: all 300ms;
}
.jobs-volunteer-wrapper .vol-cards-grid .each-card:hover > div {
  background: transparent !important;
}

.jobs-volunteer-wrapper .vol-cards-grid .each-card .ezIcon {
  transition: all 300ms;
}
.jobs-volunteer-wrapper .vol-cards-grid .each-card .ezIcon {
  --icon-color: var(--Secondary-S60) !important;
}

.jobs-volunteer-wrapper .vol-cards-grid .each-card p {
  transition: all 300ms;
  min-height: 48px;
  display: flex;
  align-items: center;
  color: var(--Gray-G20, #3d3d3d);
}
.jobs-volunteer-wrapper .vol-cards-grid .each-card:hover p {
  color: white !important ;
}

/* jobs volunteer END */

/* jobs professional collab START */
@media (max-width: 900px) {
  .professional-collab-wrapper .cards-section .cards-row {
    width: 273px !important;
  }
  .professional-collab-wrapper {
    width: 100% !important;
  }
  .professional-collab-wrapper::after {
    height: 530px !important;
    border-radius: unset !important;
    background: var(
      --Gradian-Light,
      linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
    );
  }
  .professional-collab-wrapper .desc-section .title br {
    display: inline !important;
  }
}
.professional-collab-wrapper {
  width: 80%;
  margin-inline: auto;
  padding-bottom: 40px;
  position: relative;
}
.professional-collab-wrapper::after {
  content: "";
  height: 200px;
  width: 100%;
  border-radius: 12px 0 0 12px;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.professional-collab-wrapper .desc-section .title br {
  display: none;
}
.professional-collab-wrapper .cards-section {
}

.professional-collab-wrapper .cards-section .cards-row {
  width: 852px;
}

.professional-collab-wrapper .cards-section .cards-row .each-card {
  text-align: center;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  width: 100%;
  transition: all 300ms;
  background: white;
}

.professional-collab-wrapper .cards-section .cards-row .each-card:hover {
  background: var(--Primary-P10, #091753) !important;
}

.professional-collab-wrapper .cards-section .cards-row .each-card > div {
  padding: 4px;
  border-radius: 6.4px;
  background: var(--Gray-G99, #f2f2f2);
  transition: all 300ms;
}
.professional-collab-wrapper .cards-section .cards-row .each-card:hover > div {
  background: transparent !important;
}

.professional-collab-wrapper .cards-section .cards-row .each-card .ezIcon {
  transition: all 300ms;
}
.professional-collab-wrapper .cards-section .cards-row .each-card .ezIcon {
  --icon-color: var(--Secondary-S60) !important;
}

.professional-collab-wrapper .cards-section .cards-row .each-card p {
  transition: all 300ms;
  min-height: 48px;
  display: flex;
  align-items: center;
  color: var(--Gray-G20, #3d3d3d);
}
.professional-collab-wrapper .cards-section .cards-row .each-card:hover p {
  color: white !important ;
}
.professional-collab-wrapper .cards-section > a {
  display: flex;
  width: 196px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  margin-inline: auto;
}

.professional-collab-wrapper .cards-section > a .ezIcon {
  transition: all 300ms;
}
.professional-collab-wrapper .cards-section > a:hover .ezIcon {
  transform: translateX(-10px);
}

/* jobs professional collab END */

/* jobs category bar START */
@media (max-width: 900px) {
  .job-category-wrapper .jobs-category-row .jobs-category-list {
    overflow: scroll;
    width: 100vw;
    padding-left: 50px;
    scroll-snap-type: x mandatory;
  }
  .job-category-wrapper
    .jobs-category-row
    .jobs-category-list::-webkit-scrollbar {
    display: none; /* optional – hide scrollbar */
  }
}

.job-category-wrapper .jobs-category-row .jobs-category-list .item {
  padding: 8px;
  border-radius: 4px;
  transition: all 300ms;
  white-space: nowrap;
  scroll-snap-align: start;
}
.job-category-wrapper .jobs-category-row .jobs-category-list .item.active {
  background: var(--Secondary-S30, #008283) !important;
  color: white !important;
}
.job-category-wrapper
  .jobs-category-row
  .jobs-category-list
  .item.active:hover {
  background: var(--Secondary-S30, #008283) !important;
  color: white !important;
}
.job-category-wrapper .jobs-category-row .jobs-category-list .item:hover {
  background: var(--Gray-G99, #f2f2f2);
  color: var(--Secondary-S30, #008283) !important;
}

/* jobs category bar END */

/* jobs form START */
@media (max-width: 900px) {
  .jobs-form-wrapper {
    min-width: 95% !important;
    padding: 32px 16px 77px 16px !important;
  }
}
.jobs-form-wrapper {
  min-width: 808px;
  height: auto;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  padding: 32px 136px 40px 136px;
  overflow: hidden;
}
.jobs-form-wrapper .form-pages-main {
  margin-top: 66px;
}

.jobs-form-wrapper .form-pages-main .filepond--panel-root {
  background: transparent !important;
}
.jobs-form-wrapper .form-pages-main .filepond--item {
  height: 50px !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4);
  position: absolute;
  top: -15px;
  width: 100% !important;
  padding-inline: 0 !important;
}
.jobs-form-wrapper .form-pages-main .filepond--drop-label {
  height: 50px;
  min-height: unset !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4);
  position: relative;
  cursor: pointer;
}
.jobs-form-wrapper .form-pages-main .filepond--item-panel {
  background: transparent !important;
}
.jobs-form-wrapper .form-pages-main .filepond--file-info {
  color: var(--Gray-G30, #4f4f4f) !important;
}
.jobs-form-wrapper .form-pages-main .filepond--panel-bottom {
  display: none;
}

.jobs-form-wrapper .form-pages-main .filepond--drop-label::after {
  content: url("../assets/icons/attach.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
  bottom: 12px;
}
.jobs-form-wrapper > p {
  text-align: center;
}

.jobs-form-wrapper .form-pages-main .form-label {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 11px;
  font-weight: 300;
  line-height: 22px; /* 200% */
  position: absolute;
  display: flex;
  flex-flow: row-reverse;
  gap: 4px;
  bottom: 20px;
  margin-bottom: unset;
  right: 4px;
  transition: all 300ms;
}
.jobs-form-wrapper
  .form-pages-main
  #row_2_4
  .form-col:nth-of-type(2)
  .form-label {
  bottom: 44px !important;
}
.jobs-form-wrapper .form-pages-main #row_2_7 .form-col .form-label {
  bottom: 44px !important;
}
.jobs-form-wrapper
  .form-pages-main
  #row_2_7
  .form-col:nth-last-of-type(2)
  .form-label {
  bottom: unset;
  top: -16px;
}
.jobs-form-wrapper
  .form-pages-main
  .form-page
  > .form-element.basic-element
  .form-label {
  bottom: 44px !important;
}

.jobs-form-wrapper .form-pages-main .form-element:focus-within .form-label {
  bottom: 44px;
}
.form-element:has(.form-input input:not(:placeholder-shown)) .form-label {
  bottom: 44px;
}
.jobs-form-wrapper .form-pages-main .current {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.jobs-form-wrapper .form-pages-main textarea::placeholder {
  color: var(--Gray-G60, #959595);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  bottom: 4px;
}
.jobs-form-wrapper .form-pages-main .nice-select {
  padding: 16px 13px 4px 0 !important;
}
.jobs-form-wrapper .form-pages-main .nice-select::after {
  display: none;
}
.jobs-form-wrapper .form-pages-main .nice-select .list {
  border-radius: 4px !important;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 16px 0 rgba(18, 18, 18, 0.16);
  padding: 24px;
}
.jobs-form-wrapper .form-pages-main .nice-select .list .option {
  color: var(--Gray-G30, #4f4f4f);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 200% */
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 1px #f2f2f2 solid;
  background: transparent !important;
  padding-inline: unset !important;
  transition: all 300ms;
}
.jobs-form-wrapper .form-pages-main .nice-select .list .option:hover {
  padding-right: 10px !important;
}
.jobs-form-wrapper .form-pages-main .nice-select .list .option.selected {
  color: var(--Primary-P20, #0d1a5a);
}

.jobs-form-wrapper .form-pages-main .form-control {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 328px;
  border-radius: unset !important;
  height: 50px;
}
.jobs-form-wrapper .form-pages-main textarea.form-control {
  min-height: 56px;
  padding-block: 20px 4px !important;
}
.jobs-form-wrapper .form-pages-main .form-control:last-of-type {
  border: none !important;
  border-bottom: 1px solid var(--Gray-G95, #e4e4e4) !important;
  width: 100%;
}
.jobs-form-wrapper .form-pages-main .form-element {
  margin-bottom: 58px;
  position: relative;
}
.jobs-form-wrapper .form-pages-main .form-page > .form-element:last-of-type {
  margin-bottom: 0 !important;
}

.jobs-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group {
  justify-content: start;
}
.jobs-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--Primary-P20, #0d1a5a);
  flex-flow: row-reverse;
  color: var(--Gray-G100, #fff);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px; /* 200% */
}
.jobs-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button
  .icon {
  margin: 0 !important;
  transition: all 300ms;
  opacity: 0.5;
}
.jobs-form-wrapper
  .form-pages-main
  .form-page
  .form-element.form-buttons-group
  button:hover
  .icon {
  transform: translateX(-10px) !important;
}
/* jobs form END */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*----------------------------------------------------------------------JOBS END-------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------FAQ START-------------------------------------------------------------------------------*/
@media (max-width: 900px) {
  .faq-items-wrapper {
    padding-right: 0 !important;
  }

  .faq-items-wrapper .each-question {
    padding: 20px 16px 0px 16px !important;
  }
  .faq-items-wrapper .each-question.active {
    padding: 16px !important;
  }
  .faq-items-wrapper .each-question .response::before {
    margin-right: 0 !important;
  }
  .faq-items-wrapper .each-question .response p {
    margin-right: 16px !important;
  }
}
.faq-items-wrapper .each-question {
  border-radius: 8px;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  padding: 20px 24px 0px 32px;
  transition: all 400ms ease;
  cursor: pointer;
  overflow: hidden;
}
.faq-items-wrapper .faq-header::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #d1d1d1;
}
.faq-items-wrapper .faq-header {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 16px;
}
.faq-items-wrapper {
  padding-right: 24px;
}
.DnnModule-DnnForge-LatestArticles + .DnnModule-DnnForge-LatestArticles {
  margin-top: 48px !important;
}
.faq-items-wrapper .each-question .question {
  transition: all 300ms;
  align-items: start !important;
}
.faq-items-wrapper .each-question .question .ezIcon {
  rotate: -90deg;
  --icon-color: var(--Primary-P20);
}
.faq-items-wrapper .each-question .response {
  opacity: 0;
  transition: all 300ms;
  margin-top: 22px;
  display: flex;
  align-items: center;
  max-height: 0;
  position: relative;
}
.faq-items-wrapper .each-question .response p {
  margin-right: 32px;
}
.faq-items-wrapper .each-question .response::before {
  content: "";
  height: 100%;
  width: 2px;
  background: #00a2a4;
  margin-inline: 16px;
  position: absolute;
}

.faq-items-wrapper .each-question.active .question {
  color: var(--Primary-P20, #0d1a5a) !important;
}

.faq-items-wrapper .each-question.active .question .ezIcon {
  rotate: 90deg !important;
}

.faq-items-wrapper .each-question.active {
  padding: 24px;
}
.faq-items-wrapper .each-question:hover {
  box-shadow: 0 6px 16px 0 rgba(7, 14, 47, 0.1) !important;
}

.faq-items-wrapper .each-question.active .response {
  opacity: 100 !important;
  max-height: 100px;
}
.faq-category-sidebar {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  transition: all 0.2s ease;
  position: relative;
  width: 330px !important;
}

.faq-category-sidebar p {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 16px;
}

.faq-category-sidebar ul {
  margin-top: 30px;
  padding: 0 !important;
}

.faq-category-sidebar ul.faq-category-list li {
  position: relative;
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.faq-category-sidebar ul.faq-category-list li::after {
  content: "";
  width: 4px;
  height: 36px;
  border-radius: 4px 0 0 4px;
  background: var(--Secondary-S40, #009294);
  position: absolute;
  right: -24px;
  opacity: 0;
  transition: all 200ms;
}
.faq-category-sidebar ul.faq-category-list li:hover::after {
  opacity: 100;
}

.faq-category-sidebar ul.faq-category-list li.item a.typo-t6.t-g20.font-600 {
}

/*-----------------------------------------------------------------------FAQ END--------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------GALERY START--------------------------------------------------------------------------------*/
.gallery-wrapper {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(3, 1fr); /* Desktop default */
}

/* Tablet (max-width: 1024px) → 2 columns */
@media (max-width: 1024px) {
  .gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (max-width: 768px) → 1 column */
@media (max-width: 768px) {
  .gallery-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gallery-wrapper .each-box:hover {
  border: 1px solid var(--Gray-G95, #e4e4e4);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.1);
}
.gallery-wrapper .each-box {
  border-radius: 12px;
  border: 1px solid transparent;
  padding: 24px;
  min-height: 450px;
}
.gallery-wrapper .each-box .image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
}
.gallery-wrapper .each-box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-wrapper .each-box .bottom .ezIcon {
  mask-size: contain;
  mask-position: center;
  transition: all 300ms;
}
.gallery-wrapper .each-box:hover .bottom .ezIcon {
  --icon: 20px;
}
.gallery-wrapper .each-box .bottom .icon-wrapper {
  height: 2px;
  overflow: hidden;
  rotate: 90deg;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 300ms;
}
.gallery-wrapper .each-box:hover .bottom .icon-wrapper {
  height: auto !important;
  rotate: 0deg !important;
}
/* gallery category bar START */
@media (max-width: 900px) {
  .gallery-category-row .gallery-category-list {
    overflow: scroll;
    width: 100vw;
    padding-left: 50px;
    scroll-snap-type: x mandatory;
  }
  .gallery-category-row .gallery-category-list::-webkit-scrollbar {
    display: none; /* optional – hide scrollbar */
  }
}

.gallery-category-row .gallery-category-list .item {
  padding: 8px;
  border-radius: 4px;
  transition: all 300ms;
  white-space: nowrap;
  scroll-snap-align: start;
}

.gallery-category-row .gallery-category-list .item.active {
  background: var(--Secondary-S30, #008283) !important;
  color: white !important;
}

.gallery-category-row .gallery-category-list .item.active:hover {
  background: var(--Secondary-S30, #008283) !important;
  color: white !important;
}
.gallery-category-row .gallery-category-list .item:hover {
  background: var(--Gray-G99, #f2f2f2);
  color: var(--Secondary-S30, #008283) !important;
}
.NewsArticles .ArticleView .section .headding {
  display: none;
}
/* gallery category bar END */
/*------------------------------------------------------------------------GALERY END----------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------THINK TANK START----------------------------------------------------------------------------------*/

.think-tank-links {
  margin-block: 80px;
}
.think-tank-links .each-box {
  padding: 40px 24px;
  border-radius: 8px;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 2px 48px 0 rgba(18, 18, 18, 0.06);
  transition: all 300ms;
  position: relative;
}
.think-tank-links .each-box:hover {
  box-shadow: none !important;
  border: 1px solid transparent !important;
  background: var(--Primary-P20, #0d1a5a) !important;
}
.think-tank-links .each-box::before {
  content: "";
  width: 40px;
  height: 56px;
  border-radius: 8px 0 0 8px;
  background: var(--Secondary-S99, #e5f6f6);
  position: absolute;
  right: 0;
  transition: all 200ms;
}
.think-tank-links .each-box:hover::before {
  opacity: 0;
}
.think-tank-links .each-box:hover .icon .ezIcon {
  --icon-color: white !important;
}
.think-tank-links .each-box .icon .ezIcon {
  transition: all 300ms;
}
.think-tank-links .each-box:hover .desc p {
  color: white !important;
}
.think-tank-links .each-box .desc p {
  transition: all 300ms;
}
.think-tank-links .each-box:hover > .ezIcon {
  transform: translateX(0);
  opacity: 1;
}
.think-tank-links .each-box > .ezIcon {
  transform: translateX(20px);
  opacity: 0;
  transition: all 300ms;
}

/* home events START */
@media (max-width: 900px) {
  .programs-wrapper {
    padding-block: 64px;
    flex-flow: column;
    gap: 46px;
    margin-bottom: 72px !important;
  }

  .programs-wrapper .text-section {
    width: 100% !important;
    text-align: justify;
  }
  .programs-wrapper .text-section .desc {
    margin-top: 16px !important;
    width: 100% !important;
  }
  .programs-wrapper .text-section .sub-title {
    margin-top: 8px !important;
    width: 80%;
  }
  .programs-wrapper .text-section a.link {
    margin-top: 32px !important;
  }
  .programs-wrapper .events-section {
    gap: 40px !important;
    flex-flow: column;
  }
  .programs-wrapper .events-section .each-box .bottom {
    width: 100% !important;
  }
  .programs-wrapper .events-section {
    margin-left: 0 !important;
  }
  .think-tank-before:has(.programs-wrapper)::before {
    width: 100% !important;
    height: 50% !important;
    border-radius: 8px;
    background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%);
  }
}

.programs-wrapper {
  display: flex;
  padding-block: 64px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 154px;
}

.programs-wrapper .text-section {
  width: 40%;
  text-align: justify;
}

.programs-wrapper .text-section .sub-title {
  margin-top: 16px;
}

.programs-wrapper .text-section .desc {
  margin-top: 32px;
  width: 75%;
}

.programs-wrapper .text-section a.link {
  display: flex;
  width: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  margin-top: 52px;
}

.programs-wrapper .text-section a.link .ezIcon {
  --icon: 18px;
  transition: all 300ms;
}

.programs-wrapper .text-section a.link:hover .ezIcon {
  transform: translateX(-10px);
}

.programs-wrapper .events-section {
  display: flex;
  gap: 24px;
  margin-left: 40px;
}

.programs-wrapper .events-section .each-box {
  border-radius: 6px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
  padding: 16px 16px 36px 16px;
  height: max-content;
}

.programs-wrapper .events-section .each-box a.image {
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  height: 196px;
}
.programs-wrapper .events-section .each-box a.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.programs-wrapper .events-section .each-box .title {
  margin-top: 8px;
  display: block;
  transition: all 300ms;
}
.programs-wrapper .events-section .each-box:hover .title {
  color: var(--Secondary-S20, #006162) !important;
}

.programs-wrapper .events-section .each-box .bottom {
  width: 296px;
  padding-inline: 8px;
}
.programs-wrapper .events-section .each-box .bottom > a {
  min-height: 56px;
}

.programs-wrapper .events-section .each-box .bottom .bottom-row {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}
.programs-wrapper
  .events-section
  .each-box:hover
  .bottom
  .bottom-row
  .link
  .ezIcon {
  transform: translateX(-10px);
}

.programs-wrapper .events-section .each-box .bottom .bottom-row .date {
  display: flex;
  align-items: center;
  gap: 8px;
}

.programs-wrapper .events-section .each-box .bottom .bottom-row .date .ezIcon {
  --icon: 24px;
}
.think-tank-before {
  width: 100%;
  position: relative;
}
.think-tank-before:has(.programs-wrapper)::before {
  content: "";
  width: 690px;
  height: 508px;
  background: linear-gradient(280deg, #f2fafa 0%, #eef1ff 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
/* ask-expert-right START */
.ask-expert-right {
  padding-inline: 10px;
}
.ask-expert-right .question-box {
  padding: 32px 24px;
  margin-block: 50px;
  border-radius: 6px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  z-index: 2;
  overflow: hidden;
}
.ask-expert-right .question-box .each-question::before {
  content: "";
  width: 2px;
  height: 66px;
  border-radius: 8px 0 0 8px;
  background: var(--Secondary-S40, #009294);
  position: absolute;
  right: -7px;
  top: 0;
  transition: all 300ms;
}
.ask-expert-right .question-box .each-question:hover::before {
  background: var(--Primary-P30, #142883) !important;
}
.ask-expert-right .question-box .each-question:hover .title {
  color: var(--Primary-P30, #142883) !important;
}
.ask-expert-right .question-box .each-question .title {
  transition: all 300ms;
  white-space: nowrap;
  overflow: hidden;
}
.ask-expert-right .question-box .each-question {
  position: relative;
  padding: 0 14px 4px 0;
}
.ask-expert-right .question-box .each-question .bottom-row a {
  opacity: 0;
  transform: translateX(20px);
  transition: all 500ms ease;
}
.ask-expert-right .question-box .each-question:hover .bottom-row a {
  opacity: 1;
  transform: translateX(0px);
}
.ask-expert-right .question-box .each-question .date {
  gap: 8px;
  white-space: nowrap;
}
.ask-expert-right .question-box .each-question .date-num {
  margin-right: 13px;
}
/* ask-expert-right END */
@media (max-width: 900px) {
  .ask-expret-left {
    margin-right: 10px !important;
    height: auto !important;
    margin-bottom: 48px;
  }
  .ask-experts-wrapper:has(.ask-expert-right) #RightSixPane {
    order: 2 !important;
  }
  .ask-experts-wrapper:has(.ask-expert-right) #LeftSixPane {
    order: 1 !important;
  }
  .ask-experts-wrapper:has(.ask-expert-right)::before {
    width: 100% !important;
    height: 250px !important;
    bottom: 25%;
  }
  .ask-expret-left .desc {
    width: 95% !important;
  }
  .ask-expert-right {
    padding-inline: 0 !important;
  }
}
.ask-expret-left {
  height: 498px;
  justify-content: center;
  margin-right: 80px;
}
.ask-expret-left .desc {
  width: 90%;
  margin-top: 16px;
}
.ask-expret-left a .ezIcon {
  transition: all 300ms;
}
.ask-expret-left a:hover .ezIcon {
  transform: translateX(-8px);
}
.ask-experts-wrapper {
  width: 100%;
  position: relative;
}
.ask-experts-wrapper:has(.ask-expert-right)::before {
  content: "";
  position: absolute;
  right: 0;
  width: 563px;
  height: 500px;
  background: linear-gradient(280deg, #f2fafa 0%, #eef1ff 100%);
  z-index: -1;
}

/*-------------------------------------------------------------------------THINK TANK END----------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------MEDIA START----------------------------------------------------------------------------------*/
@media (max-width: 900px) {
  .inner-page-hero.media .links-row a:first-of-type {
    width: 148px !important;
  }
  .inner-page-hero.media .links-row a:last-of-type {
    width: 176px !important;
  }
  .inner-page-hero.media .subtitle {
    width: 90% !important;
  }
  .inner-page-hero.media img {
    left: 50% !important;
    transform: translateX(-50%);
  }
}
.inner-page-hero.media img {
  position: absolute;
  width: 600px;
  bottom: 0;
  left: 10%;
}
.inner-page-hero.media .subtitle {
  width: 32%;
}

@media (max-width: 900px) {
  .media-video-slider-wrapper {
    padding-block: 0 !important;
  }
  .media-video-slider-wrapper .slick-track {
    padding-block: 144px 135px !important;
  }

  .media-video-slider-wrapper .each-slide {
    margin: 10px !important;
  }
  .media-video-slider-wrapper .each-slide .image-wrapper {
    height: 166px !important;
  }
  .video-slider-dots {
    width: 150px !important;
  }
  .video-slider-dots .slick-arrow {
    background: transparent !important;
  }
  .media-video-slider-conteiner .video-slider-dots {
    bottom: 29% !important;
    left: 79% !important;
  }
}

.media-video-slider-wrapper {
  width: 100%;
  padding-block: 80px;
  position: relative;
}
.media-video-slider-wrapper.list {
  padding-block: 0;
  padding-right: 24px;
}
.media-video-slider-conteiner .video-slider-dots {
  bottom: 25%;
  left: 79% !important;
}
.media-video-slider-wrapper .each-slide {
  padding: 16px;
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.1);
  margin: 30px;
}
.media-video-slider-wrapper .slick-list {
  overflow: hidden;
}
.media-video-slider-wrapper .each-slide {
  padding: 16px 16px 24px 16px;
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.1);
  margin: 30px;
}
.media-video-slider-wrapper.list .each-slide {
  padding: 16px 16px 24px 16px;
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.1);
  margin: 0;
  flex: 1;
}

.media-video-slider-wrapper .each-slide .image-wrapper {
  display: flex;
  width: 100%;
  height: 284px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
}
.media-video-slider-wrapper .each-slide .image-wrapper {
  display: flex;
  width: 100%;
  height: 198px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  overflow: hidden;
}

.media-video-slider-wrapper .each-slide .image-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-video-slider-wrapper .each-slide .bottom-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  justify-content: space-between;
}
.media-video-slider-wrapper .each-slide .bottom-row > span {
  min-height: 56px;
}

.media-video-slider-wrapper .each-slide .bottom-row .button {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: var(--Secondary-S50, #00a2a4);
  transition: all 300ms;
}
@media (max-width: 900px) {
  .media-latest-news .news-box .image-wrapper {
    width: 100% !important;
  }
  .media-latest-news .news-box .news-content {
    width: 100% !important;
  }
  .media-latest-news .video-slider-dots {
    bottom: -10% !important;
    top: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

.media-latest-news .news-box {
  overflow: hidden;
  border-radius: 12px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  padding: 16px;
}
.media-latest-news .slick-list {
  overflow: visible !important;
}
.media-latest-news .video-slider-dots {
  bottom: unset;
  top: 20%;
  left: 8%;
}
.media-latest-news .news-box .news-content {
  width: 392px;
}
.media-latest-news .news-box .news-content > p:last-of-type {
  min-height: 56px;
}
.media-latest-news .news-box .image-wrapper {
  width: 356px;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}
.media-latest-news .news-box .image-wrapper img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media (max-width: 900px) {
  .media-podcast-wrapper .card.top {
    margin-top: 62px !important;
  }
  .media-podcast-wrapper .card {
    width: 288px !important;
    flex-shrink: 0;
    flex: 0 0 auto !important;
    scroll-snap-align: center;
  }
  .media-podcast-wrapper .card.bottom {
    margin-bottom: 0 !important;
  }
  .media-wrapper {
    width: 100%;
    position: relative;
  }
  .media-podcast-wrapper {
    width: 100% !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 50px;
  }
  .media-podcast-wrapper .desc {
    padding-inline: 0 !important;
  }
  .media-podcast-wrapper .img {
    width: 100% !important;
    height: 215px !important;
    border-radius: 2px;
    overflow: hidden;
  }
  .media-podcast-wrapper .desc .title {
    margin-top: 8px !important;
  }
  .media-podcast-wrapper .desc .link-row {
    margin-bottom: 0 !important;
  }
  .media-podcast-wrapper .desc {
    gap: 16px;
    width: 100%;
  }
  .media-wrapper::after {
    content: "";
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px;
    background: linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%) !important;
    top: unset !important;
    bottom: 0;
    transform: none !important;
  }
  .podcast-wrapper .right-side-desc {
    width: 100% !important;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .media-latest-questions-wrapper::after {
    width: 100% !important;
  }
  .archive-podcast-wrapper.list .card {
    width: 100% !important;
  }
}

.expert-convo-wrapper {
  position: relative;
}
.expert-convo-wrapper .link-section {
  width: 100%;
}
.expert-convo-wrapper::after {
  content: "";
  height: 55%;
  width: 90%;
  border-radius: 0 12px 12px 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.expert-convo-wrapper .cat_tabs_footer a:hover .ezIcon {
  transform: translateX(-8px);
}

.expert-convo-wrapper .cat_tabs_footer a span {
  transition: all 300ms;
}
.expert-convo-wrapper .cat_tabs_footer a {
  width: 196px;
  padding-block: 8px;
  border-radius: 4px;
  gap: 8px;
}

.podcast-wrapper {
  margin-block: 104px;
  gap: 24px;
}
.podcast-wrapper .right-side-desc {
  width: 25%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.podcast-wrapper .right-side-desc a {
  width: 196px;
  padding-block: 8px;
  border-radius: 4px;
  gap: 8px;
}
.podcast-wrapper .right-side-desc a:hover .ezIcon {
  transform: translateX(-8px);
}

.podcast-wrapper .right-side-desc a span {
  transition: all 300ms;
}

.media-podcast-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  width: 75%;
  gap: 24px;
}

.media-wrapper {
  width: 100%;
  position: relative;
}
.media-wrapper::after {
  content: "";
  width: 504px;
  height: 480px;
  background: linear-gradient(280deg, #eef1ff 0%, #f2fafa 100%);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  z-index: -1;
}
.media-podcast-wrapper .card {
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: nowrap;
  border: none;
  flex: 1;
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.12);
  height: auto !important;
  flex-flow: column !important;
  margin-inline: auto;
  padding: 8px !important;
}
.media-podcast-wrapper .card a {
  pointer-events: none;
}
.media-podcast-wrapper .img {
  width: 100% !important;
  height: 194px !important;
  border-radius: 2px;
  overflow: hidden;
}
.media-podcast-wrapper .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.media-podcast-wrapper .card .title {
  min-height: 56px;
}
.media-podcast-wrapper .desc {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
.media-podcast-wrapper .desc .middle-row .icon-box {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-podcast-wrapper .desc .middle-row .total-time {
  margin-top: 3px;
}
.media-podcast-wrapper .desc .middle-row {
  gap: 8px;
  margin-top: 16px;
}
.media-podcast-wrapper .desc .title {
  margin-top: 8px;
  transition: all 300ms;
}
.media-podcast-wrapper .card:hover .desc .title {
  color: var(--Primary-P20, #0d1a5a) !important;
}
.media-podcast-wrapper .desc .link-row {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 8px;
  gap: 16px;
  margin-top: 16px;
}
.media-podcast-wrapper .desc .link-row .link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  transition: all 300ms;
}
.media-podcast-wrapper .card:hover .desc .link-row .link {
  color: var(--Primary-P40, #18309f) !important;
}
.media-podcast-wrapper .desc .link-row .link .button {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: var(--Secondary-S50, #00a2a4);
  transition: all 300ms;
}

.media-podcast-wrapper .audio-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  width: 100%;
}

.media-podcast-wrapper .audio-controls .time {
  font-size: 12px;
}

.media-podcast-wrapper .progress {
  width: 100%;
  cursor: pointer;
}
.media-podcast-wrapper .audio-bar {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: transparent;
  cursor: pointer;
}

/* ---------- Chrome / Safari / Edge ---------- */
.media-podcast-wrapper .audio-bar::-webkit-slider-runnable-track {
  height: 6px;
  background: #d0d0d0; /* unfilled */
  border-radius: 10px;
  position: relative;
}

.media-podcast-wrapper .audio-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #00a2a4;
  border-radius: 50%;
  margin-top: -4px;
  position: relative;
  z-index: 2;
}

/* fake filled part using gradient */
.media-podcast-wrapper .audio-bar {
  background: linear-gradient(#00a2a4 0 0) no-repeat !important;
  height: 6px;
  border-radius: 10px;
}

/* audio wave animation */

.media-podcast-wrapper .wave {
  display: flex; /* همیشه flex باشه */
  gap: 3px;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease; /* smooth fade */
  position: absolute;
}
.media-podcast-wrapper .wave.active {
  opacity: 0.7;
  visibility: visible;
}
.media-podcast-wrapper .bar {
  width: 3px;
  background: black;
  border-radius: 50px;
  animation: bounce 2.5s infinite ease-in-out;
  transform-origin: center;
}

/* bar sizes + opacity */
.media-podcast-wrapper .bar1 {
  height: 20px;
  animation-delay: 0.5s;
}

.media-podcast-wrapper .bar2 {
  height: 20px;
  animation-delay: 0.7s;
}

.media-podcast-wrapper .bar3 {
  height: 20px;
  animation-delay: 0.3s;
}
.archive-podcast-wrapper.list {
  padding-right: 24px;
}
.media-latest-questions-wrapper {
  position: relative;
}
.media-latest-questions-wrapper::after {
  content: "";
  height: 55%;
  width: 90%;
  border-radius: 0 12px 12px 0;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.media-latest-questions-wrapper .cat_tabs_footer a:hover .ezIcon {
  transform: translateX(-8px);
}

.media-latest-questions-wrapper .cat_tabs_footer a span {
  transition: all 300ms;
}
.media-latest-questions-wrapper .cat_tabs_footer a {
  width: 196px;
  padding-block: 8px;
  border-radius: 4px;
  gap: 8px;
}
/*-------------------------------------------------------------------------MEDIA END----------------------------------------------------------------------------------*/

.leqa input.ui-autocomplete-input,
.lfdefault input.ui-autocomplete-input,
.lfdefault input.ui-autocomplete-input,
.lkhierarchy .search_box input.ui-autocomplete-input {
  border-end-start-radius: 8px !important;
  border-start-start-radius: 8px !important;
}

.leqa .searchBtn.ms-input-group-addon,
.lfdefault .searchBtn.ms-input-group-addon {
  background: var(--Primary-P20) !important;
  border-color: var(--Primary-P20) !important;
  border-end-end-radius: 8px !important;
  border-start-end-radius: 8px !important;
  transition: 0.3s;
}

.leqa .searchBtn.ms-input-group-addon:hover,
.lfdefault .searchBtn.ms-input-group-addon:hover {
  background: var(--Primary-P40) !important;
  border-color: var(--Primary-P40) !important;
}

.ms-form-control {
  transition: 0.3s !important;
}

.ms-form-control:focus {
  box-shadow: none !important;
  border-color: var(--Primary-P20) !important;
  border-right-color: var(--Primary-P20) !important;
}

.leqa .ques_list_type li[selected="selected"],
.lfdefault .ques_list_type li[selected="selected"] {
  background: var(--Primary-P20) !important;
}

.leqa .ques_list_type ul,
.lfdefault .ques_list_type ul {
  border-color: var(--Primary-P20) !important;
}

.leqa .ques_list_type li,
.lfdefault .ques_list_type li {
  transition: all 0.3s;
}
.leqa .ques_list_type li:first-child,
.lfdefault .ques_list_type li:first-child {
  border-start-start-radius: 8px !important;
}

.leqa .ques_list_type li:last-child,
.lfdefault .ques_list_type li:last-child {
  border-start-end-radius: 8px !important;
}

.leqa .tag_btn li:hover,
.leqa .ques_list_type li:hover,
.lfdefault .ques_list_type li:hover {
  background: var(--Gray-G90) !important;
}
.leqa .tag_btn li:hover,
.leqa .ques_list_type li:hover,
.lfdefault .ques_list_type li {
  transition: all 300ms;
}
.leqa .tag_btn li:hover,
.leqa .ques_list_type li:hover,
.lfdefault .ques_list_type li a {
  transition: all 300ms;
}
.leqa .tag_btn li:hover,
.leqa .ques_list_type li:hover,
.lfdefault .ques_list_type li:hover a {
  color: var(--Gray-G20) !important;
}
.leqa .tag_btn li:hover a {
  color: #2b2b2b !important;
}
.leqa .tag_btn li a {
  transition: all 300ms;
}
.leqa .tag_btn li {
  border-radius: 4px;
  transition: all 300ms;
}
.leqa .le-div-searchtags input.ui-autocomplete-input-tag,
.lfdefault .le-div-searchtags input.ui-autocomplete-input-tag {
  border-start-start-radius: 8px !important;
}

.le-div-searchtags a:last-child {
  border-start-end-radius: 8px !important;
}

.leqa .home-cnt,
.leqa .answer-detail,
.lfdefault .answer-detail {
  box-shadow: 0px 8px 40px 0px rgba(18, 18, 18, 0.07) !important;
  border-radius: 16px;
  position: relative;
  border: none !important;
  padding: 24px !important;
}

.leqa .home-cnt:not(:first-child),
.leqa .answer-detail:not(:first-child),
.lfdefault .answer-detail:not(:first-child) {
  margin-top: 40px !important;
}

.leqa .answer-detail .answer-item,
.lfdefault .answer-detail .answer-item {
  border-radius: 16px !important;
}

.leqa .reply {
  border-radius: 16px !important;
  border: none !important;
  padding: 40px 40px 100px !important;
  box-shadow: 0px 8px 40px 0px rgba(18, 18, 18, 0.07) !important;
  background: #fff !important;
}

.leqa .reply-img {
  position: absolute;
  right: 18px;
}

body:not(.rtl) .leqa .reply-img {
  right: unset;
  left: 18px;
}

.leqa a.add_cmt,
.lfdefault a.add_cmt {
  border-radius: 8px !important;
  transition: 0.3s;
}

.leqa a.add_ans,
.lfdefault a.add_ans {
  border-radius: 8px !important;
  transition: 0.3s;
}

.leqa h2 a:hover,
.leqa h2 a,
.lfdefault h2 a {
  color: var(--Primary-P20) !important;
  transition: 0.3s;
}

.leqa h2 a:hover,
.leqa h2 a:focus,
.lfdefault h2 a:hover,
.lfdefault h2 a:focus {
  color: var(--Primary-P40) !important;
}

.leqa .ans_item_height .DisplayName,
.leqa .home-content .DisplayName {
  position: absolute;
  left: 32px;
  bottom: 36px;
  border-radius: 8px !important;
  height: 56px !important;
}

body:not(.rtl) .leqa .ans_item_height .DisplayName,
body:not(.rtl) .leqa .home-content .DisplayName {
  right: 32px;
  left: unset;
}

.leqa img.home-img,
.leqa .ans_item_height .DisplayName img {
  height: 34px !important;
  width: 34px !important;
}

.leqa .ques_detail h2 {
  color: var(--Primary-P20) !important;
}

.leqa a.subscribes,
.lfdefault a.subscribes {
  color: var(--Primary-P50) !important;
}

.ms-nav-pills > li.ms-active > a,
.ms-nav-pills > li.ms-active > a:focus,
.ms-nav-pills > li.ms-active > a:hover {
  background-color: var(--Primary-P40) !important;
}

.leqa .search_box h2,
.lfdefault .search_box h2 {
  display: none;
}

.LiveExchange,
.LiveForums {
  margin-bottom: 104px !important;
}

.leqa .replyparent .pos1 {
  position: absolute;
  left: 40px !important;
  top: 18px !important;
}

/* ------------------------------- Live Exchange ------------------------------------ */

.demo .lfdefault input.ui-autocomplete-input,
.demo .lfdefault input.ui-autocomplete-input,
.demo .lkhierarchy .search_box input.ui-autocomplete-input {
  font-size: 14px !important;
  border-right: 1px solid #ccc;
}

.lfdefault .home-title span {
  color: var(--Gray-G30) !important;
}

.lfdefault .hm_1 {
  box-shadow: 0px 8px 40px 0px rgba(18, 18, 18, 0.07) !important;
  margin-top: 40px !important;
  border-radius: 16px !important;
  border: none !important;
  padding: 20px !important;
}

.lfdefault .home-nocontent {
  margin: 12px !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.lfdefault .home-content .c_1 cite {
  border-radius: 8px !important;
}

.lfdefault .own_reply,
.lfdefault .reply-item_inn,
.lfdefault .own_reply_inn {
  border-radius: 16px !important;
}

/* ------------------------------- Live Forums ------------------------------------ */

.liveaccdefault .ui-accordion .ui-accordion-header-active {
  border-radius: 8px 8px 0 0 !important;
  margin-bottom: 0;
}

.liveaccdefault .ui-accordion .ui-accordion-header-active.ui-state-default {
  margin-bottom: 0;
  box-shadow: 0px -8px 10px 0 rgba(18, 18, 18, 0.03) !important;
}

.liveaccdefault .ui-accordion .ui-state-default {
  border-radius: 8px;
  background: #fff !important;
  position: relative;
  border: none !important;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0px 8px 40px 0px rgba(18, 18, 18, 0.07) !important;
}

.liveaccdefault .ui-accordion .ui-accordion-header::before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--Primary-P20);
  position: absolute;
  right: 0;
  transition: 0.3s;
}

.liveaccdefault .ui-accordion .ui-accordion-header-active::before {
  width: 0px;
}

.liveaccdefault .ui-accordion .ui-accordion-header a {
  color: var(--Primary-P20) !important;
  font-size: 16px !important;
  font-weight: 700;
  padding: 14px 30px 14px 14px;
}

.liveaccdefault .ui-state-default .ui-icon {
  display: none !important;
}

.liveaccdefault .ui-accordion .ui-accordion-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 40px 32px;
  border: none !important;
  border-radius: 0 0 8px 8px;
  border-top: none;
  margin-bottom: 16px;
  box-shadow: 0px 8px 40px 0px rgba(18, 18, 18, 0.07) !important;
  /* margin-block: 12px; */
  font-size: 14px !important;
}

.liveaccdefault .ui-accordion .ui-accordion-content ul,
.liveaccdefault .ui-accordion .ui-accordion-content ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 900px) {
  .org-chart-wrapper .org-chart-inner {
    justify-content: center !important;
  }
  .org-chart-wrapper.coworkers .org-chart-inner {
    justify-content: space-between !important;
  }
  .org-chart-explanation {
    margin-block: 96px !important;
    gap: 24px !important;
  }
  .org-chart-explanation .each-item {
    gap: 16px !important;
    flex-flow: column;
    align-items: start !important;
    padding: 24px !important;
  }
  .org-chart-wrapper.coworkers .each-card {
    width: 47% !important;
  }

  .org-chart-wrapper.coworkers .each-card .title {
    min-height: 52px !important;
  }
  .org-chart-wrapper .each-card .image {
    height: 38vw !important;
  }
}

.school-slider-inner .slick-dots .slick-active button {
  background: var(--Secondary-S30, #008283) !important;
  opacity: 1 !important;
  width: 6px !important;
  height: 6px !important;
}
.school-slider-inner .slick-dots button {
  background: var(--Secondary-S30, #008283) !important;
  opacity: 0.5 !important;
  width: 4px !important;
  height: 4px !important;
}
.school-slider-inner .slick-dots li {
  display: flex !important;
  align-items: center !important;
}
.school-slider-inner {
  position: relative;
}
.school-slider-inner .slick-dots {
  position: absolute !important;
  bottom: -40px !important;
  left: 50%;
  transform: translate(-50%, -50%);
}
.school-slider-inner.slick-slider .slick-arrow.slick-prev {
  --rotation: rotate(calc(180deg * var(--direction-num)));
  left: 55% !important;
  top: unset !important;
  bottom: -70px !important;
  right: unset !important;
}
.school-slider-inner.slick-slider .slick-arrow.slick-next {
  --rotation: rotate(calc(0deg * var(--direction-num)));
  left: unset !important;
  top: unset !important;
  bottom: -70px !important;
  right: 56% !important;
}

.org-chart-wrapper .each-card {
  border-radius: 8px;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 24px 0 rgba(9, 23, 83, 0.06);
  padding: 8px 8px 24px 8px;
  width: 220px;
}
.org-chart-wrapper.coworkers .each-card {
  padding: 8px 8px 0px 8px;
}
.org-chart-wrapper.coworkers .each-card .title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
}
.org-chart-wrapper .each-card .image {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  width: 100%;
  height: 196px;
}
.org-chart-wrapper.coworkers .each-card .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.org-chart-wrapper .org-chart-inner {
  justify-content: space-between;
}
.org-chart-wrapper .position-title span {
  height: 1px;
  display: flex;
}
.org-chart-wrapper .position-title {
  display: flex;
}
.org-chart-explanation {
  margin-top: 56px;
}
.org-chart-explanation .each-item {
  border-radius: 8px;
  background: var(
    --Gradian-Light,
    linear-gradient(270deg, #f2fafa 0%, #eef1ff 100%)
  );
  padding: 28px 40px;
}

@media (max-width: 900px) {
  .introduction-items-wrapper {
    padding-right: 0 !important;
  }

  .introduction-items-wrapper .each-question.active {
    padding: 16px !important;
  }

  .introduction-items-wrapper .each-question .response p {
    margin-right: 16px !important;
  }
  .introduction-headr div {
    gap: 10px !important;
  }
  .introduction-items-wrapper .each-question .question {
    font-size: 16px;
  }
}

.introduction-headr {
  margin-bottom: 90px;
}
.introduction-headr .poem-gap {
  display: flex;
  width: 50px;
}

.introduction-items-wrapper .each-question {
  border-radius: 8px;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  padding: 20px 40px;
  transition: all 400ms ease;
  cursor: pointer;
  overflow: hidden;
}

.introduction-items-wrapper {
  padding-right: 24px;
}

.introduction-items-wrapper .each-question .question {
  transition: all 300ms;
  align-items: center !important;
}
.introduction-items-wrapper .each-question .question {
  transition: all 300ms;
  align-items: center !important;
}
.introduction-items-wrapper .each-question .question .ezIcon {
  rotate: -90deg;
  --icon-color: var(--Primary-P20);
}
.introduction-items-wrapper .each-question .answer {
  opacity: 0;
  transition: all 300ms;
  display: flex;
  align-items: center;
  max-height: 0;
  position: relative;
  overflow: hidden;
}

.introduction-items-wrapper .each-question.active .question .ezIcon {
  rotate: 90deg !important;
}

.introduction-items-wrapper .each-question.active {
  margin-block: 24px;
  padding: 40px;
}
.introduction-items-wrapper .each-question:first-of-type.active {
  margin-top: 0;
}
.introduction-items-wrapper .each-question:hover {
  box-shadow: 0 6px 16px 0 rgba(7, 14, 47, 0.1) !important;
}

.introduction-items-wrapper .each-question.active .answer {
  opacity: 100 !important;
  max-height: 1900px;
  margin-top: 24px;
}
.introduction-category-sidebar {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.06);
  transition: all 0.2s ease;
  height: max-content;
  right: calc(50% - (min(100vw, 1296px) / 2));
  width: 330px !important;
}

.introduction-category-sidebar p {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 16px;
}

.introduction-category-sidebar ul {
  padding: 0 !important;
  margin-top: 30px;
}

.introduction-category-sidebar ul.introduction-category-list li {
  position: relative;
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.introduction-category-sidebar ul.introduction-category-list li::after {
  content: "";
  width: 4px;
  height: 36px;
  border-radius: 4px 0 0 4px;
  background: var(--Secondary-S40, #009294);
  position: absolute;
  right: -24px;
  opacity: 0;
  transition: all 200ms;
}
.introduction-category-sidebar ul.introduction-category-list li:hover::after {
  opacity: 100;
}
.introduction-category-sidebar
  ul.introduction-category-list
  li:has(a.active)::after {
  opacity: 100;
}

.introduction-category-sidebar
  ul.introduction-category-list
  li.item
  a.typo-t6.t-g20.font-600 {
}
/* COWORKER CHART START */
@media (max-width: 900px) {
  .coworker-chart-wrapper .listItem {
    grid-template-columns: repeat(8, 1fr) !important;
    grid-template-rows: repeat(4, auto) !important;
    row-gap: 8px !important;
    column-gap: 6px !important;
  }
  .coworker-chart-wrapper .listItem a {
    display: flex;
    width: 38px !important;
    height: 38px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Gray-G99, #f2f2f2);
    text-align: center;
    font-size: 16px !important;
  }
}
.coworker-chart-wrapper .listItem {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(2, auto);
  row-gap: 16px; /* adjust spacing */
  column-gap: 12px;
}
.coworker-chart-wrapper .listItem a {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--Gray-G99, #f2f2f2);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 200% */
  transition: all 300ms;
  margin: 0 !important;
  color: var(--Gray-G20, #3d3d3d);
}
.coworker-chart-wrapper .listItem a:not(.active):hover {
  background: #14288344;
}
.coworker-chart-wrapper .listItem a:hover {
  color: var(--Gray-G20, #3d3d3d);
}
.coworker-chart-wrapper .listItem a.active {
  background: var(--Primary-P30, #142883) !important;
  color: white !important;
}
.NewsArticles:has(.org-chart-wrapper)
  .PagingTable
  tbody
  tr
  td:last-child
  span.active {
  color: white !important;
  background: var(--Primary-P20, #0d1a5a);
}
.NewsArticles:has(.org-chart-wrapper) .PagingTable a:hover {
  background: var(--Primary-P95, #dadffe) !important;
}
.NewsArticles:has(.org-chart-wrapper) .PagingTable a::after {
  --icon-color: var(--Primary-P50) !important;
}
/* COWORKER CHART END */

/* 404 START */
.error-page {
  width: 100%;
  height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
.error-page p {
  margin-top: 24px;
}
.error-page a {
  margin-top: 40px;
  display: flex;
  width: 180px;
  height: 48px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--Secondary-S30, #008283);
}
/* 404 END */