/*!
 * -------------------------------------------------------
 * Project Name : Prop Funding
 * Author       : SoftwareZon
 * Author URL   : https://softwarezon.com
 * Version      : 1.0.0
 * Created      : 2025
 * Description  : Contains global CSS used by profit sharing section.
 * File         : profit-sharing.css
 * -------------------------------------------------------
 * ©2025 SoftwareZon. All Rights Reserved.
 * -------------------------------------------------------
 */
/*----------------------------------------------------
  01. Profit Sharing Section Styles
----------------------------------------------------*/
.profit-sharing-card {
  padding: 30px;
  background: rgba(var(--white), 0.05);
  padding-top: 40px;
  box-shadow: 0px 0px 114.96px 0px #061c3d1a;
  backdrop-filter: blur(35px);
  border: 1px solid rgba(var(--white), 0.05);
  border-radius: 30px;
  cursor: pointer;
  transition: 0.5s;
}
.profit-sharing-card:hover {
  transform: translateY(-10px);
}
.profit-sharing-card-icon img {
  max-width: 220px;
  width: auto;
  transition: 0.5s;
}
.profit-sharing-card-effect {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  filter: blur(25px);
  background-color: rgba(var(--yellow), 1);
  opacity: 0.6;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  bottom: -38px;
  transition: 0.6s;
}
.profit-sharing-card:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  filter: blur(25px);
  background-color: rgba(var(--yellow), 1);
  opacity: 0.5;
  z-index: -2;
}
.profit-sharing-card:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 18px;
  right: 0;
  filter: blur(18px);
  background-color: rgba(var(--black), 1);
  opacity: 0.5;
  margin: auto;
  height: 65px;
  border-radius: 30px;
  z-index: -1;
  width: 147px;
}

.row
  > .col-lg-4:nth-child(6n + 1)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--yellow), 1);
}
.row > .col-lg-4:nth-child(6n + 1) .profit-sharing-card:after {
  background-color: rgba(var(--yellow), 1);
}
.row
  > .col-lg-4:nth-child(6n + 2)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--purple), 1);
}
.row > .col-lg-4:nth-child(6n + 2) .profit-sharing-card:after {
  background-color: rgba(var(--purple), 1);
}
.row
  > .col-lg-4:nth-child(6n + 3)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--warning), 1);
}
.row > .col-lg-4:nth-child(6n + 3) .profit-sharing-card:after {
  background-color: rgba(var(--warning), 1);
}
.row
  > .col-lg-4:nth-child(6n + 4)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--indigo), 1);
}
.row > .col-lg-4:nth-child(6n + 4) .profit-sharing-card:after {
  background-color: rgba(var(--indigo), 1);
}
.row
  > .col-lg-4:nth-child(6n + 5)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--neon), 1);
}
.row > .col-lg-4:nth-child(6n + 5) .profit-sharing-card:after {
  background-color: rgba(var(--neon), 1);
}
.row
  > .col-lg-4:nth-child(6n + 6)
  .profit-sharing-card
  .profit-sharing-card-effect {
  background-color: rgba(var(--brand), 0.8);
}
.row > .col-lg-4:nth-child(6n + 6) .profit-sharing-card:after {
  background-color: rgba(var(--brand), 0.8);
}
.profit-sharing-card:hover .profit-sharing-card-effect {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  filter: blur(35px);
  opacity: 0.3;
}
.profit-sharing-card-thumbnails img {
  transition: 0.5s;
}
.profit-sharing-card:hover .profit-sharing-card-icon img,
.profit-sharing-card:hover .profit-sharing-card-thumbnails img {
  transform: translateY(-10px);
}
.profit-sharing-card-thumbnails img {
  max-width: 170px;
  max-height: 180px;
  width: 100%;
  height: auto;
  min-height: 180px;
  object-fit: contain;
}
.step-number {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: calc(var(--font-base) + 12px);
  color: rgba(var(--white), 0.2);
  font-weight: 700;
  transition: 0.5s;
}
.profit-sharing-card:hover .step-number {
  color: rgba(var(--white), 0.9);
}
.trading-journey-shape.circle-shape-left:after {
  top: -200px;
}

@media all and (max-width: 991px) {
  .profit-sharing-card-icon img {
    max-width: 120px;
  }
}