/*================================ Home Page ==============================*/
header .logo-wrapper img {
  margin-block: 0.25rem;
  max-height: 80px;
}

.hero-slider .swiper-slide {
  border-radius: 1.5rem;
  width: 1315px;
  aspect-ratio: 10/3;
  height: 600px;
  overflow: hidden;
  display: flex;
}

.hero-slider .swiper-slide img {
  object-position: center;
  object-fit: contain;
  background-size: contain;
  background-position: center
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
}

.mobile-menu {
  max-width: 300px;
}
.mobile-menu img {
  max-height: 100px;
  object-fit: contain;
}



.color-white {
  color: #fcfdfd !important;
}

.testimonials-section {
  background: #fafafa;
  background-position: center;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonials-section .testimonial-heading-block {
  background: linear-gradient(45deg, #00afa3, #04473d);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-inline: 1.5vw;
  height: 35.521vw;
  display: grid;
  align-content: center;
  border-radius: 30px;
}

.testimonials-section-title {
  font-size: 3.594vw;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.036vw;
}
.testimonials-section .testimonial-block {
  position: relative;
}
.testimonials-section .testimonial-block .quote-shape {
  position: absolute;
  z-index: 15;
  top: -4.5vw;
  left: 3vw;
  width: 8.75vw;
  height: 7.24vw;
  filter: drop-shadow(0px 4px 8px rgba(151, 151, 151, 0.25));
}

.testimonials-section .testimonial-block .testimonial-slider-card {
  background: url(../img/rayan/t-card-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 24px;
  max-width: 46.302vw;
  margin-inline-start: -10.208vw;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  padding-bottom: 82px;
  border-radius: 20px;
  box-shadow: 0px 4px 8px 0px rgba(151, 151, 151, 0.25);
}

.testimonials-section .testimonial-block .testimonial-slider-card .testimonial-1 {
  display: flex;
  align-items: center;
  gap: 32px;
}
.testimonials-section .testimonial-block .testimonial-slider-card .testimonial-1 img {
  margin-bottom: 1.5rem;
  object-fit: contain;
  aspect-ratio: 1/1;
  width: 150px;
}

.testimonial-slider-arrows .testimonial-prev:after,
.testimonial-slider-arrows .testimonial-next:after {
  font-family: "FontAwesome";
  transform: scaleX(-1);
  width: 68px;
  height: 56px;
  background-size: cover;
  position: absolute;
  font-size: 2rem;
  line-height: 18px;
  color: #00afa3;
  display: grid;
  align-content: center;
  justify-content: center;
  inset-block-end: 0.125rem;
  border-radius: 16px;
  border: 1px solid #00afa3;
  background: rgba(11, 139, 117, 0.3);
  z-index: 10;
}
.testimonial-slider-arrows .testimonial-prev:after {
  content: "";
  inset-inline-end:100px;
}
.testimonial-slider-arrows .testimonial-next:after {
  content: "";
  inset-inline-end:24px;
}
.testimonial-prev,
.testimonial-next {
  position: unset;
  font-size: 0;
  line-height: 0;
  display: block;
  z-index: -9;
  width: 0px;
  text-transform: uppercase;
  height: 0px;
  font-size: 0px;
  color: white;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}

@media (max-width: 1599px) {
  .testimonials-section .testimonial-block .testimonial-slider-card {
    padding-bottom: 72px;
  }
  .testimonial-slider-arrows .testimonial-prev:after,
  .testimonial-slider-arrows .testimonial-next:after {
    font-size: 20px;
    border-radius: 12px;
    width: 56px;
    height: 46px;
  }
  .testimonial-slider-arrows .testimonial-prev:after {
    left: 95px;
  }
}
@media (max-width: 1399px) {
  .testimonials-section .testimonial-block .testimonial-slider-card {
    padding-bottom: 62px;
    padding-top: 32px;
  }
  .testimonials-section .testimonial-block .quote-shape {
    left: 5vw;
  }
  .testimonial-slider-arrows .testimonial-prev:after,
  .testimonial-slider-arrows .testimonial-next:after {
    font-size: 18px;
    border-radius: 10px;
    width: 50px;
    height: 40px;
  }

  .testimonial-slider-arrows .testimonial-prev:after {
    left: 90px;
  }
}
@media (max-width: 1199px) {
  .testimonials-section-title {
    font-size: 5.3vw;
  }
  .testimonials-section .testimonial-heading-block {
    height: auto;
    text-align: center;
    border-radius: 20px;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .testimonials-section {
    border-radius: 20px;
    padding-bottom: 2rem;
  }
  .testimonials-section .testimonial-block .testimonial-slider-card {
    margin: 0 auto;
    margin-top: -64px;
    max-width: 70vw;
  }
  .testimonials-section .testimonial-block .quote-shape {
    left: 10vw;
  }
}
@media (max-width: 991px) {
  .testimonials-section-title {
    font-size: 6.65vw;
  }
}
@media (max-width: 767px) {
  .testimonials-section-title {
    font-size: 8vw;
  }
  .testimonials-section .testimonial-heading-block {
    padding-top: 42px;
    padding-bottom: 90px;
  }
  .testimonials-section .testimonial-block .testimonial-slider-card {
    margin: 0 auto;
    margin-top: -48px;
    max-width: 85vw;
  }
  .testimonials-section .testimonial-block .testimonial-slider-card .testimonial-1 img {
    min-width: 100px;
  }
  .testimonial-slider-arrows .testimonial-prev:after,
  .testimonial-slider-arrows .testimonial-next:after {
    font-size: 16px;
    border-radius: 8px;
    width: 40px;
    height: 34px;
  }
  .testimonial-slider-arrows .testimonial-prev:after {
    left: 80px;
  }
}
@media (max-width: 575px) {
  .testimonials-section-title {
    font-size: 10.522vw;
  }
  .testimonials-section .testimonial-block .testimonial-slider-card .testimonial-1 {
    flex-direction: column;
  }
  .testimonials-section .testimonial-block .quote-shape {
    left: 2vw;
  }
  .testimonials-section .testimonial-block .testimonial-slider-card .testimonial-1 .text-block {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .testimonials-section .testimonial-heading-block {
    padding-inline: 5vw 9.5vw;
  }
}







@font-face {
  font-family: "dana";
  src: url("../fonts/dana-thin.woff2") format("woff2"), url("../fonts/dana-thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-medium.woff2") format("woff2"), url("../fonts/dana-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-regular.woff2") format("woff2"), url("../fonts/dana-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-extralight.woff2") format("woff2"), url("../fonts/dana-extralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-light.woff2") format("woff2"), url("../fonts/dana-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-extrabold.woff2") format("woff2"), url("../fonts/dana-extrabold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-bold.woff2") format("woff2"), url("../fonts/dana-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-demibold.woff2") format("woff2"), url("../fonts/dana-demibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "dana";
  src: url("../fonts/dana-black.woff2") format("woff2"), url("../fonts/dana-black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* RTl */
body,
.btn,
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-family: "dana";
}
.swiper-pagination .swiper-pagination-bullet::before {
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.el-feedback-slider,
.el-feedback-single .el-feedback-box::before {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.el-hero-section img.start-0,
.el-about-section img.start-0 {
  inset-inline-end: 0 !important;
}

.el-hero-section img.start-50,
.el-about-section img.start-50 {
  inset-inline-end: 50% !important;
}

.el-hero-section img.start-100,
.el-about-section img.start-100 {
  inset-inline-end: 100% !important;
}

.el-hero-section img.end-0,
.el-about-section img.end-0 {
  inset-inline-start: 0 !important;
}

.el-hero-section img.end-50,
.el-about-section img.end-50 {
  inset-inline-start: 50% !important;
}

.el-hero-section img.end-100,
.el-about-section img.end-100 {
  inset-inline-start: 100% !important;
}
.ft-subscribe-form input {
  border-radius: 0 4px 4px 0;
}
.ft-subscribe-form .md-primary-btn {
  border-radius: 4px 0 0 4px;
}
.arrow-svg,
.fa-angle-double-left,
.fa-angle-double-right,
.fa-angle-left,
.fa-angle-right,
.fa-arrow-alt-circle-left,
.fa-arrow-alt-circle-right,
.fa-arrow-circle-left,
.fa-arrow-circle-right,
.fa-arrow-left,
.fa-arrow-right,
.fa-caret-left,
.fa-caret-right,
.fa-caret-square-left,
.fa-caret-square-right,
.fa-chevron-circle-left,
.fa-chevron-circle-right,
.fa-chevron-left,
.fa-chevron-right,
.fa-hand-point-left,
.fa-hand-point-right,
.fa-long-arrow-alt-left,
.fa-long-arrow-alt-right {
  transform: scaleX(-1);
}



/* color change */
:root{
  --primary:#4F78B7;
  --primary-dark:#1E4E9A;
  --light-bg:#EAF4F1;
}

/* تیترها */
h1,h2,h3,h4{
  color:var(--primary-dark);
}

/* کارت سرویس فعال (آبی) */
.service-box.active,
.service-box.highlight{
  background:var(--primary);
  color:#fff;
  border-radius:16px;
}

/* کارت‌های معمولی */
.service-box{
  background:#fff;
  border-radius:16px;
}

/* آیکن‌ها */
.service-box svg,
.icon svg{
  fill:#3A6FD8;
  color:#3A6FD8;
}

/* دکمه‌ها */
.btn,.button{
  background:var(--primary);
  color:#fff;
}
.btn:hover{
  background:var(--primary-dark);
}

/* پس‌زمینه سکشن روشن */
.section-light{
  background:var(--light-bg);
}

/* حالت عادی کارت */
.el-about-box{
  background:#ffffff !important;
  border-radius:18px;
  transition:all .35s ease;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  color:#1F2937;
}

/* غیرفعال کردن حالت active */
.el-about-box.active{
  background:#ffffff !important;
  color:rgba(70, 130, 243, 0.71) !important;
  transform:none !important;
  box-shadow:0 10px 25px rgba(0,0,0,.06) !important;
}

/* Hover → آبی */
.el-about-box:hover{
  background:linear-gradient(135deg,#4F78B7,#1E4E9A) !important;
  color:#ffffff !important;
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(30,78,154,.35);
}

/* عنوان */
.el-about-box h3,
.el-about-box h4{
  color:#1E4E9A;
  transition:.3s;
}
.el-about-box:hover h3,
.el-about-box:hover h4{
  color:#ffffff !important;
}

/* متن */
.el-about-box p{
  color:#6B7280;
  transition:.3s;
}
.el-about-box:hover p{
  color:#EAF4F1 !important;
}

/* آیکن */
.el-about-box svg,
.el-about-box i{
  color:#3A6FD8;
  fill:#3A6FD8;
  transition:.3s;
}
.el-about-box:hover svg,
.el-about-box:hover i{
  color:#ffffff !important;
  fill:#ffffff !important;
}

.mb-2 {
  color:#1e4e9a
}


/* Scroll To Top Button */
.theme-scrolltop-btn{
  transition:background-color .3s ease, color .3s ease;
}

/* Hover */
.theme-scrolltop-btn:hover{
  background-color:#4a77bc !important;
  color:#ffffff !important;
}

/* اگر داخلش آیکن هست */
.theme-scrolltop-btn i,
.theme-scrolltop-btn svg{
  transition:.3s;
}
.theme-scrolltop-btn:hover i,
.theme-scrolltop-btn:hover svg{
  color:#ffffff !important;
  fill:#ffffff !important;
}




/* end of color change */