.elementor-1428 .elementor-element.elementor-element-8b53820{--display:flex;--overflow:hidden;--padding-top:30px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;--z-index:9;}.elementor-1428 .elementor-element.elementor-element-1ca3c9c5{--display:flex;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--margin-top:-240px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1428 .elementor-element.elementor-element-6fc80c19 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-1428 .elementor-element.elementor-element-6fc80c19{text-align:center;}.elementor-1428 .elementor-element.elementor-element-6fc80c19 .elementor-heading-title{font-family:"Aptos Fonts", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-primary );}.elementor-1428 .elementor-element.elementor-element-6586dbd8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button{background-color:var( --e-global-color-primary );font-family:"Aptos Fonts", Sans-serif;font-size:16px;font-weight:700;line-height:156%;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:100px 100px 100px 100px;padding:11px 18px 11px 18px;}.elementor-1428 .elementor-element.elementor-element-727de98b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button{background-color:#FFFFFF;font-family:"Aptos Fonts", Sans-serif;font-size:16px;font-weight:700;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:100px 100px 100px 100px;padding:11px 18px 11px 18px;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:1366px){.elementor-1428 .elementor-element.elementor-element-1ca3c9c5{--margin-top:-260px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1428 .elementor-element.elementor-element-6fc80c19 > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button{border-radius:100px 100px 100px 100px;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button{border-radius:100px 100px 100px 100px;}}@media(max-width:1200px){.elementor-1428 .elementor-element.elementor-element-8b53820{--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button{line-height:156%;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button{line-height:156%;padding:11px 18px 11px 18px;}}@media(max-width:1024px){.elementor-1428 .elementor-element.elementor-element-8b53820{--padding-top:10px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:880px){.elementor-1428 .elementor-element.elementor-element-8b53820{--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1428 .elementor-element.elementor-element-1ca3c9c5{--margin-top:-210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1428 .elementor-element.elementor-element-8b53820{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1428 .elementor-element.elementor-element-7d37719f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1428 .elementor-element.elementor-element-1ca3c9c5{--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1428 .elementor-element.elementor-element-6fc80c19{text-align:center;}.elementor-1428 .elementor-element.elementor-element-6fc80c19 .elementor-heading-title{font-size:16px;}.elementor-1428 .elementor-element.elementor-element-6586dbd8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1428 .elementor-element.elementor-element-727de98b .elementor-button{border-radius:100px 100px 100px 100px;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-1428 .elementor-element.elementor-element-1cd2b0df .elementor-button{border-radius:100px 100px 100px 100px;}}/* Start custom CSS for container, class: .elementor-element-1ca3c9c5 */.elementor-1428 .elementor-element.elementor-element-1ca3c9c5 .elementor-button-content-wrapper {
    display: flex;
    align-content:center;
        align-items: center;
    justify-content: center;
        
}

.elementor-1428 .elementor-element.elementor-element-1ca3c9c5 .elementor-button-text {
    margin:0 10px;
}

.elementor-1428 .elementor-element.elementor-element-1ca3c9c5 .elementor-button-icon {

    display: flex;
    align-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b53820 */.elementor-1428 .elementor-element.elementor-element-8b53820 {
    position: relative;
}

.elementor-1428 .elementor-element.elementor-element-8b53820 .show-mobile {
    display: none;
      margin: auto;
}


.elementor-1428 .elementor-element.elementor-element-8b53820 .hide-mobile {
    display: block;
    margin: auto;
}
.elementor-1428 .elementor-element.elementor-element-8b53820 .wrapper {
    min-height: 80vh;
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;

}
.cube-image-elements {
    position:absolute;
    width: 100%;
    max-width: 100vw;
    z-index:-1;
    text-align: center;


}

.cube-image-elements img {
    transform: scale(1.1);
    opacity:0;
    width:80%;
}

.img-active img {
    opacity:1;
    animation: fadein 1s ease-in  ;
    animation: scaleUp 0.8s   ease-in;
}
.cube {
    height: 160px;
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.cube-active {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;	
}

.cube .cube-side {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius:15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#173C69;
}

.cube-text {
	font-weight: 900;
	font-size: 85px;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	line-height: 0;
	color: #fff;
	text-align: center;
}
.cube-text span {
	color: #FFD100;
}

.cube-active .cube-side {
    -webkit-transition: transform cubic-bezier(0.645, 0.045, 0.355, 1), visibility cubic-bezier(0.645, 0.045, 0.355, 1), z-index cubic-bezier(0.645, 0.045, 0.355, 1);
    
        transition: transform cubic-bezier(0.645, 0.045, 0.355, 1), visibility cubic-bezier(0.645, 0.045, 0.355, 1), z-index cubic-bezier(0.645, 0.045, 0.355, 1);	
}

.side-yellow{
    background-color: #E3B43F;
}

.side-green{
  background-color: #28917C;
}

.side-blue{
	background-color: #3A489C;
}

.side-orange{
	background-color: #E3803F;
}



@media (max-width:1550px) {
    .cube-image-elements img {
     transform: scale(1.2);
    }
.img-active img {
     
           animation: scaleUpL1500 0.8s   ease-in;
}
 

}

@media (max-width:1450px) {
    .cube-image-elements img {
   transform: scale(1.3);
    }
.img-active img {
   
           animation: scaleUpL1450 0.8s   ease-in;
}
 

}
@media (max-width:1300px) {
    .cube-image-elements img {
   transform: scale(1.4);
    }
.img-active img {
  
           animation: scaleUpL1300 0.8s   ease-in;
}
 

}

@media (max-width:1200px) {
    .cube {
    height: 130px;
    position: relative;
    width: 800px;
    margin: 0 auto;
}

    .elementor-1428 .elementor-element.elementor-element-8b53820 .show-mobile {
        display: block;
    
}

    .elementor-1428 .elementor-element.elementor-element-8b53820 .hide-mobile {
        display: none;
}

    .cube-image-elements img {
        transform: scale(1.3);
    }
    .img-active img {
  
    animation: scaleUpL1300 0.8s   ease-in;
}

.cube-text {
 font-size:60px;   
}
}
@media (max-width:900px ){
    .cube-image-elements img {
        transform: scale(1.4);
    }
    .img-active img {
  
    animation: scaleUpL1300 0.8s   ease-in;
}
}
@media (max-width:767px ){
    .elementor-1428 .elementor-element.elementor-element-8b53820 .wrapper {
        min-height:35vh;
       
    }
    .cube {
    height: 65px;
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.cube-text  {
    font-size: 28px;
}
.cube-image-elements img {
    width:100%;
}
    .cube-image-elements img {
        transform: scale(1.1);
    }
    .img-active img {
  
    animation: scaleUp 0.8s   ease-in;
}
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes scaleUp {
  0%   {transform: scale(0.9);}
  100% {transform: scale(1.1);}
}
@keyframes scaleUpL1500 {
  0%   {transform: scale(0.9);}
  100% {transform: scale(1.2);}
}

@keyframes scaleUpL1450 {
  0%   {transform: scale(0.9);}
  100% {transform: scale(1.3);}
}
@keyframes scaleUpL1300 {
  0%   {transform: scale(0.9);}
  100% {transform: scale(1.4);}
}/* End custom CSS */