.elementor-3 .elementor-element.elementor-element-30bee86{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;}body:not(.rtl) .elementor-3 .elementor-element.elementor-element-30bee86{left:0px;}body.rtl .elementor-3 .elementor-element.elementor-element-30bee86{right:0px;}.elementor-3 .elementor-element.elementor-element-ea467a1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-8e3060a{--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:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;--padding-top:175px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;--z-index:7;}.elementor-3 .elementor-element.elementor-element-8e3060a:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-8e3060a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 35%);}.elementor-3 .elementor-element.elementor-element-0458f0c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-455d9b9{text-align:left;}.elementor-3 .elementor-element.elementor-element-455d9b9 .elementor-heading-title{font-size:30px;font-weight:800;text-transform:capitalize;line-height:1em;color:var( --e-global-color-accent );}.elementor-3 .elementor-element.elementor-element-f0c39d6{--grid-template-columns:repeat(0, auto);--icon-size:16px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-widget-container{text-align:left;}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-social-icon{background-color:var( --e-global-color-accent );--icon-padding:0.5em;}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-icon{border-radius:5px 5px 5px 5px;}.elementor-3 .elementor-element.elementor-element-27a6a0d2{--display:flex;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:10px;--padding-right:10px;}.elementor-3 .elementor-element.elementor-element-3599e93a > .elementor-widget-container{padding:0px 10px 0px 10px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-3 .elementor-element.elementor-element-30bee86{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3 .elementor-element.elementor-element-ea467a1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-27a6a0d2{--margin-top:350px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1200px){.elementor-3 .elementor-element.elementor-element-30bee86{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-ea467a1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-8e3060a{--justify-content:center;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-30bee86{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:21px;}.elementor-3 .elementor-element.elementor-element-ea467a1{--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-3 .elementor-element.elementor-element-8e3060a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:150px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3 .elementor-element.elementor-element-0458f0c{--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;}.elementor-3 .elementor-element.elementor-element-455d9b9 .elementor-heading-title{font-size:24px;line-height:26px;}}@media(max-width:880px){.elementor-3 .elementor-element.elementor-element-ea467a1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-8e3060a{--justify-content:center;}.elementor-3 .elementor-element.elementor-element-0458f0c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3 .elementor-element.elementor-element-27a6a0d2{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-30bee86{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:5px;}.elementor-3 .elementor-element.elementor-element-8e3060a{--padding-top:150px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3 .elementor-element.elementor-element-0458f0c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3 .elementor-element.elementor-element-455d9b9{text-align:center;}.elementor-3 .elementor-element.elementor-element-455d9b9 .elementor-heading-title{font-size:22px;line-height:22px;}.elementor-3 .elementor-element.elementor-element-f0c39d6 .elementor-widget-container{text-align:center;}.elementor-3 .elementor-element.elementor-element-27a6a0d2{--margin-top:125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1200px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-8e3060a{--width:98%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-ea467a1{--width:100%;}.elementor-3 .elementor-element.elementor-element-8e3060a{--width:98%;}.elementor-3 .elementor-element.elementor-element-0458f0c{--width:90%;}}@media(max-width:880px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-8e3060a{--width:98%;}}/* Start custom CSS for container, class: .elementor-element-8e3060a */@media (max-width: 1439px) and (min-width:1367px) {
.elementor-3 .elementor-element.elementor-element-8e3060a::after{
        --_size: 60px;
    content: "";
    position: absolute;
    width: var(--_size);
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), #ffffff calc(var(--_size) + 1px));
    rotate: -270deg;
    top: 0px;
    right: -1px;
}
.elementor-3 .elementor-element.elementor-element-8e3060a::after {
    
    --_size: 30px;
    content: "";
    position: absolute;
    width: var(--_size);
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), #ffffff calc(var(--_size) + 1px));
    rotate: -180deg;
    top: 79px;
    right: -1px;
}
}/* End custom CSS */
/* 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 */