* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: iranYekan;
  text-decoration:none !important;
}
a{
    color:black !important;
}
/* fonts */
@font-face {
  font-family: iranYekan;
  /*src: url(../assets/fonts/IRANYekanWeb/IRANYekanWebMedium.ttf);*/
  /*src:url(../Vendor/)*/
  src:url(../Vendor/fonts/IRANYekanWeb/IRANYekanWebMedium.ttf);
}
/* root colors */
:root {
  --main-color: #ededed;
  --base-dark: #393939;
  --base-color: #d3a03d;
  --second-color: #e39f1799;
}
/* base */

.main-nav,
.bg-hero,
.dashboard {
    background-color:var(--main-color)
}

.bg-hero .c-base,
.title2 .c-job,
.des-number,
.h-comment,
.prev i,
.next i,
.plan .plan-base {
  color: var(--base-color);
}


.btn-demo,
.carousel-control-prev-icon,
.carousel-control-next-icon{
  background-color: var(--base-color);
}

.reasons,
.submit-btn {
    background-color: var(--second-color);
}
.hero-txt,
.plan-txt,
.question-txt{
    color: #565E64;
}
.btn-demo:hover{
  transform: scale(0.9);
  transition: all 0.5s;
  cursor: pointer;

}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index:1000;
}
main{
    margin-top:118px;
}
.cursor{
    cursor:pointer !important;
}

.des-number {
  padding: 10px;
  text-align: center;
}
.head-btn1 {
  border: 1px solid var(--base-dark);
  height: 40px;
}

.head-btn2 {
  background-color: var(--base-dark);
  height: 40px;
}

/* hero section */
.bg-hero {
  height: 45vh;
  background-image: url('../imgs/Line hero.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-txt,
.benefits-txt,
.reason-txt,
.plan-txt,
.question-txt {
  font-size: 16px;
}

/* circles div section */
.c1,
.c2,
.c3,
.c4,
.c5,
.c6 {
    width: 100px;
    height: 100px;
    font-size: 20px;
    box-shadow: 0 0 100px #E6C17B;
}

.c1 {
  left: 3% !important;
  animation: erp 3s ease-in-out infinite;
}

.c2 {
  left: 10% !important;
  top: 9em;
  animation: erp 3s 0.3s ease-in-out infinite;
}

.c3 {
  left: 3% !important;
  top: 18em;
  animation: erp 3s 0.6s ease-in-out infinite;
}

.c4 {
  right: 3% !important;
  bottom: 18em;
  animation: erp 3s 0.4s ease-in-out infinite;
}

.c5 {
  right: 10% !important;
  bottom: 10em;
  animation: erp 3s 0.7s ease-in-out infinite;
}

.c6 {
  right: 3% !important;
  bottom: 2em;
  animation: erp 3s 1s ease-in-out infinite;
}

/* **company-logo** */
.carousel-track {
    animation: scroll 20s linear infinite;
}

.carousel-track img {
  flex: 0 0 auto;
}

@keyframes scroll {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(calc(0% - 100%));
  }
}

@keyframes erp {
  0% {

    transform: translateY(0px);
  }

  50% {
    transform: translateY(50px);

  }

  100% {
    transform: translateY(0px);
  }

}

/* ************ */
.benefits div {
  width: 200px;
  height: 200px;
  background-image: url('../imgs/Service point.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20%;
}

.benefits div:hover {
  background-image: none;
  background-color: var(--second-color);
  border-radius: 100%;
  transform: scale(1.1);
  transition: 0.7s;
}

/* ****reasons******** */
.reasons-sec,
.comments {
    background-color: #E7E4DF;
}
.reasons {
  width: 90%;
  height: 35rem;
}

.title-reason-text {
  width: 465px;
}
.slide {
  width: 350px;
  height: 280px;
  width: 100%;
  max-width: 350px;
  }

@media (min-width: 768px) {
  .slide {
      width: 350px;
  }
}
.containerss {
    width: 100%;
    position: relative;
    display: flex !important;
    align-items: center !important;
}

.dotted-line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px; /* ارتفاع خط */
    background-image: radial-gradient(circle, #fff 20%, transparent 20%);
    background-size: 8px;
    background-repeat: repeat-x; /* تکرار در جهت افقی */
}

.w-50-circel-opacity {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50px !important;
    background-color: rgba(217, 217, 217, 0.56) !important;
}

.ms-80px {
    margin-right: 80px !important;
}

.fs-20px {
    font-size: 20px !important;
}

/* ******comments****** */
.comments {
    padding: 40px 0px;
}

.comments .card {
  width: 460px;
  height: 260px;
 margin-top:100px;
}

.swiper-wrapper {
  height: 35em;
}

.swiper-slide:not(.swiper-slide-active) {
  filter: blur(1px);
}

.swiper-slide {
  width: 30% !important;
  height: auto;
}
.text--card {
  font-size: 14px;
}
.light--text{
  color: #6F6F6F;
  font-size: 12px;
}

.next,
.prev {
  width: 40px;
  height: 40px;
  border: 2px solid var(--base-color);
  transition: all 0.3s;
  color:var(--base-color);
}

.next:hover,
.prev:hover  {
  background-color: var(--base-color);
  color:white !important;
}

    .next:hover .bi-arrow-right::before,
    .prev:hover .bi-arrow-right::before {
        content: "\f138";
        color: white !important;
    }

    .next:hover .bi-arrow-left::before {
        content: "\f12f";
        color: white !important;
    }
        

.carousel-control-prev-icon {
  bottom: 120px;
  right: 72px;
}
.carousel-control-next-icon{
  bottom: 120px;
  left: 70px;
}

/* services */
.services {
    background-image: url('../imgs/BASE.png');
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;
    gap: 15px;
}
@media (max-width: 992px) {
  .services {
      background-image: none;
  }
}

.coin {
  background-image: url(../imgs/coin);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #aeaeae4a;
  border: 1px solid #aeaeae;
}

.coin:hover {
  background-color: #d3a13d3b;
  border: 1px solid var(--base-color);
  transition: all 0.3s;
}

.card button {
  background-color: #373737;
}

.card button:hover {
  background-color: var(--base-color);
  transition: all 0.3s;
}

.card ul li {
  font-size: 14px;
}

/* questions */
.questions {
    background-color: #E7E4DF;
    background-image: url('../imgs/Frame 2147223940.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

/* accordion */
.accordion{
    margin-top:80px;
}
.accordion-body{
  color: rgb(81, 81, 81);
}
.accordion-button{
    border:1px solid #c8c8c8;
    border-radius:5px;
}
.accordion-button::after {
    margin-right: auto !important;
    margin-left: revert !important;
}

/* footer */
footer {
  height: auto;
  background-color: #E6C17B;
  
}
.ft-color {
    color: var(--base-dark);
}
.ft-c{
    color:#4e4e4e;
}

footer .logo {
    max-width: 150px;
}

.plane-img {
 left: 1px;
}

footer .footer-link:hover {
  color: white;
  transition: all 0.3s;
  cursor: pointer;
}
/*------------------------------------------*/
.mycirlbutton {
    background-color: #bbb;
    width: 10px;
    height: 10px;
}

    .mycirlbutton:hover {
        cursor: pointer;
        transition: 0.2s ease;
        background-color: #717171
    }


.bannerland {

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #565E64;
    opacity: 0.4;
    transition: 0.4s ease;
}

    .bannerland:hover {
        transform: translateY(-50px);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #d3a13d3b;
        opacity: 1
    }
.planeland {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #565E64;
    opacity: 0.4;
    transition: 0.4s ease;
}

    .planeland:hover {
        transform: translateY(-50px);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #d3a13d3b;
        opacity: 1
    }

.logoanimation{
    width:2cm;
    height:2cm;
}

/*------------------------------------------*/



/* ----------------- */


/* مخفی کردن اسلایدها به صورت پیش‌فرض */
.mySlides {
    display: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }



/* نقاط نشانگر */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        background-color: #717171;
    }

.size-slider{
    width:500px;
}

/* ---------- */