.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-932 .elementor-element.elementor-element-46553ae{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;}/* Start custom CSS */.green-shape{
width: 221px;
height: 71px;
background-color: #00B5B0;
opacity: 0.26
}
.gray-shape{
    width: 64vw;
    height: 233px;
    background-color: #EFEFEF;
    
}


@media(min-width: 768px){
	.popup-open{
		display: none;
        -webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }
	.hover-icon-2:hover .popup-open{
		display: block;
	}
	.hover-icon-2:hover .green-shadow-2{
        -webkit-animation: slideInFromBottom 0.5s forwards;
		animation: slideInFromBottom 0.5s forwards;
	}
	/*Values Section*/
	.absolute-value{
		position: absolute;
		top: 25vh;
	}
}
/*Play button animation*/
@keyframes slideInFromBottom {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  100% {
      -webkit-transform: translateY(80px);
      transform: translateY(80px);
      opacity: 0;
    }
}

@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@media(min-width: 1025px){
    /*Values Section*/
.absolute-value{
    position: absolute;
    top: 17vh;
}
.hide-value-content{
    display: none
}
}

@media(min-width: 1900px){
    .absolute-value{
    position: static;
    top: auto;
}
}





/*Animation Parallax CSS*/



.reveal {
  position: relative;
  /*opacity: 0;*/
}

.reveal.active-parallax {
  opacity: 1;
}
.reveal.inactive-parallax{
  opacity: 0;
}

/*Active*/


.active-parallax.fade-left {
  animation: fade-left 0.5s ease-in;
}
.active-parallax.fade-right {
  animation: fade-right 0.5s ease-in;
}

/*Active Animations*/

@keyframes fade-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/*Inactive*/

.inactive-parallax.fade-left {
  animation: fade-left-rev 0.4s ease-in-out;
}
.inactive-parallax.fade-right {
  animation: fade-right-rev 0.4s ease-in-out;
}

/*Inactive Animations*/

@keyframes fade-left-rev {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-500px);
    opacity: 0;
  }
}

@keyframes fade-right-rev {
  0% {
    transform: translateX(0);
    opacity: 0.35;
  }
  100% {
    transform: translateX(500px);
    opacity: 0;
    
  }
}/* End custom CSS */