.three-stats-icon[class*="distilled-"] {
  background: var(--gradient);
}
.three-stats-icon__bg-wrapper {
  bottom: 0;
  left: 0;
  top: 50%;
  height: 50%;
  translate: 0 -50%
}
.three-stats-icon__card-bg {
  min-height: 27.5rem;
  width: 100%
}
.three-stats-icon__card-bg img {
  min-height: inherit
}
.three-stats-icon__prefix {
  margin-bottom: 1.3rem;
}
.three-stats-icon__card-bg:has(.background-video__iframe)::after,.three-stats-icon__card-bg:has(img)::after {
  content: "";
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
  background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index:0;
}
.three-stats-icon__card-bg:has(.background-video__iframe)::before,.three-stats-icon__card-bg:has(img)::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0,0,0,.5);
/*   opacity: 0; */
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  z-index: 3;
}
.three-stats-icon__card-bg .background-video__overlay {
  left: auto;
  right: 2rem;
  top: 2.05rem;
  z-index: 5;
}
@media (min-aspect-ratio:16/9) {
  .three-stats-icon__card-bg .background-video__iframe iframe {
    height: 100%
  }
}
@media (max-aspect-ratio:16/9) {
  .three-stats-icon__card-bg .background-video__iframe iframe {
    width: 100%
  }
}
.three-stats-icon__card {
  color: var(--black);
  background: rgba(255,255,255,.7)
}
.three-stats-icon__card:nth-child(odd) {
  width: 100%;
  min-height: 27.5rem
}
.three-stats-icon__card:nth-child(odd) .three-stats-icon__card-svg {
  max-width: fit-content;
}
.three-stats-icon__card:nth-child(even) {
  width: 100%;
  min-height: 32.8rem
}
.three-stats-icon__card:nth-child(even) .three-stats-icon__card-body {
  min-height: 32.8rem
}
.three-stats-icon__card:nth-child(1):has(.background-video__iframe,img), .three-stats-icon__card a {
  color: var(--white)
}
.three-stats-icon__card a:hover{
  background-color: var(--text-color)
}
.three-stats-icon__card-body {
/*   position: relative; */ 
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  padding: var(--md-4);
  width: 100%;
  height: 100%;
  min-height: 27.5rem;
  z-index: 3;
}
.three-stats-icon__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.three-stats-icon .stat {
  padding-left: 0
}
.three-stats-icon .stat::before {
  content: none
}
@media (min-width:992px) {
  .three-stats-icon__bg-wrapper {
    height: 100%
  }
  .three-stats-icon__card-bg {
    min-height: 33.7rem
  }
  .three-stats-icon__card:nth-child(odd) {
    -ms-flex-preferred-size: 31.65%;
    flex-basis: 31.65%;
    min-height: 33.7rem
  }
  .three-stats-icon__card:nth-child(odd) .three-stats-icon__card-body {
    min-height: 33.7rem
  }
  .three-stats-icon__card:nth-child(even) {
    -ms-flex-preferred-size: 36.69%;
    flex-basis: 36.69%;
    min-height: 44.8rem;
    position: relative;
    bottom: -100px
  }
  .three-stats-icon__card:nth-child(even) .three-stats-icon__card-body {
    min-height: 44.8rem
  }
}
.distilled-blue .three-stats-icon__card,
.distilled-brown .three-stats-icon__card,
.distilled-green .three-stats-icon__card,
.distilled-orange .three-stats-icon__card,
.distilled-purple .three-stats-icon__card,
.distilled-red .three-stats-icon__card {
  color: var(--white)
}
.distilled-blue .three-stats-icon__card:nth-child(2),
.distilled-brown .three-stats-icon__card:nth-child(2),
.distilled-green .three-stats-icon__card:nth-child(2),
.distilled-orange .three-stats-icon__card:nth-child(2),
.distilled-purple .three-stats-icon__card:nth-child(2),
.distilled-red .three-stats-icon__card:nth-child(2) {
  background: var(--dark-tone);
  color: var(--white)
}
@media screen and (width <= 991px) and (width >= 768px) {
  .three-stats-icon__card {
    -webkit-transform: unset!important;
    -ms-transform: unset!important;
    transform: unset!important
  }
}
.distilled-blue .three-stats-icon__card:nth-child(3),
.distilled-brown .three-stats-icon__card:nth-child(3),
.distilled-green .three-stats-icon__card:nth-child(3),
.distilled-orange .three-stats-icon__card:nth-child(3),
.distilled-purple .three-stats-icon__card:nth-child(3),
.distilled-red .three-stats-icon__card:nth-child(3) {
  background: rgba(255,255,255,.7);
  -webkit-backdrop-filter: blur(1.2rem);
  backdrop-filter: blur(1.2rem);
  color: var(--text-color)
}
.distilled-blue .three-stats-icon__card:nth-child(3) a,
.distilled-brown .three-stats-icon__card:nth-child(3) a,
.distilled-green .three-stats-icon__card:nth-child(3) a,
.distilled-orange .three-stats-icon__card:nth-child(3) a,
.distilled-purple .three-stats-icon__card:nth-child(3) a,
.distilled-red .three-stats-icon__card:nth-child(3) a {
	color: var(--text-color)
}
.distilled-blue .three-stats-icon__card:nth-child(3) a:hover,
.distilled-brown .three-stats-icon__card:nth-child(3) a:hover,
.distilled-green .three-stats-icon__card:nth-child(3) a:hover,
.distilled-orange .three-stats-icon__card:nth-child(3) a:hover,
.distilled-purple .three-stats-icon__card:nth-child(3) a:hover,
.distilled-red .three-stats-icon__card:nth-child(3) a:hover {
	background-color: var(--text-color);
    color: var(--white);
}
.three-stats-icon__card-bg .background-video__play-button a:hover{
background:none !important;
}
.three-stats-icon__card-bg .background-video__iframe iframe{scale: 1.56;transform-origin: top left;}
@media screen and (orientation: landscape) and (max-width: 992px) {
  .three-stats-icon__card-bg .background-video__iframe iframe {
    scale: 1.65;
    transform-origin: left;
  }
}
.three-stats-icon .video__background-wrap img{object-position: top center;}
@media screen and (min-width: 992px) and (max-width: 1400px){
	.three-stats-icon__card-bg .background-video__iframe iframe{scale: 1.86;transform-origin: top left;}
}

.three-stats-icon.corp .three-stats-icon__card:nth-child(2) .three-stats-icon__card-bg{
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(12px);

}
.three-stats-icon.corp .three-stats-icon__card:nth-child(3) .three-stats-icon__card-bg{
background: var(--theme-blue);
backdrop-filter: blur(12px);
}
.three-stats-icon.corp .background-video__iframe iframe{
       
background:var(--black);
}