/* Import CSS Variables */
@import url('variables.css');

.press-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-title {
  font-size: var(--fs-30);
  font-weight: var(--fw-700);
  color: var(--color-text-white);
}

.hiw-step {
  position: relative;
  border-left: 1px solid var(--color-bg-badge) !important;
  padding: var(--spacing-30) 0rem var(--spacing-30) var(--spacing-30);
}

.hiw-step:first-child {
  padding-top: .5rem;
}

.hiw-step:last-child {
  padding-bottom: .5rem;
}

.hiw-content,
.step-number .step-text {
  position: relative;
  z-index: 999 !important;
}

.step-number {
  position: absolute;
  top: 20px;
  left: 9px;
  font-size: var(--fs-60);
  font-weight: 700;
  line-height: var(--lh-1);
  color: var(--color-bg-card);
  z-index: 1 !important;
}

.hiw-step:hover {
  cursor: pointer;
  border-left: 3px solid var(--color-brand-green-primary) !important;
}

.hiw-step:hover h3 {
  color: var(--color-brand-green-primary) !important;
}

.bg-frame1 {
  background: url('../backgrounds/bg-frame1.svg') center/cover no-repeat;
}

.bg-frame2 {
  background: url('../backgrounds/bg-frame2.svg') center/cover no-repeat;
}

.bg-frame3 {
  background: url('../backgrounds/bg-frame3.svg') center/cover no-repeat;
}

.bg-mentor-grid-content {
  background: url('../backgrounds/mentor-white-bg.svg') center/cover no-repeat;
}

.traderfi-bg {
  background: url("../backgrounds/traderfi.svg") center/cover no-repeat;
}

.candles-bg {
  background: url("../backgrounds/candles-bg.svg") center/cover no-repeat;
}

.single-mentor-bg {
  background: url("../backgrounds/single-mentor-bg.svg") center/cover no-repeat;
}

.single-mentor-bg-dark {
  background: url("../backgrounds/single-mentor-bg-dark.svg") center/cover no-repeat;
}

.simtrade-bg {
  background: url("../backgrounds/simtrade-bg.svg") center/cover no-repeat;
}

.ebook-candle-bg {
  background: url("../backgrounds/ebook-candle.svg") center/cover no-repeat;
}

.bg-toro-benifit {
  background: url("../backgrounds/bg-toro-benifit.svg") center/cover no-repeat;
}

.bg-master-candle {
  background: url("../backgrounds/bg-master-candle.svg") center/cover no-repeat;
}

.bg-full-candle {
  background: url("../backgrounds/bg-full-candle.svg") center/cover no-repeat;
}

.bg-trade-candle-center {
  background: url("../backgrounds/bg-trade-candle-center.svg") center/cover no-repeat;
}

.bg-men-laptop {
  background: url("../images/sections/men-laptop-img.svg") center/auto no-repeat;
  border: 1px solid var(--color-text-white);
  border-radius: var(--br-24);
}

.bg-mobile-trade {
  background: url("../images/sections/stock-trade-mobile.svg") center/100% 100% no-repeat;
}

.bg-about-cta {
  background: url("../backgrounds/bg-big-trade.svg") center/cover no-repeat;
}

.bg-traderfi-section {
  background: url("../backgrounds/bg-sec3-trader-fi.svg") center/cover no-repeat;
}

.bg-traderfi-video {
  background: url("../backgrounds/bg-trade-video.svg") center/cover no-repeat;
}

.bg-ebook-candle {
  background: url("../backgrounds/bg-ebook-candle.svg") center/cover no-repeat;
}

.bg-share-container {
  background: url("../backgrounds/bg-share-container.svg") center/120% 120% no-repeat;
}

.book-demo-candle-bg {
  background: url("../backgrounds/bg-candle-color.svg") center/cover no-repeat;
}

.book-bg {
  min-width: auto;
  min-height: -webkit-fill-available;
  background: url("../assets/images/sections/rotatebook.svg") center / cover no-repeat;
}

.h-webkit {
  height: -webkit-fill-available;
}

/* Swiper Slider */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: var(--fs-18);
  /*background: #444;*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-single .swiper-wrapper .customerReviewBox{
  max-width: calc(100vw - 400px) !important;
  margin: 0 auto !important;
}

.swiper-slide img {
  display: block;
  /* width: 100%;
      height: 100%;*/
  object-fit: cover;
}

.customerReviewBox {
  border-radius: var(--br-24);
}

.customerReviewBox .leftReviewBox {
  padding: var(--spacing-60) 36px 0px var(--spacing-60);
  border-radius: var(--br-24);
}

.customerReviewBox .customerReviewImage {
  width: 300px;
}

.customerReviewBox .customerReviewImage img {
  border-radius: 0 var(--br-24) var(--br-24) 0;
}

.customerReview .swiper-slide {
  width: 840px;
  border-radius: var(--br-24);
}

.customerReview .swiper-slide:not(.swiper-slide.swiper-slide-active),
.dark-grey-color {
  color: var(--dark-grey);
}

.commanDots {
  position: relative;
}

.commanDots .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  background-color: var(--dark-grey);

}

.commanArrowsSlider .swiper-button-next,
.commanArrowsSlider .swiper-button-prev {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: var(--br-100);
  background-color: var(--color-text-white);
}

.review-logo {
  width: var(--fs-100) !important;
  padding: var(--spacing-8) 0rem;
}

.commanArrowsSlider .swiper-button-next:after,
.commanArrowsSlider .swiper-button-prev:after {
  background-image: url('../assets/icons/left-arrow.svg');
  font-size: 0;
  background-position: center;
  background-size: 16px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.commanArrowsSlider .swiper-button-prev:after {
  background-image: url('../assets/icons/right-arrow.svg');
}

.commanDots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.commanArrowsSlider .swiper-button-prev {
  background-color: var(--color-brand-green-primary);
}

.treadingWellSlide {
  width: 100vw;
  margin-left: var(--spacing-24);
}

.treadingWellSlideBox {
  background-color: var(--color-black);
  border-radius: var(--br-24);
  padding: var(--spacing-60) var(--spacing-30) var(--spacing-30) var(--spacing-30);
  width: 100%;
}

.treadingWellSlideBox .treadingWellIcon {
  padding: var(--spacing-12);
  border-radius: var(--br-20) !important;
  background-color: var(--color-bg-card);
  margin-top: -80px;
  width: max-content;
}

.treadingWellSlideBox .treadingWellIcon.bg-none {
  background-color: transparent !important;
  display: flex;
  align-items: stretch;
}

.treadingWellSlideBox .treadingWellIcon.bg-none img {
  background-color: transparent !important;
  border-radius: var(--br-20) !important;
  height: 100%;
  width: 100%;
}

.latestResourseSliderMain {
  border-radius: var(--br-16);
}

.latestResourceBox {
  padding: var(--spacing-12);
  border-radius: var(--br-16);
  background-color: var(--color-bg-secondary-dark);
  text-align: start;
}

.bg-card-white-swiper .latestResourceBox {
  background-color: var(--light-grey) !important;
  border: 1px solid var(--color-text-light-white) !important;
  padding: var(--spacing-12)  !important;
  border-radius: var(--br-48) !important;
}

.latestResourceBox .border-bottom-1 {
  border-bottom: 1px solid var(--color-text-light-white) !important;
}

.latestResourseSliderMain .resourceDescription {
  display: block;
  margin-bottom: 0;
}
.latestResourceBox > img.img-fluid{
  height: 160px;
}

.latestResourseSliderMain.swiper-slide-active .resourceDescription {
  display: block;
}

.commanArrowsSlider.withAbsolute .swiper-button-next,
.commanArrowsSlider.withAbsolute .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.commanArrowsSlider.withAbsolute .swiper-button-next {
  right: auto;
  left: -25px;
}

.commanArrowsSlider.withAbsolute .swiper-button-prev {
  left: auto;
  right: -25px;
}

.commanArrowsSlider .swiper-button-next.whiteBorder2px {
  border: 2px solid var(--color-light-border);
}

.commanArrowsSlider .swiper-button-next.bg-white {
  background-color: var(--color-text-white) !important;
}


.bg-card-white-swiper .latestResourceBox img {
  border-radius: var(--br-40) !important;
}

.mt48 {
  margin-top: var(--spacing-48);
}

.price-card {
  padding: var(--spacing-24);
  border-radius: var(--br-20);
  background-color: var(--color-bg-secondary-dark);
}

.price-card .icon {
  background-color: var(--color-bg-card);
  padding: var(--spacing-12);
  border-radius: var(--br-12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.price-card:hover {
  cursor: pointer;
  background-color: var(--color-brand-green-primary);
}

.price-card:hover .icon {
  background-color: var(--color-text-white);
}

/* .price-card:hover p,
.price-card:hover span,
.price-card:hover h3,
.price-card:hover li {
  color: var(--color-text-white) !important;
} */

.price-card:hover svg path {
  stroke: var(--color-bg-primary) !important;
}

.price-card:hover .btn span {
  color: var(--color-bg-primary) !important;
}

.price-card .btn {
  border: 1px solid var(--dark-grey) !important;
  background-color: var(--color-bg-card) !important;
  padding: var(--spacing-12) var(--spacing-18) !important;
  font-size: var(--fs-16) !important;
  font-weight: var(--fw-600) !important;
}

.price-card:hover .btn {
  border: 1px solid var(--color-text-white) !important;
  background-color: var(--color-text-white) !important;
}

.most-popular-box {
  font-size: var(--fs-16);
  background-color: var(--color-text-white);
  padding: 0rem var(--spacing-8);
  width: fit-content;
  margin-left: auto;
  border-radius: 4px;
}

.most-popular-box.success {
  font-size: var(--fs-16);
  background-color: var(--color-brand-green-primary);
  margin-left: 0;
  margin-right: auto;
}

.price-card:hover .most-popular-box {
  color: var(--color-bg-secondary-dark) !important;
}

.price-card .white-icon {
  background-color: var(--color-text-white);
}

/* Pricing-card White */

.white-card.price-card {
  background-color: var(--light-grey);
}

.white-card.price-card .icon {
  background-color: var(--color-text-white);
}

.white-card.price-card:hover {
  cursor: pointer;
  background-color: var(--color-brand-green-primary);
}

.white-card.price-card:hover .icon {
  background-color: var(--color-text-white);
}

.white-card.price-card:hover p,
.white-card.price-card:hover span,
.white-card.price-card:hover h3,
.white-card.price-card:hover li {
  color: var(--color-text-white) !important;
}

.white-card.price-card:hover svg path {
  stroke: var(--color-bg-primary) !important;
}

.white-card.price-card:hover .btn span {
  color: var(--color-bg-primary) !important;
}

.most-popular-box {
  font-size: var(--fs-16);
  background-color: var(--color-text-white);
  padding: 0rem var(--spacing-8);
  width: fit-content;
  margin-left: auto;
  border-radius: 4px;
}

.most-popular-box.success {
  font-size: var(--fs-16);
  background-color: var(--color-brand-green-primary);
  margin-left: 0;
  margin-right: auto;
}

.price-card:hover .most-popular-box {
  color: var(--color-bg-secondary-dark) !important;
}

.our-resource-bg {
  background: url("../backgrounds/ourresource-bg.svg") center/cover no-repeat;
}

.bg-toro {
  background: url("../backgrounds/bg-torochallenge.svg") center/cover no-repeat;
}

.trader__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 2vw, 2rem);
  margin-top: clamp(2.5rem, 4vw, 3.5rem);
}

.feature-card {
  background: var(--color-bg-secondary-dark);
  border-radius: clamp(16px, 2vw, 24px);
  padding: clamp(2rem, 3vw, 2.5rem) clamp(1.5rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: visible;
}

.feature-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: var(--color-brand-green-primary);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-brand-green-primary);
}

.feature-card:hover::before {
  opacity: 0.8;
}

.feature-card:hover .feature-card__badge::before {
  background: var(--color-brand-green-primary);
}

.feature-card:hover .badge-circle {
  background: var(--color-brand-green-primary);
}

.feature-card__badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-card__badge::before {
  content: '';
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(120px, 15vw, 180px);
  height: 22px;
  background: var(--color-bg-badge);
  border-bottom: none;
  border-radius: 200px 200px 0 0;
  z-index: 1;
}

.badge-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--color-text-white);
  background: var(--color-bg-badge);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  position: relative;
  z-index: 2;
  margin-top: -22px;
}

.feature-card__icon {
  background-color: var(--color-bg-card);
  padding: var(--spacing-12);
  border-radius: var(--br-12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-card__icon img {
  width: 40px;
  height: 40px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-card:hover .feature-card__icon {
  background-color: var(--color-brand-green-primary);
}

.platFromBox {
  background-color: var(--color-text-white);
  border: 1px solid var(--color-text-light-white);
  padding: var(--spacing-30);
  border-radius: var(--br-24);
  box-shadow: 0px 6px 20px 0px #0000001F;

}

.px40 {
  padding: var(--spacing-40);
}

.platformFeaturesSlide {
  margin-top: -130px;
}

.h60w60 {
  height: var(--spacing-60);
  width: var(--spacing-60);
}

.centerTraderDiv {
  margin: 0 var(--spacing-20);
  border: 1px solid var(--color-text-light-white);
}

.trader2b-box {
  padding: var(--spacing-20);
}

.leftTraderDiv .trader2b-box:not(:last-child),
.rightTraderDiv .trader2b-box:not(:last-child) {
  border-bottom: 2px solid var(--color-text-light-white);
}

/* Plateform Cards Section */
.platform-hero__cards .card-black {
  background-color: var(--color-black);
  border-radius: var(--br-30);
  padding: var(--spacing-24);
  box-shadow: 0px 0px 20px 0px var(--color-bg-card-dark);
}

.platform-hero__cards .card-black img {
  width: var(--fs-60);
  height: var(--fs-60);
}

.bgTitleDark {
  background-color: var(--title-color);
}

.squarePill {
  border-radius: var(--br-12);
  border: 1px solid var(--color-text-white);
  background-color: transparent;
  padding: var(--spacing-15) var(--spacing-30);
  color: var(--color-text-white);
  font-size: var(--fs-20);
  font-weight: 600;
}

.squarePill.smallFbig {
  padding: var(--spacing-14) var(--spacing-22);
  font-size: var(--fs-20);
}

.squarePill:hover {
  cursor: pointer;
}

.squarePill.active {
  background-color: var(--color-brand-green-primary);
  border-color: var(--color-brand-green-primary);
}

.marginMinusSection150 {
  margin-top: -150px;
}

.mobileHandAbovebg {
  background-image: url('../assets/images/sections/mobile-hand.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  height: 100%;
  width: 30%;
  position: absolute;
  bottom: 0;
  right: 25px;
  z-index: 5;
}

.slideMain {
  background-color: var(--color-text-light-white);
  border-radius: var(--br-100);
  height: 8px;

}

.slideMain .sliderInner {
  background-color: var(--color-brand-green-primary);
  height: 100%;
  border-radius: var(--br-100);
  position: relative;
}

.slideMain .sliderInner:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  height: 26px;
  width: 26px;
  border-radius: var(--br-100);
  background-color: var(--color-text-white);
  border: 8px solid var(--color-brand-green-primary);
}

/* Marquee */
.marqueeBox {
  box-shadow: 0px 6px 20px 0px #0000001F;
  background-color: var(--color-text-white);
  padding: var(--spacing-30);
  border-radius: var(--br-100);
}

.marqueeBox img,
.marqueeBox .marqueeBoxImg {
  height: var(--spacing-60);
  width: var(--spacing-60);
}

.marqueeWrapper:before,
.marqueeWrapper:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  background: linear-gradient(90deg, #F2F5F6 21.04%, rgba(242, 245, 246, 0) 111.75%);
}

.marqueeWrapper:before {
  left: 0;
}

.marqueeWrapper:after {
  right: 0;
  background: linear-gradient(270deg, #F2F5F6 21.04%, rgba(242, 245, 246, 0) 111.75%);
}

.marqueeMain {
  position: relative;
  white-space: nowrap;
  display: flex;
}

.marqueeMain>* {
  flex-shrink: 0;
}

/* duplicate entire row */
.marqueeMain::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  background: inherit;
  pointer-events: none;
}

.marqueeMain .marqueeBox {
  flex-shrink: 0;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.bgPatternCircle {
  background-image: url('../assets/backgrounds/bg-circle-pattern.svg');
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: 70%;
  background-position: top +48px center;
}

.whiteTheMobilebox {
  background-color: var(--light-grey);
  border: 1px solid var(--color-text-light-white);
  box-shadow: 0px 6px 20px 0px #0000001F;

  border-radius: var(--br-48);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-60);

  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-position: top +90% center;
}

.whiteTheMobilebox:nth-child(odd) {
  background-position: top +90% center;
  padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
  background-image: url('../assets/icons/gradient-circle.svg');
}

.whiteTheMobilebox:nth-child(even) {
  background-position: top 0% center;
  padding: 0 var(--spacing-30) var(--spacing-30) var(--spacing-30);
  background-image: url('../assets/icons/gradient-cicle-top.svg');
}

.whiteTheMobilebox:nth-child(even) h3 {
  order: 2;
}

.imgbox {
  border-radius: var(--br-48);
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0rem var(--spacing-24) var(--spacing-40);
  height: 426px;
}

.imgbox.imgbox-1 {
  background: url("../assets/images/sections/toro-file-cover-1.svg") center center/cover no-repeat;
}

.imgbox.imgbox-2 {
  background: url("../assets/images/sections/toro-file-cover-2.svg") center center/cover no-repeat;
}

.imgbox.imgbox-3 {
  background: url("../assets/images/sections/toro-file-cover-3.svg") center center/cover no-repeat;
}

.imgbox.imgbox-4 {
  background: url("../assets/images/sections/toro-file-cover-4.svg") center center/cover no-repeat;
}

.marginMinus270 {
  margin-top: -270px;
}

.platfromNewsbox {
  box-shadow: 0px 4px 12px 0px #0A79B366;
  background-color: var(--color-text-white);
  border-radius: var(--br-30);
  padding: var(--spacing-20);
}

.platfromNewsbox .platFormNwesImg {
  /*height: 440px;*/
}

.platfromNewsbox .platFormNwesImg .datePill {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 38px;
  border-radius: 0 var(--br-16) var(--br-16) 0;
  padding: var(--spacing-12) var(--spacing-32);
  background-color: var(--color-brand-green-primary);
  color: var(--color-text-white);
  font-weight: var(--fw-500);
  font: var(--fs-20);
  text-align: center;
  width: max-content;
  height: 50px;
}

.aspectRatio88-57 {
  aspect-ratio: 88/57;
}

.platfromNewsbox .socialIcons {
  height: 48px;
  width: 48px;
  border-radius: var(--br-100);
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.platfromNewsbox .socialIcons:nth-child(even) {
  border-color: var(--color-text-light-white);
}

.platfromNewsbox .socialIcons:nth-child(even) img {
  height: 20px;
  width: 20px;
}

.py-60 {
  padding: var(--spacing-60) 0;
}

.h600px {
  height: 600px;
}

.multiUserImg .userImgMain {}

.multiUserImg .userImg,
.careerFormRandomImg .userImg {
  box-shadow: 0px 0px 12px 0px #0000001F;
  border: 12px solid var(--color-text-white);
  border-radius: var(--br-100);
  /* background: var(--color-disabled); */

}

.multiUserImg .userImg.big {
  height: 174px;
  width: 174px;
}

.multiUserImg .userImg.small {
  height: 126px;
  width: 126px;
}

.multiUserImg .userImg.mid {
  height: 140px;
  width: 140px;
}

.multiUserImg .userImgMain {
  position: absolute;
}

.multiUserImg .userImgMain:nth-child(1) {
  top: 50%;
  transform: translateY(-50%);
}

.multiUserImg .userImgMain:nth-child(2) {
  top: 0%;
  left: 26%;
}

.multiUserImg .userImgMain:nth-child(3) {
  top: 62%;
  left: 20%;
}

.multiUserImg .userImgMain:nth-child(4) {
  top: 60%;
  left: 35%;
  transform: translateY(-50%);
}

.multiUserImg .userImgMain:nth-child(5) {
  top: 6%;
  left: 50%;
}

.multiUserImg .userImgMain:nth-child(6) {
  top: 72%;
  left: 52%;
}

.multiUserImg .userImgMain:nth-child(7) {
  top: 55%;
  left: 67%;
}

.multiUserImg .userImgMain:nth-child(8) {
  top: 20%;
  left: 78%;
}

.multiUserImg .userImgMain:nth-child(9) {
  top: 74%;
  left: 85%;
}

.multiUserImg .userImgMain:nth-child(10) {
  top: 5%;
  left: 95%;
}

/* Video Placeholder */
.video-wrapper {
  position: relative;
  width: 100%;
  margin: auto;
}

.video-placeholder {
  width: 100%;
  border-radius: var(--br-48);
  cursor: pointer;
  height: 600px;
}

iframe,
video {
  display: none !important;
  height: 100% !important;
  width: 100%;
  border-radius: var(--br-48);
}

/* 
.map-frame iframe{
  filter: grayscale(1) !important;
  border-radius: 0px !important;
  display: flex !important;
} */

video {
  object-fit: fill;
}

/* Direct testimonial */
.testimonial-section .leftReviewBox {
  padding: var(--spacing-40) 0px var(--spacing-40) var(--spacing-40) !important;
}

.testimonial-section .leftReviewBox.pt-0 {
  padding-top: 0 !important;
  padding-bottom: var(--spacing-12) !important;
}

.testimonial-section .leftReviewBox.pt-0 .quote-img {
  width: var(--fs-100);
}

.testimonial-section .leftReviewBox .star-icon {
  width: var(--fs-40) !important;
}

.testimonial-section .customerReviewImage {
  position: relative;
  z-index: 8;
}

.testimonial-section .customerReviewImage .people-img {
  height: 420px;
  width: calc(100% - 40px);
  display: flex;
  justify-self: self-end;
}

.testimonial-section .customerReviewImage .icon-right-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}


.market-moves-iconbox {
  height: 80px;
  width: 80px;
  background-color: var(--light-grey);
  border-radius: var(--br-16);
  transition: 0.3s ease-in-out;
}

.iconWrppaer:hover .market-moves-iconbox {
  background-color: var(--color-brand-green-primary);
}

.market-moves-iconbox::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  bottom: auto;
  background-color: var(--light-grey);
  height: 34px;
  width: 4px;
  border-radius: var(--br-20);
  transform: translateY(50%);
  transition: 0.3s ease-in-out;
}

.iconWrppaer:hover .market-moves-iconbox::before {
  background-color: var(--color-brand-green-primary);
}

.iconWrppaer:last-child .market-moves-iconbox::before {
  display: none;
}

.market-moves-iconbox img {
  width: 33px;
  transition: 0.3s ease-in-out;
}

.iconWrppaer:hover .market-moves-iconbox img {
  filter: brightness(0) invert(1);
}

.market-moves-icon-content {
  width: calc(100% - 128px);
}


/* ========================================
   Pricing Plan Compare Table CSS
   ======================================== */

.compare-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.compare-table thead th {
  border: none;
  padding: var(--spacing-40) 0;
}
.compare-table .tableWithPx thead th:not(:last-child) {
  padding: var(--spacing-40) var(--spacing-10);
}

.compare-table td:hover,
.compare-table th:hover {
  cursor: pointer;
}

.plan-sub {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-brand-green-primary);
}

.compare-table tbody .sub-table-heading th {
  padding: var(--spacing-36) 0;
  border: none;
}

.compare-table tbody .sub-table-data td:first-child {
  width: 320px;
}

.compare-table table .sub-table-data td:not(:first-child) {
  width: calc((100% - 320px) / 4);
}

.compare-table tbody .sub-table-data td {
  padding: var(--spacing-30) 0;
  border-bottom: 1px solid var(--color-text-light-white);
}

.compare-table tbody tr:last-child td {
  border: none;
}

/* Hover Column CSS */

.highlight-column {
  background-color: var(--table-hover) !important;
}

/* Rounded top & bottom cells */
.radius-top {
  border-top-left-radius: var(--br-48);
  border-top-right-radius: var(--br-48);
}

.radius-bottom {
  border-bottom-left-radius: var(--br-48);
  border-bottom-right-radius: var(--br-48);
}

.laptop-imgWrapper {
  margin-top: -150px;
}

/* Common connector style */
/* .monthly-entry-section .grid-4 .price-round-item {
  position: relative;
}

.monthly-entry-section .grid-4 .price-round-item::after {
  content: "";
  position: absolute;
  top: 0%;
  right: -40%;
  width: 230px;
  height: 230px;
  border: 2px dashed #C8C8C8;
  border-radius: 50%;
  z-index: 0;
  border-top: none;
} */

.w430px {
  width: var(--spacing-430);
}

.commanStockBox {
  border: 1px solid var(--color-text-light-white);
  padding: var(--spacing-40);
  border-radius: var(--br-48);
}

.topStockBox .stockIcon {
  height: 100px;
  width: 100px;
  border-radius: var(--br-100);
}

.p-16 {
  padding: var(--spacing-16);
}

.p-20 {
  padding: var(--spacing-20);
}

.p-36 {
  padding: var(--spacing-36);
}

.p-30 {
  padding: var(--spacing-30);
}

.br-16 {
  border-radius: var(--br-16);
}

.br-36 {
  border-radius: var(--br-36);
}

.commanCircleStatus {
  height: var(--spacing-16);
  width: var(--spacing-16);
  border-radius: var(--br-100);
}

.commanCircleStatus.orange {
  background-color: var(--danger-color);
}

.rowGap30 {
  row-gap: var(--spacing-30);
}

.pb-36 {
  padding-bottom: var(--spacing-36);
}

.stockNewsbox:not(:last-child) {
  border-bottom: 1px solid var(--color-text-light-white);
}

.newsPill {
  background-color: var(--color-brand-green-alpha-10);
  border-radius: var(--br-16);
  padding: var(--spacing-12) var(--spacing-16);
  color: var(--color-brand-green-primary);
  font-weight: var(--fw-500);
  font-size: var(--fs-16);
  width: max-content;
}

.newsDescriptionPill {
  background-color: var(--light-grey);
  border: 1px solid var(--color-text-light-white);
  border-radius: var(--br-24);
  padding: var(--spacing-24);


}

.lineClamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.w360px {
  width: var(--spacing-360);
}

.circle8px {
  height: var(--spacing-8);
  width: var(--spacing-8);
  border-radius: var(--br-100);
  background-color: var(--color-text-light-white);
}

.stockSuggestBox {
  background-color: var(--title-color);
  padding: var(--spacing-30);
}

.h108w108 {
  height: var(--spacing-108);
  width: var(--spacing-108);
}

.p-80 {
  padding: var(--spacing-80);
}

.font-size-80 {
  font-size: var(--fs-80);
}

.withBgImgSectionRight:before {
  content: "";
  background-image: url('../assets/images/space-fullgreen-bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: calc(50% + 80px);
  border-top-left-radius: var(--br-48);
  border-bottom-left-radius: var(--br-48);

}

.w0flex1 {
  width: 0;
  flex-grow: 1;
}

.leftGreenBox {
  width: 40%;
  background-color: var(--color-brand-green-primary);
  padding: var(--spacing-48) var(--spacing-24) var(--spacing-48) var(--spacing-200);
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 1;
}

.rightBlackBox {
  width: 72%;
  background-color: var(--title-color);
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 0;
}

.bg-ebook-candle .market-moves-iconbox::before {
  display: none !important;
}

.bg-ebook-candle .market-moves-iconbox {
  width: 60px !important;
  height: 60px !important;
}

.bg-ebook-candle .iconWrppaer:hover .market-moves-iconbox {
  background-color: var(--light-grey) !important;
  transition: none !important;
}

/* Torochallange */


.shadowAboveImg:before {
  content: "";
  position: absolute;
  top: -100px;
  right: 100px;
  background: linear-gradient(193.09deg, var(--color-brand-green-primary) -164.3%, var(--light-grey) 70.58%);
  height: 70%;
  width: 250px;
}

.verticleBox {
  border-right: 1px solid var(--dark-grey);
  padding: 0 var(--spacing-60);
  display: flex;
}

.verticleBox:last-child {
  border-right: 0;
}

.extraLeftBg {
  padding-right: var(--spacing-24);
}

.extraLeftBg:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: -20vw;
  top: 0;
  background-color: var(--color-brand-green-primary);
  z-index: 1;
}

.extraRightBg:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: -27vw;
  top: 0;
  background-color: var(--title-color);
}

.marginTop80Minus {
  margin-top: calc(var(--spacing-80)*-1);
}

.marginTop140Minus {
  margin-top: calc(var(--spacing-140)*-1);
}

.extraRightBg {
  min-height: var(--spacing-315);
}

.imageOnAboveSection {
  margin-top: calc(var(--spacing-260)*-1);
}

.imageOnAboveSection img {
  border-radius: var(--br-100) var(--br-100) var(--br-48) var(--br-48);
}

.w40per {
  width: 40%;
}

.w60per {
  width: 60%;
}

.bgMultiGridImg {
  position: relative;
  overflow: hidden;
}

/* Background image (bottom layer) */
.bgMultiGridImg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../assets/images/multi-grid-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Color overlay (top of image) */
.bgMultiGridImg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-light-black-alpha-90);
  z-index: 2;
}

/* Make content appear above overlays */
.bgMultiGridImg>* {
  position: relative;
  z-index: 3;
}

.gridBoxRow {
  border-radius: var(--br-48);
}

.gridBoxRow.one {
  background-image: url('../assets/backgrounds/green-dark-gradient.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

.gridBoxRow.one .gridBoxInnerLeft {
  padding: var(--spacing-60) var(--spacing-10) var(--spacing-60) var(--spacing-60);
}

.gridBoxRow.two {
  width: var(--spacing-320);
  background-color: var(--color-text-white);
}

.gridBoxRow.two .gridBoxInnerLeft {
  padding: var(--spacing-60) var(--spacing-30) 0 var(--spacing-30);
}

.gridBoxRow.three {
  background-color: var(--color-light-black-alpha-90);
  border: 1px solid var(--light-grey);
}

.gridBoxRow.three .gridBoxInnerLeft {
  padding: var(--spacing-60) var(--spacing-30) var(--spacing-36) var(--spacing-30);
}

.gridBoxRow.four {
  background-color: var(--color-text-white);
  padding: var(--spacing-48) var(--spacing-40);
}

.gridBoxRow.five {
  background-color: var(--color-brand-green-primary);
  padding: var(--spacing-48) var(--spacing-40);
}

.lineClamp7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.logo-border-section .press-track {
  border-top: 1px solid var(--color-text-light-white) !important;
  border-bottom: 1px solid var(--color-text-light-white) !important;
}

.logo-border-section .press-track .press-icon {
  border-right: 1px solid var(--color-text-light-white) !important;
}

.logo-border-section .press-track .press-icon:last-child {
  border-right: none !important;
}

.logo-border-section .press-track.border-y-0 {
  border: none !important;
  width: -webkit-fill-available !important;
}

.logo-border-section .press-track.border-y-0 .press-icon {
  border-bottom: 1px solid var(--color-text-light-white) !important;
}

.black-pills .squarePill {
  border: 1.5px solid var(--color-text-white) !important;
  color: var(--title-color) !important;
  font-weight: var(--fw-600) !important;
  padding: var(--spacing-12) var(--spacing-16) !important;
}

.black-pills .squarePill.active {
  background-color: var(--color-brand-green-primary) !important;
  border-color: var(--color-brand-green-primary) !important;
  color: var(--color-text-white) !important;
}

.squarePill.text-white {
  border: 1.5px solid var(--color-black) !important;
  color: var(--color-text-white) !important;
}

.bg-transparent-border-green {
  background-color: transparent !important;
  border: 1px solid var(--title-color) !important;
  padding: var(--fs-40) !important;
}

.bg-transparent-border-green.bg-white {
  background-color: var(--color-text-white) !important;
  border: none !important;
}

.bg-transparent-border-green.bg-light-white {
  border: 1.5px solid var(--color-text-white) !important;
    box-shadow: 0px 6px 20px 0px #0000001F !important;
    background-color: var(--color-bg-secondary-dark) !important;
}

.platform-slide {
  display: none;
  animation: fadeSlide 0.4s ease-in-out;
}

.platform-slide.active {
  display: block;
}

@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Search Box */
.search-box {
  width: calc(100vw - 80%) !important;
}

.search-box.w-90 {
  width: 90% !important;
}

.custom-search {
  height: var(--spacing-48) !important;
  border-radius: var(--br-16) !important;
  padding-left: var(--spacing-60) !important;
  border: 1px solid var(--color-text-light-white) !important;
  transition: 0.3s ease;
}

.custom-search.bg-white {
  background-color: var(--color-text-white) !important;
}

.search-box.w-90 {
  width: 90% !important;
}

.custom-search:focus {
  box-shadow: none !important;
  border-color: var(--color-brand-green-primary) !important;
}

.img-search {
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
}

.searchIconRight .img-search {
  left: auto;
  right: 22px;
}

.searchIconRight .custom-search {
  padding-right: var(--spacing-60) !important;
  padding-left: var(--spacing-12) !important;
}

.blogCardWrapper .blogCard .blogDetailImagewrapper {
  padding: var(--spacing-8);
  display: flex;
  flex-direction: column;
}

.blogCardWrapper .blogCard .blogImgsmall {
  height: 160px;
  width: 100%;
}

.blogCardWrapper .blogCard.benifit-feature-card {
  border-radius: var(--br-24);
}

.blogCardWrapper .blogCard .link-text {
  padding: var(--spacing-16) var(--spacing-18);
}

.blogCardWrapper .blogCard .detailWrapper {
  padding: var(--spacing-12) var(--spacing-10) var(--spacing-12) var(--spacing-10);
  gap: var(--spacing-4);
}

.lightblogfont {
  color: var(--lightblogfont);
}

/* DEFAULT (Img 1, Detail 2) */
.blogCardWrapper .blogCard .blogImgsmall {
  order: 1;
}

.blogCardWrapper .blogCard .detailWrapper {
  order: 2;
}

/* APPLY REVERSED PATTERN ON: 3rd, 6th, 8th (in every group of 8) */

/* 3rd of every 8 */
.blogCardWrapper .blogCard:nth-child(8n+3) .blogImgsmall,
.blogCardWrapper .blogCard:nth-child(8n+6) .blogImgsmall,
.blogCardWrapper .blogCard:nth-child(8n+8) .blogImgsmall {
  order: 2;
}

.blogCardWrapper .blogCard:nth-child(8n+3) .detailWrapper,
.blogCardWrapper .blogCard:nth-child(8n+6) .detailWrapper,
.blogCardWrapper .blogCard:nth-child(8n+8) .detailWrapper {
  order: 1;
}

.blogAuthorDetail {
  padding: var(--spacing-24);
  border: 1px solid var(--color-text-light-white);
}

.social-contact-icon img {
  width: var(--spacing-36);
  height: var(--spacing-36);
}

.careerPill {
  padding: var(--spacing-8) var(--spacing-12);
  border-radius: var(--br-12);
  background-color: var(--light-grey);
}

.careerPill .careerPilldata {
  border-radius: var(--br-8);
  padding: var(--spacing-10);
  background-color: var(--color-brand-green-alpha-10);
}

.absInput {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.uploadFile {
  padding: var(--spacing-18) var(--spacing-12);
  border: 1px solid var(--border-color);
  border-radius: var(--br-12);
  color: var(--color-disabled);
  background-color: var(--color-text-white) !important;
}

.careerFormRandomImg .userImg.h117w117,
.careerFormRandomImg .userImg.h110w110,
.careerFormRandomImg .userImg.h130w130,
.careerFormRandomImg .userImg.h102w102 {
  border: 10px solid var(--color-text-white);
}

.careerFormRandomImg .userImg.h87w87,
.careerFormRandomImg .userImg.h79w79,
.careerFormRandomImg .userImg.h65w65 {
  border: 6px solid var(--color-text-white);
}

.careerFormRandomImg .userImg {
  position: absolute;
  z-index: 1;
}

.careerFormRandomImg .userImgMain {
  height: 100% !important;
}


.careerFormRandomImg .userImg.h117w117 {
  height: 117px;
  width: 117px;
}

.careerFormRandomImg .userImg.h110w110 {
  height: 110px;
  width: 110px;
}

.careerFormRandomImg .userImg.h130w130 {
  height: 130px;
  width: 130px;
}

.careerFormRandomImg .userImg.h87w87 {
  height: 87px;
  width: 87px;

}

.careerFormRandomImg .userImg.h79w79 {
  height: 79px;
  width: 79px;
}

.careerFormRandomImg .userImg.h65w65 {
  height: 65px;
  width: 65px;
}

.careerFormRandomImg .userImg.h102w102 {
  height: 102px;
  width: 102px;
}

.careerFormRandomImg .userImgMain.img-1 .userImg {
  top: 8%;
  left: 15%;
}

.careerFormRandomImg .userImgMain.img-2 .userImg {
  top: 18%;
  left: 4%;
}

.careerFormRandomImg .userImgMain.img-3 .userImg {
  top: 40%;
  left: 12%;
}

.careerFormRandomImg .userImgMain.img-4 .userImg {
  top: 65%;
  left: 7%;
}

.careerFormRandomImg .userImgMain.img-5 .userImg {
  top: 78%;
  left: 18%;
}

.careerFormRandomImg .userImgMain.img-6 .userImg {
  top: 8%;
  right: 15%;
}

.careerFormRandomImg .userImgMain.img-7 .userImg {
  top: 18%;
  right: 4%;
}

.careerFormRandomImg .userImgMain.img-8 .userImg {
  top: 40%;
  right: 12%;
}

.careerFormRandomImg .userImgMain.img-9 .userImg {
  top: 65%;
  right: 7%;
}

.careerFormRandomImg .userImgMain.img-10 .userImg {
  top: 78%;
  right: 18%;
}

.dayTradingTwogrid {
  padding: var(--spacing-30);
  border: 1px solid var(--color-text-light-white);
  box-shadow: 0px 6px 20px 0px #0000001F;
  overflow: hidden;
}

.dayTradingTwogrid.first {
  padding: var(--spacing-30) var(--spacing-10) 0 var(--spacing-30);
}

.dayTradingBottomTwocol .dayTradingTwogrid {
  padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
}

.popularStockBox {
  border-radius: var(--br-24);
  padding: var(--spacing-20);
  background-color: var(--light-grey);
}

.hover-none .mentor-card:hover .text-light {
  cursor: pointer !important;
  color: var(--title-color) !important;
}

.hover-none .option-card .benifit-feature-card:hover {
  cursor: unset !important;
  border: 1px solid var(--border-color) !important;
}

.mentor-benifit-icon {
  width: var(--spacing-108) !important;
  height: var(--spacing-108) !important;
}


/* Light FAQ CSS */

.faq__section.bg-offwhite .light-faq .accordion-item{
    background-color: transparent !important;
    border-bottom: 1px solid var(--color-text-light-white) !important;
    border-radius: 0px !important;
}

.faq__section.bg-offwhite .light-faq .accordion-item .accordion-button{
    color: var(--title-color) !important;
    padding: var(--spacing-24) var(--spacing-24) var(--spacing-16) var(--spacing-24) !important;
}

.faq__section.bg-offwhite .light-faq .accordion-item .accordion-body{
    color: var(--dark-grey) !important;
    padding: 0rem var(--spacing-24) var(--spacing-24) !important;
}

.faq__section.bg-offwhite .light-faq .accordion-button::after {
    background-image: url("../assets/icons/light-faq-down-arrow.svg") !important;
}

.faq__section.bg-offwhite .light-faq .accordion-button:not(.collapsed)::after {
    background-image: url("../assets/icons/light-faq-down-arrow.svg") !important;
}
.benifit-feature-card.border-none {
            border: none !important;
        }

        .benifit-feature-card.border-none:hover {
            transform: none !important;
        }

        .benifit-feature-card .img-trade-icon {
            width: var(--fs-100) !important;
            height: var(--fs-100) !important;
        }

        .bg-white .light-faq .accordion-item {
            background-color: transparent !important;
            border-bottom: 1px solid var(--color-text-light-white) !important;
            border-radius: 0px !important;
        }

        .bg-white .faq-accordion.light-faq.faq-accordion .accordion-button {
            color: var(--title-color) !important;
        }

        .bg-white .faq-accordion.light-faq .accordion-item .accordion-body {
            color: var(--dark-grey) !important;
        }

        .bg-white .faq-accordion.light-faq .accordion-button::after {
           background-image: url("../icons/light-faq-down-arrow.svg");
   
        }

        .bg-white .faq-accordion.light-faq .accordion-button:not(.collapsed)::after {
           background-image: url("../icons/light-faq-down-arrow.svg");
           transform: rotate(180deg);
        }

        .bg-white .faq-accordion.light-faq.greenBgFaq .accordion-button[aria-expanded="true"],
        .bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse,
        .bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse.show,
        .bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse.collapsing {
            background-color: rgba(0, 211, 47, 0.1) !important;
        }

        .bg-white .light-faq.greenBgFaq .collapsing{
            transition: none !important;
        }
        
        .p-40 {
            padding: var(--fs-40) !important;
            padding-bottom: var(--fs-24) !important;
        }

        .leaderBoardPriceTab {
            border-bottom: 1px solid var(--color-text-light-white);
        }

        .leaderBoardPriceTab a {
            color: var(--dark-grey);
            padding: var(--spacing-20) 0;
            border-bottom: 2px solid transparent;
        }

        .leaderBoardPriceTab a.active {
            color: var(--color-brand-green-primary);
            border-color: var(--color-brand-green-primary);
        }

        .leaderCard {
            border-radius: var(--br-48);
        }

        .leaderCard:nth-child(1n) .trophyImg,
        .leaderCard:nth-child(3n) .trophyImg {
            height: 220px;
            width: 200px;
        }

        .leaderCard:nth-child(2n) .trophyImg {
            height: 320px;
            /*width: 320px;*/
        }

        .leaderCardHeader {
            border-top-left-radius: var(--br-48);
            border-top-right-radius: var(--br-48);
        }

        .leaderCardHeader.one {
            background-color: #C3BCBC;
        }

        .leaderCardHeader.three {
            background-color: #E7855F;
        }

        .font-size-40 {
            font-size: var(--fs-40);
        }

        .list-tick.arrows li::before {}

        .leaderFilterTab a {
            padding: var(--spacing-14) var(--spacing-16);
            border: 1px solid var(--color-text-light-white);
            color: var(--dark-grey);
        }

        .leaderFilterTab a.active,
        .paginationBtnMain a.active {
            color: var(--color-text-white);
            background-color: #B6995F;
        }

        .leaderTable {
            border: 1px solid var(--table-border);
        }

        .paginationOption {
            border-radius: var(--br-8);
            border: 1px solid var(--color-text-light-white);
            padding: var(--spacing-12);
            font-size: var(--fs-14);
            color: var(--dark-grey);
        }

        .paginationBtnMain a {
            background-color: var(--color-text-white);
            padding: var(--spacing-6) var(--spacing-10);
            border-radius: var(--br-8);
            border: 1px solid var(--color-text-light-white);
            font-size: var(--fs-14);
            color: var(--dark-grey);
        }
      

            .stepsLine:before{
                content: "";
                position: absolute;
                left: 50%;
                top: 0;
                transform: translateX(-50%);
                border-left: var(--spacing-22) solid transparent;
                border-right: var(--spacing-22) solid transparent;
                border-bottom: var(--spacing-22) solid var(--dark-grey);
            }
            .stepsLine:after{
                content: "";
                position: absolute;
                top: 30px;
                left: 50%;
                transform: translateX(-50%);
                height: calc(100% - 30px);
                width: var(--spacing-40);
                background-color: var(--dark-grey);
            }
            .midRuleImg{
                background-color: var(--color-text-white);
                border: 20px solid var(--color-brand-green-primary);
                border-radius: var(--br-100);
                height: 260px;
                width: 260px;
                z-index: 2;
                position: relative;
            }
            .midRule .arrow {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50% , -50%);
            width: 100%;         
            height: 2px;        
            background: var(--title-color);
            z-index: 1;
            }

            .midRule .arrow::after {
                content: "";
            position: absolute;
            left: -5px;
            top: 50%;
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 6px solid var(--title-color);
            transform: translateY(-50%);  
            }

            .midRule .arrow::before {
            content: "";
            position: absolute;
            right: -6px;
            top: 50%;
            width: 6px;
            height: 6px;
            background-color: var(--title-color);
            border-radius: 50%;
            transform: translateY(-50%);
            }
            .rulesBox:nth-child(even) .leftRuleText {
                order: 3;
            }
            .rulesBox:nth-child(even) .midRule  {
                order: 2;
            }
            .rulesBox:nth-child(even) .rightRuleText  {
                order: 1;
            }
            .startquestion-hero__container {
        background: url("../assets/backgrounds/question-bg.svg") center/cover no-repeat;
    }
    .p48 {
        padding: var(--spacing-48);
    }
    .borderSuccess {
        border-color: var(--color-brand-green-primary) !important;
    }
    .py18px48 {
        padding: var(--spacing-18) var(--spacing-48);
    }
    .py24px20 {
        padding: var(--spacing-24) var(--spacing-20);
    }
    .form-control.formInputLarge {
        border: 0;
        border-bottom: 1px solid var(--dark-grey);
        padding: var(--spacing-80) var(--spacing-16);
        border-radius: 0 !important;
    }
    .form-control.formInputLarge::placeholder {
        color: var(--color-text-light-white);
    }
    .stepper-step {
        display: none;
    }
    .stepper-step.active {
        display: block;
    }
    .stepper-progress {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 2rem;
        display: flex;
        justify-content: center;
        gap: 8px;
    }
    .stepper-progress-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e0e0e0;
        transition: background 0.3s ease;
    }
    .stepper-progress-dot.active {
        background: var(--color-brand-green-primary, #00D32F);
    }
    .stepper-progress-dot.completed {
        background: var(--color-brand-green-primary, #00D32F);
    }
    .stepper-field-group {
        margin-bottom: 1.5rem;
    }
    .stepper-field-label {
        font-family: var(--font-family-poppins, 'Poppins', sans-serif);
        font-size: 14px;
        font-weight: 500;
        color: #333;
        margin-bottom: 8px;
        display: block;
    }
    .stepper-field-label .required {
        color: #dc3545;
    }
    .stepper-input,
    .stepper-select,
    .stepper-textarea {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 16px;
        font-family: var(--font-family-poppins, 'Poppins', sans-serif);
        transition: border-color 0.2s ease;
    }
    .stepper-input:focus,
    .stepper-select:focus,
    .stepper-textarea:focus {
        outline: none;
        border-color: var(--color-brand-green-primary, #00D32F);
    }
    .stepper-radio-group,
    .stepper-checkbox-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .stepper-radio-option,
    .stepper-checkbox-option {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }
    .stepper-radio-option input,
    .stepper-checkbox-option input {
        width: 18px;
        height: 18px;
        accent-color: var(--color-brand-green-primary, #00D32F);
    }
    .stepper-error-message {
        color: #dc3545;
        font-size: 14px;
        margin-top: 8px;
        display: none;
    }
    .stepper-error-message.show {
        display: block;
    }
    .cf-turnstile-container {
        margin: 1rem 0;
    }
    .form-message {
        padding: 12px 16px;
        border-radius: 8px;
        margin-bottom: 1rem;
        display: none;
    }
    .form-message.error {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }
    .form-message.success {
        background: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }
    .form-message.show {
        display: block;
    }
    .is-invalid {
        border-color: #dc3545 !important;
    }
    .leftReviewBox .absQuote{
      position: absolute;
      right: 20px;
      top:20px;
    }
    .swiper-slide.latestResourseSliderMain.swiper-slide-active{
      width: 40% !important;
    }
    .swiper-slide.latestResourseSliderMain.swiper-slide-active  .latestResourceBox > img.img-fluid{
      height: 240px;
    }