.elementor-kit-9{--e-global-color-primary:#0C3467;--e-global-color-secondary:#111544;--e-global-color-text:#000000;--e-global-color-accent:#00A29B;--e-global-color-5755d5c:#264683;--e-global-color-dd85f59:#00C8BD;--e-global-color-b045719:#FFFFFF;--e-global-color-804cd21:#F1F1E6;--e-global-color-f10a323:#F5F9FF;--e-global-color-6c1b484:#F7F9FF;--e-global-color-692ec81:#F5F5F5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"proxima-nova", Sans-serif;font-size:19px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#028299;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#FFFFFF;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-dd85f59 );color:var( --e-global-color-secondary );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-5755d5c );}.elementor-kit-9 h1{color:var( --e-global-color-primary );font-family:"fieldwork", Sans-serif;font-weight:700;text-transform:uppercase;line-height:1.2em;letter-spacing:1px;}.elementor-kit-9 h2{font-family:"fieldwork", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;letter-spacing:0.8px;}.elementor-kit-9 h3{font-family:"fieldwork", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:0.8px;}.elementor-kit-9 h4{font-family:"fieldwork", Sans-serif;font-size:24px;font-weight:700;line-height:1.2em;letter-spacing:0.4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body, html {
    overflow-x: hidden;
}

p:last-child {
    margin-bottom: 0;
}

.elementor-button {
  
  border-radius: 24px;
  corner-shape: squircle;
}



 /* Improved Animations Stylesheet, works for the 'fade' animations */

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

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}



.elementor-sticky--effects {

	box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, .27); /* Delete this line if you don't want shadow on scroll */
background: #0C3467 !important;
    
}



/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
.sticky-header .logo img,
.sticky-header .logo.elementor-widget-theme-site-logo img,
.sticky-header .logo .elementor-icon svg {
	
	transition: all ease 0.5s;
}
 header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	transform: scale(0.8);
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
	
}

header.sticky-header.elementor-sticky--effects .logo  {
    transform: translateX(-15px);

   
    transition: all ease 0.5s;
}

header.sticky-header.elementor-sticky--effects .borderfix, header.sticky-header.elementor-sticky--effects {
    border: none !important;
    transition: all ease 0.5s;
}

.sticky-header:hover  .borderfix, .sticky-header:hover {
    border: none !important;
}

@media screen and (max-width: 880px) {
    header.sticky-header.elementor-sticky--effects .logo  {
    transform: translateX(-10px);
    transition: all ease 0.5s;
}

.sticky-header.elementor-sticky--effects {
	
    height: 90px;
    min-height: 90px !important;
    
}

 header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	transform: scale(0.8);
}

}/* End custom CSS */