.elementor-28 .elementor-element.elementor-element-321ec553{--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;--justify-content:flex-start;--align-items:center;--gap:20px;--flex-wrap:wrap;--background-transition:0.3s;--position:absolute;top:0px;--z-index:1000;}.elementor-28 .elementor-element.elementor-element-321ec553, .elementor-28 .elementor-element.elementor-element-321ec553::before{--border-transition:0.3s;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-321ec553{left:0px;}body.rtl .elementor-28 .elementor-element.elementor-element-321ec553{right:0px;}.elementor-28 .elementor-element.elementor-element-23903360{--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;--justify-content:space-between;--align-items:center;--gap:0px;--background-transition:0.3s;}.elementor-28 .elementor-element.elementor-element-1247e4e{--gap:0px;--background-transition:0.3s;}.elementor-28 .elementor-element.elementor-element-63052c0d{text-align:left;width:auto;max-width:auto;}.elementor-28 .elementor-element.elementor-element-63052c0d img{width:200px;max-width:100%;height:64px;object-fit:contain;}.elementor-28 .elementor-element.elementor-element-dd6f780 img{width:200px;max-width:100%;height:64px;object-fit:contain;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-28 .elementor-element.elementor-element-dd6f780 > .elementor-widget-container{margin:0px 68px 0px -68px;}.elementor-28 .elementor-element.elementor-element-dd6f780{width:auto;max-width:auto;}.elementor-28 .elementor-element.elementor-element-dd6f780.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-28 .elementor-element.elementor-element-c62979c{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-28 .elementor-element.elementor-element-315c639 .elementor-button .elementor-align-icon-right{margin-left:0px;}.elementor-28 .elementor-element.elementor-element-315c639 .elementor-button .elementor-align-icon-left{margin-right:0px;}.elementor-28{padding:0px 0px 0px 0px;}.elementor-28:not(.elementor-motion-effects-element-type-background), .elementor-28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-1247e4e{--width:30%;}.elementor-28 .elementor-element.elementor-element-c62979c{--content-width:500px;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-321ec553{--padding-top:0%;--padding-right:5%;--padding-bottom:0%;--padding-left:5%;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-321ec553{--min-height:80px;--padding-top:0%;--padding-right:0%;--padding-bottom:0%;--padding-left:0%;}.elementor-28 .elementor-element.elementor-element-23903360{--width:100%;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-1247e4e{--width:50%;}.elementor-28 .elementor-element.elementor-element-63052c0d img{max-width:100%;height:50px;}.elementor-28 .elementor-element.elementor-element-63052c0d > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-28 .elementor-element.elementor-element-63052c0d{z-index:100;}.elementor-28 .elementor-element.elementor-element-dd6f780{text-align:left;z-index:100;}.elementor-28 .elementor-element.elementor-element-dd6f780 img{max-width:100%;height:50px;object-fit:contain;}.elementor-28 .elementor-element.elementor-element-dd6f780 > .elementor-widget-container{margin:0px 0px 0px -74px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-dd6f780.elementor-element{--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS for container, class: .elementor-element-321ec553 */<style>
	
:root {
	--animation-transition: 350ms ease-in;
}

.sticky-hover {
	position: relative;
	padding: 15px 5em; 

	-webkit-transition: background-color var(--animation-transition), color var(--animation-transition), padding var(--animation-transition);

	-o-transition: background-color var(--animation-transition), color var(--animation-transition), padding var(--animation-transition);

	transition: background-color var(--animation-transition), color var(--animation-transition), padding var(--animation-transition);
}

.sticky-hover.elementor-sticky--effects {
	background-color: #fff;  /* colour */
/*	padding: 10px 5em; */
}

.site--logo {
    -webkit-transition: opacity var(--animation-transition);
	-o-transition: opacity var(--animation-transition);
	transition: opacity var(--animation-transition);
}

.site--logo-red {
	position: absolute;
	left: 10px;
	top: 10px;
	opacity: 0;
	-webkit-transition: opacity var(--animation-transition);
	-o-transition: opacity var(--animation-transition);
	transition: opacity var(--animation-transition);
}


/*Logo Switch when sticky effects */

.sticky-hover:hover .red-logo {
	opacity: 1;
}

.sticky-hover.elementor-sticky--effects .site--logo {
	opacity: 0;
	padding-bottom: 20px;
}

.sticky-hover.elementor-sticky--effects  .site--logo-red{
	opacity: 1;
	z-index: 100;
}



.elementor-nav-menu a,
.elementor-nav-menu li {
	-webkit-transition: color var(--animation-transition) 200ms;
	-o-transition: color var(--animation-transition) 200ms;
	transition: color var(--animation-transition) 200ms;
}

.sticky-hover.elementor-sticky--effects .elementor-nav-menu a,
.elementor-nav-menu li {
	color: #FF6F58!Important;   /*Colour */
	fill: #FF6F58!Important; 	/*Colour */
}



.nav-menu .elementor-nav-menu--main .elementor-item {
	color: #fff!Important;	/*Colour */
	fill: #fff!Important;		/*Colour */
}

.nav-menu .elementor-menu-toggle {
	-webkit-transition: background-color var(--animation-transition), color var(--animation-transition);
	-o-transition: background-color var(--animation-transition), color var(--animation-transition);
	transition: background-color var(--animation-transition), color var(--animation-transition);
}


.elementor-sticky--effects .nav-menu .elementor-menu-toggle{
    background: #000!Important;   /*Colour */
}



.sticky-btn .elementor-widget-button .elementor-button {
    background-color: #000!important;
    	transition: background-color var( --site-transition);
}

.sticky-btn .elementor-button-text  {
    color: #fff!important;
    transition:  color var( --site-transition);
    
}

.sticky-btn .elementor-widget-button .elementor-button {
    background-color: #fff!important;
}

.sticky-btn .elementor-widget-button .elementor-button {
    color: #000!important;
    
}

/* Button end */

/*Logo transition*/

.site--logo-red.elementor-widget-image img,
.site--logo.elementor-widget-image img {
	will-change: transform;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
	        -webkit-transition: opacity var(--animation-transition),
	                    -webkit-transform var(--animation-transition),
	                    -webkit-transform-origin var(--animation-transition);
	        transition: opacity var(--animation-transition),
	                    -webkit-transform var(--animation-transition),
	                    -webkit-transform-origin var(--animation-transition);
	        -o-transition: transform var(--animation-transition),
	                    transform-origin var(--animation-transition), opacity var(--animation-transition);
	        transition: transform var(--animation-transition),
	                    transform-origin var(--animation-transition), opacity var(--animation-transition);
	        transition: transform var(--animation-transition),
	                    transform-origin var(--animation-transition), opacity var(--animation-transition),
	                    -webkit-transform var(--animation-transition),
	                    -webkit-transform-origin var(--animation-transition), -ms-transform-origin var(--animation-transition);
	                    
	                    will-change: transform;

	
}



.elementor-sticky--effects .site--logo-red.elementor-widget-image img,
.elementor-sticky--effects .site--logo.elementor-widget-image img {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
	      
}




@media(max-width: 1024px) {
    
.sticky-hover {
	position: relative;
	padding: 15px 20px;


}

.sticky-hover.elementor-sticky--effects {
	background-color: #fff;
	padding: 10px 20px;
}


} /*end @ media */ 


/*Dropdown nav */

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding-top: 100px;
    padding-bottom: 200px;
    
}

.elementor-28 .elementor-element.elementor-element-7af3a71 .elementor-nav-menu--dropdown a.elementor-item-active {

background-color:var( --e-global-color-secondary) ;
color: var( --e-global-color-primary);
}

.elementor-28 .elementor-element.elementor-element-7af3a71 .elementor-nav-menu--dropdown a:hover {
    background-color:var( --e-global-color-secondary) ;
    
}


</style>/* End custom CSS */