.elementor-10 .elementor-element.elementor-element-28e9ef5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-28e9ef5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 30px 0px 30px;}.elementor-10 .elementor-element.elementor-element-28e9ef5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-26b33ee{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;text-align:end;}.elementor-10 .elementor-element.elementor-element-26b33ee .elementor-heading-title{font-size:0.8rem;font-weight:600;text-transform:uppercase;color:#AFF235;}.elementor-10 .elementor-element.elementor-element-a2ce36d{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:15px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon{background-color:#0F79D9;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon i{color:#000000;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon svg{fill:#000000;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon:hover{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-a2ce36d .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-28e9ef5{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-d6bc0f0{width:50%;}.elementor-10 .elementor-element.elementor-element-319cbcd{width:50%;}.elementor-10 .elementor-element.elementor-element-26b33ee .elementor-heading-title{font-size:0.7rem;}.elementor-10 .elementor-element.elementor-element-a2ce36d{--icon-size:11px;}}/* Start custom CSS for html, class: .elementor-element-c41b5e5 *//* Header is the css class to wrap both logo*/
.header{
	display: block;
}

/* Image is the css class for both the Logo */
.image{
	width: 20%;
	transition: width 350ms ease-in-out;
}
.elementor-sticky--effects .image{
	width: 20%;
}

/* Before is the CSS class for image to be visible before sticky effects is applied */

.before{
	opacity: 1;
	width: 23%;
	pointer-events: auto;
}
.elementor-sticky--effects .before{
	opacity: 0;
	width: 20%;
	pointer-events: none;
}

/* after is the CSS class for image to be visible when sticky effects is applied */
.after{
	opacity: 0;
	width: 20%;
	pointer-events: none;
}

.elementor-sticky--effects .after{
	opacity: 1;
	width: 23%;
    float: left;
	pointer-events: auto;
}


@media (max-width: 1024px) {
    .before {
    	width: 50%;
    }
    
   .elementor-sticky--effects .after {
    	width: 50%;
    }
}

@media (max-width: 768px) {
    .before {
    	width: 70%;
    }
    
   .elementor-sticky--effects .after {
    	width: 70%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-28e9ef5 */.elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects {
    background-color: #fff;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5 {
    transition: background-color 0.5s ease !important;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects > .elementor-container {
    min-height: 70px !important;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5 > .elementor-container {
    transition: min-height 3s ease !important;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects #logo img {
    width: 50%;
    max-width: 50%;
    padding: 0;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5 #logo img {
    transition: all 0.5s ease !important;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects .elementor-menu-toggle {
    font-size: 20px !important;
}

.elementor-10 .elementor-element.elementor-element-28e9ef5 .elementor-menu-toggle {
    transition: font-size 0.5s ease !important;
}


@media (max-width: 767px) {
    .elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects #logo img {
        width: 40%;
        max-width: 40%;
        padding: 0;
    }
    
    .elementor-10 .elementor-element.elementor-element-28e9ef5.elementor-sticky--effects > .elementor-container {
        min-height: 60px !important;
    }
}/* End custom CSS */