.elementor-1435 .elementor-element.elementor-element-3d56e0c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#94A3B840;--border-color:#94A3B840;--padding-top:120px;--padding-bottom:120px;--padding-left:10px;--padding-right:10px;}.elementor-1435 .elementor-element.elementor-element-74612c2 .elementor-heading-title{font-size:44px;color:var( --e-global-color-44c9e80 );}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1435 .elementor-element.elementor-element-439b0a1{--e-icon-list-icon-size:14px;--icon-vertical-align:center;--icon-vertical-offset:2.5px;}.elementor-1435 .elementor-element.elementor-element-439b0a1 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-1435 .elementor-element.elementor-element-c4bb923{--display:flex;--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:120px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1435 .elementor-element.elementor-element-9933018 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1435 .elementor-element.elementor-element-0e1e00a{color:var( --e-global-color-secondary );}body.elementor-page-1435:not(.elementor-motion-effects-element-type-background), body.elementor-page-1435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS */.animate-charcter
{
  background-image: linear-gradient(
    -225deg,
    var(--e-global-color-primary) 0%,
    var(--e-global-color-primary) 0%,
    var(--e-global-color-secondary) 100%,
    var(--e-global-color-secondary) 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


/*End Text Animation CSS*/



.containerbg {
    transition: all 0.6s ease-in-out;
}


/* This changes the background color of that container on hover */

.containerbg:hover {
    background-color: var(--e-global-color-secondary) !important;
}


/* This class targets your text editor(s) */

.textclr {
    transition: all 0.6s ease-in-out !important;
}

.titleclr>div>h2{
    transition: all 0.6s ease-in-out !important;
}
.iconhover>div>div>.elementor-icon{
    transition: all 0.6s ease-in-out !important;
}

/* This combines the background color change and the text color change */

.containerbg:hover .textclr  {
    color: var(--e-global-color-5a2ec9f) !important;
}
.containerbg:hover .titleclr>div>h2  {
    color: var(--e-global-color-primary) !important;
}

.containerbg:hover .iconhover>div>div>.elementor-icon{
    background-color: var(--e-global-color-primary) !important;
}

.containerbg:hover svg{
    fill: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-secondary) !important;
}

/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */



.iconhover{
    right: 0;
}

@media (max-width: 1024px)  {
    .choose-img-contnr {
        position: inherit;
    }
}/* End custom CSS */