.elementor-20 .elementor-element.elementor-element-4f1af91{--display:flex;--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;--justify-content:space-between;--align-items:flex-end;--margin-top:0px;--margin-bottom:-180px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;--z-index:100;}.elementor-20 .elementor-element.elementor-element-8d673af{--display:flex;--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;--justify-content:space-between;--align-items:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2d042dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-043820c{text-align:start;}.elementor-20 .elementor-element.elementor-element-043820c img{width:100%;}.elementor-20 .elementor-element.elementor-element-36dfb5a .elementor-button{background-color:var( --e-global-color-ecb688f );font-family:"Work Sans", Sans-serif;font-size:clamp(1rem, 0.09vi + 0.98rem, 1.19rem);font-weight:700;line-height:clamp(1.5rem, 0.13vi + 1.47rem, 1.78rem);fill:var( --e-global-color-text );color:var( --e-global-color-text );box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.2);border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-20 .elementor-element.elementor-element-36dfb5a .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-36dfb5a .elementor-button:focus{background-color:var( --e-global-color-ecb688f );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-36dfb5a:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-36dfb5a .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-36dfb5a .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__container-inner{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__controls{padding:0px 0px 30px 0px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__back i{color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__back svg{color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__breadcrumbs .breadcrumb-label{color:var( --e-global-color-ecb688f );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__breadcrumbs .breadcrumb-divider{color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container{z-index:999;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu-widget .jet-mobile-menu-cover{z-index:calc(999-1);}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-icon{align-self:center;justify-content:center;color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-label{font-family:"Cal Sans", Sans-serif;font-size:clamp(1.2rem, 0.18vi + 1.16rem, 1.58rem);font-weight:400;line-height:clamp(1.8rem, 0.27vi + 1.73rem, 2.37rem);color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item{padding:15px 0px 15px 0px;border-bottom-color:#FFFFFF4D;border-bottom-style:solid;border-bottom-width:1px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-badge__inner{font-family:var( --e-global-typography-a6ec62e-font-family ), Sans-serif;font-size:var( --e-global-typography-a6ec62e-font-size );font-weight:var( --e-global-typography-a6ec62e-font-weight );line-height:var( --e-global-typography-a6ec62e-line-height );color:var( --e-global-color-ecb688f );background-color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-badge{align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-dropdown-arrow{color:var( --e-global-color-ecb688f );}.elementor-20 .elementor-element.elementor-element-637c239{--display:flex;}.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-20 .elementor-element.elementor-element-4f1af91{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__breadcrumbs .breadcrumb-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-badge__inner{font-size:var( --e-global-typography-a6ec62e-font-size );line-height:var( --e-global-typography-a6ec62e-line-height );}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-4f1af91{--width:100%;}.elementor-20 .elementor-element.elementor-element-2d042dd{--width:fit-content;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-4f1af91{--min-height:0px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-20 .elementor-element.elementor-element-8d673af{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2d042dd{--width:fit-content;}.elementor-20 .elementor-element.elementor-element-043820c img{height:56px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__container-inner{background-image:url("https://tinybox.tinyboxdev.co.uk/wp-content/uploads/2025/11/Mobile_BG.svg");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-6418cc0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 5px 0px 0px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon i{font-size:33px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon svg{width:33px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__back i{font-size:30px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container .jet-mobile-menu__back svg{width:30px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__breadcrumbs .breadcrumb-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__container{width:100%;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-menu-badge__inner{font-size:var( --e-global-typography-a6ec62e-font-size );line-height:var( --e-global-typography-a6ec62e-line-height );}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-dropdown-arrow i{font-size:15px;}.elementor-20 .elementor-element.elementor-element-6418cc0 .jet-mobile-menu__item .jet-dropdown-arrow svg{width:15px;}}/* Start custom CSS for container, class: .elementor-element-4f1af91 */.header-logo--{
    height: 115px;
    width: 100%;
    display: block;
    object-fit: contain;
    transition: height 0.3s ease, transform 0.3s ease;
    transform-origin: left top; /* scale from left */
}

.elementor-sticky--effects .header-logo--{
    height: 91px;
    transform: scale(0.71); /* scales from left, not center */
}



/* ------------------------------------------------------------
   BASE HEADER (NOT STICKY)
   ------------------------------------------------------------ */
.main-header-box{
    height: 160px;
    width: 100% !important;
    transition: 0.2s all ease-in-out !important;
}


.header-box-- {
    position: relative;              /* required for pseudo-element blur layer */
    border-radius: 0px;
    padding: 0px;
    background-color: rgba(247, 247, 247, 0); 
    backdrop-filter: none !important;      /* remove blur from the element itself */
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;          /* allow JetMenu to escape */
    transition: border-radius 0.3s ease,
                padding 0.3s ease,
                background-color 0.3s ease;
}

/* Background blur layer (inactive in normal state) */
.header-box--::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(247, 247, 247, 0);    /* no blur in normal state */
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
}



/* ------------------------------------------------------------
   STICKY HEADER (Elementor adds these classes)
   ------------------------------------------------------------ */
.elementor-sticky--effects .header-box-- {
    border-radius: 20px !important;
    padding: 20px !important;
    background-color: transparent !important;  /* blur layer will handle background */
}

/* Sticky blur + background applied to pseudo-element instead of header */
.elementor-sticky--effects .header-box--::before {
    background: rgba(247, 247, 247, 0.7);   /* your semi-white background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
}

.main-header-box.elementor-sticky--effects {
    height: 120px !important;
}


	
.header-logo-wrapper-- {
	overflow: hidden !important;
	display: inline-block !important;
	height: 115px; /* initial visible height */
	transition: height 0.3s ease !important; /* animate max-height */
}
.elementor-sticky--effects .header-logo-wrapper-- {
	height: 64px !important; /* target height on sticky */
}

	
/*------Tablet styles------*/
@media (max-width: 1024px) {

}

	
	
/* ------Mobile styles------*/
@media (max-width: 767px) {
/* ------------------------------------------------------------
   BASE HEADER (NOT STICKY)
   ------------------------------------------------------------ */
.header-logo--{
    height: 61px !important;
    width: 100%;
    display: block;
    object-fit: contain;
    transition: height 0.3s ease, transform 0.3s ease;
    transform-origin: left top; /* scale from left */
}

.main-header-box{
    height: 80px;
    transition: 0.2s all ease-in-out !important;
}
   
.header-box-- {
    position: relative;              /* required for pseudo-element blur layer */
    border-radius: 0px;
    padding: 0px;
    background-color: rgba(247, 247, 247, 0); 
    backdrop-filter: none !important;      /* remove blur from the element itself */
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;          /* allow JetMenu to escape */
    transition: border-radius 0.3s ease,
                padding 0.3s ease,
                background-color 0.3s ease;
}

/* Background blur layer (inactive in normal state) */
.header-box--::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(247, 247, 247, 0);    /* no blur in normal state */
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
}



/* ------------------------------------------------------------
   STICKY HEADER (Elementor adds these classes)
   ------------------------------------------------------------ */
.elementor-sticky--effects .header-logo--{
    height: 7px;
    transform: scale(1); /* scales from left, not center */
}

.main-header-box.elementor-sticky--effects {
    height: 80px !important;
}

.elementor-sticky--effects .header-box-- {
    border-radius: 10px !important;
    padding: 10px !important;
    background-color: transparent !important;  /* blur layer will handle background */
}

/* Sticky blur + background applied to pseudo-element instead of header */
.elementor-sticky--effects .header-box--::before {
    background: rgba(247, 247, 247, 0.7);   /* your semi-white background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
}
	
.header-logo-wrapper-- {
	overflow: hidden !important;
	display: inline-block !important;
	max-height: 60px; /* initial visible height */
	transition: max-height 0.3s ease !important; /* animate max-height */
}

.elementor-sticky--effects .header-logo-wrapper-- {
	max-height: 43px !important; /* target height on sticky */
}
}/* End custom CSS */