.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-837ef60:#FAFAFA;--e-global-color-9187fe2:#FFFFFF;--e-global-color-2c6748c:#130C26;--e-global-color-2c326b2:#4D30E6;--e-global-color-f38b3fe:#65E7B4;--e-global-color-7f04e3e:#F2F4F6;--e-global-color-b2f9cf6:#65E7B4;--e-global-color-7684659:#CBD5E1;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#130C26;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:500;}.elementor-kit-5 p{margin-block-end:1em;}.elementor-kit-5 a{color:var( --e-global-color-f38b3fe );}.elementor-kit-5 a:hover{color:#7CE6BC;}.elementor-kit-5 h1{font-family:"degular", Sans-serif;font-size:100px;font-weight:500;line-height:100px;}.elementor-kit-5 h2{font-family:"DM Sans", Sans-serif;font-size:100px;font-weight:500;}.elementor-kit-5 h3{font-family:"degular", Sans-serif;font-size:40px;}.elementor-kit-5 h4{font-family:"DM Sans", Sans-serif;font-size:20px;line-height:28px;}.elementor-kit-5 h5{font-family:"DM Sans", Sans-serif;font-size:15px;}.elementor-kit-5 h6{color:#C5CCD3;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:25px;word-spacing:0px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Header Font - Degular", Sans-serif;font-weight:500;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:18px 30px 18px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:75px;--container-default-padding-right:40px;--container-default-padding-bottom:75px;--container-default-padding-left:40px;}.elementor-widget:not(:last-child){margin-block-end:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:16px;}.elementor-kit-5 h2{font-size:52px;}.elementor-kit-5 h3{font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:75px;--container-default-padding-right:20px;--container-default-padding-bottom:75px;--container-default-padding-left:20px;}}/* Start custom CSS *//*Hide Vimeo Buttons*/

.vp-controls {
    display: none !important;
    opacity: 0 !important;
}

.elementor-button-wrapper {
    display: inline-flex;
}

.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: gap 0.3s ease;
}

.elementor-button:hover .elementor-button-content-wrapper {
    gap: 20px;
}

.elementor-button-icon {
    display: inline-flex;
    transition: margin-left 0.3s ease;
}

.elementor-button:hover .elementor-button-icon {
    margin-left: 6px;
}

/* Title Styles */
h4 {
    margin: 0 0 16px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-block-end: 0.2rem;
    margin-block-start: .1rem;
}

.infolio-team .position {
    text-transform: uppercase;
}

a:hover {
    text-decoration: none !important;
}

.elementor-icon-wrapper {
    display: flex;
}

/* Colour Variables */
:root {
    --purple: #12032a;
    --purplebg:
        #EFE3FF;
    --purplebgfade:
        rgba(239, 227, 255,0);    
--purplefill:
#c629e6;
    --yellow: #322606;
    --yellowbg:
        #fff8e4;
--yellowfill:
#ffd029;

--cyanbg: #85efe3;
--cyanfill: #18b4a2;
--cyan: #1c3232;


--greenbg: #90f188;
  --green: #23bb16;
  --greenfill: #0f1d07;


  --pinkbg: #fd589e;
  --pink: #ab024a;
  --pinkfill: #38001b;


 --bluebg: #82d7ff;
  --blue: #0093d9;
  --bluefill: #070035;

}

/* Aspect Ratio Styles */
.fixed-aspect {
    aspect-ratio: 16/9;
}

.fixed-aspect-vertical {
    aspect-ratio: 9/16;
}

.three-column-fixed {
    aspect-ratio: 16/9;
}
.two-column-fixed {
    aspect-ratio: 16/9;
}
.three-column-swiper {}

.twothree-ratio {
    aspect-ratio: 4/3;
}

/*@media (max-width: 1024px) {*/
/*.fixed-aspect {*/
/*    aspect-ratio: initial;*/
/*}*/
/*}*/


/* Max Width Container Styles */
.max-width-container {
    max-width: 680px;
}

@media (max-width: 1024px) {
    .max-width-container {
    max-width: initial;
}
}

/* Updated Shift Animations */

.rotateIn {
    animation-name: shiftRotateIn !important;
}

.fadeInUp {
    animation-name: shiftFadeInUp !important;
}

.fadeInLeft {
    animation-name: shiftFadeInLeft !important;
}

.fadeInRight {
    animation-name: shiftFadeInRight !important;
}

@keyframes shiftRotateIn {
    from {
        transform-origin: center;
        transform: rotate(-10deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}


@keyframes shiftFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-10px,0px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes shiftFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10px,0px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}/* End custom CSS */