/* .companibody {
  background: #dadada;
  font-family: "Cabin", sans-serif;
} */

.companibody .container {
  margin-top: 2rem;
}

.companibody .box {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin: 3rem auto;
  padding: 3em;
}

.companibody .special {
  text-align: center;
}

.companibody .section {
  height: auto;
  padding: 2rem;
  background: #fff;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  will-change: transform;
}

.companibody .section:nth-child(2n) {
  border-right: solid 2px #e5e5e5;
}

.companibody .section:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transform: translate(0, -15px);
  border-radius: 2px;
  z-index: 1;
}

.companibody .section p {
  margin-top: 2rem;
  text-align: justify;
}

.companibody .section img {
  max-width: 40%;
}

.companibody .section h1 {
  margin-top: 2rem;
}

.companibody .third {
  border-top: solid 2px #e5e5e5;
}

.companibody .third:hover {
  border-top: solid 2px transparent;
  z-index: 1;
  border-radius: 2px;
}

.companibody .fourth {
  border-top: solid 2px #e5e5e5;
}

.companibody .fourth:hover {
  border-top: solid 2px transparent;
  z-index: 1;
  border-radius: 2px;
}

@media (max-width: 990px) {
  .companibody .features-row .section {
    border: 0;
  }

  .companibody .features-row .section:nth-child(2n-2) {
    border-top: solid 2px #e5e5e5;
  }

  .companibody .features-row .section:nth-child(2n-2):hover {
    border-top: solid 2px transparent;
  }

  .companibody .features-row .third {
    border-top: solid 2px #e5e5e5;
  }

  .companibody .features-row .third:hover {
    border-top: solid 2px transparent;
  }
}

/* footer Paragraph */
.pfooter {
  font-size: 18px !important;
}

.social-icons ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  /* اندازه دایره */
  height: 50px;
  border: 1px solid #0f8f4f;
  /* خط سبز دور دایره */
  border-radius: 50%;
  font-size: 25px !important;
  text-align: center;
}

.click-text {
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-size: 12px !important;
  color: #555;
  font-weight: bold;
  pointer-events: none;
}

.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  /* border: 1px solid #000; */
  background-color: var(--marquee-bg-color);
  padding: 30px;
}

.marquee span {
  display: inline-block;
  white-space: nowrap;
  font-size: 40px;
  font-weight: bold;
  /* background: linear-gradient(to right, #00ab4f, #005e2c); */
  background: linear-gradient(to right, #ed1c24, #00ab4f);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
  /* color: #000; */
  /* font-family: Arial, sans-serif; */
  will-change: transform;
  align-self: center;
  padding: 30px;
}

.marquee::before,
.marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 2;
}

.marquee::before {
  left: 0;
  background: linear-gradient(to right, rgba(var(--marquee-bg-color-rgba), 1), rgba(var(--marquee-bg-color-rgba), 0));
}

.marquee::after {
  right: 0;
  background: linear-gradient(to left, rgba(var(--marquee-bg-color-rgba), 1), rgba(var(--marquee-bg-color-rgba), 0));
}

/* ////////////////////////////////////////////////////////////////////////////////////// */

#headerPopup {
  width: 75%;
  margin: 0 auto;
}

#headerPopup iframe {
  width: 100%;
  margin: 0 auto;
}

/* ////////////////////////////////////////////////////////////////////////////////////// */

label.error {
  color: #ed1c24;
  font-size: 0.9rem; 
  margin-top: 0.25rem;
  display: block; 
}

.row.justify-content-between {
  display: flex;         
  align-items: center;   
  flex-wrap: wrap;      
}