.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-0dee12f:#745C44;--e-global-color-c4c04cb:#F3D48A;--e-global-color-80399f4:#FFFFFF;--e-global-color-75b9e9f:#2E241BBA;--e-global-color-592968f:#A87E5E;--e-global-color-2290942:#221B14;--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;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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-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 *//* Mobile swipe rows (Usman)
   Give a container the CSS class "sm-swipe" (Advanced > CSS Classes) and its boxes become a
   sideways swipe row on phones, with a scroll bar underneath. Desktop and tablet are unaffected. */
.sm-swipe-bar { display: none; }
@media (max-width: 767px) {
	.elementor .e-con.sm-swipe {
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		width: calc(100% + 32px);
		max-width: calc(100% + 32px);
		margin: -4px -32px -12px 0;
		padding: 4px 32px 12px 0;
	}
	.elementor .e-con.sm-swipe::-webkit-scrollbar { display: none; }
	.elementor .e-con.sm-swipe > .e-con { scroll-snap-align: start; }
	.sm-swipe-bar {
		display: block;
		width: 100%;
		height: 4px;
		margin-top: 4px;
		border-radius: 4px;
		background: rgba(168, 126, 94, 0.2);
		overflow: hidden;
	}
	.sm-swipe-bar > span {
		display: block;
		height: 100%;
		border-radius: 4px;
		background: #A87E5E;
	}
}

/* Services photo (Usman): on desktop the photo fills the left column down to the bottom of the boxes.
   Image widget CSS class: sm-fill-image (Advanced > CSS Classes). Tablet and phones are unaffected. */
@media (min-width: 1025px) {
	.elementor .elementor-widget-image.sm-fill-image { flex: 1 1 0; min-height: 220px; display: flex; }
	.elementor .elementor-widget-image.sm-fill-image > .elementor-widget-container,
	.elementor .elementor-widget-image.sm-fill-image img { width: 100%; height: 100% !important; }
	.elementor .elementor-widget-image.sm-fill-image img { object-fit: cover; }
}

/* No blue tap flash / focus box on the mobile menu buttons (Usman). */
a, button, [role="button"] { -webkit-tap-highlight-color: transparent; }
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-close-button:focus,
.elementor-location-header .elementor-widget-icon a:focus,
.elementor-location-header .elementor-widget-icon .elementor-icon:focus { outline: none !important; box-shadow: none !important; }/* End custom CSS */