.elementor-1434 .elementor-element.elementor-element-6d12248{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:15px 15px 15px 15px;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1434 .elementor-element.elementor-element-6d12248:not(.elementor-motion-effects-element-type-background), .elementor-1434 .elementor-element.elementor-element-6d12248 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://excelsolutionslondon.co.uk/wp-content/uploads/25-years-of-connectivity-experience-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1434 .elementor-element.elementor-element-6d12248::before, .elementor-1434 .elementor-element.elementor-element-6d12248 > .elementor-background-video-container::before, .elementor-1434 .elementor-element.elementor-element-6d12248 > .e-con-inner > .elementor-background-video-container::before, .elementor-1434 .elementor-element.elementor-element-6d12248 > .elementor-background-slideshow::before, .elementor-1434 .elementor-element.elementor-element-6d12248 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1434 .elementor-element.elementor-element-6d12248 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1434 .elementor-element.elementor-element-49c0edb{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1434 .elementor-element.elementor-element-e283078{text-align:center;}.elementor-1434 .elementor-element.elementor-element-e283078 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1434 .elementor-element.elementor-element-5eeb693{--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:60px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1434 .elementor-element.elementor-element-5eeb693:not(.elementor-motion-effects-element-type-background), .elementor-1434 .elementor-element.elementor-element-5eeb693 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1434 .elementor-element.elementor-element-e0216d3{color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1434 .elementor-element.elementor-element-49c0edb{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1434 .elementor-element.elementor-element-49c0edb{--width:100%;}}@media(max-width:1024px){.elementor-1434 .elementor-element.elementor-element-6d12248:not(.elementor-motion-effects-element-type-background), .elementor-1434 .elementor-element.elementor-element-6d12248 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1434 .elementor-element.elementor-element-6d12248{--padding-top:270px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1434 .elementor-element.elementor-element-49c0edb{--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;}}@media(max-width:767px){.elementor-1434 .elementor-element.elementor-element-49c0edb{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* 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 */