.elementor-kit-3{--e-global-color-primary:#112A2E;--e-global-color-secondary:#54595F;--e-global-color-text:#888888;--e-global-color-accent:#222222;--e-global-color-2876904:#FFFFFF;--e-global-color-e778377:#71898F;--e-global-color-ef54293:#D7D3B9;--e-global-color-4f6969e:#DCBCAC;--e-global-color-6899921:#141E1A;--e-global-color-6b709e3:#FDFBFA;--e-global-typography-primary-font-family:"Gilroy Bold";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gilroy-Light";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Gilroy-Light";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Gilroy Bold";--e-global-typography-accent-font-weight:500;}.elementor-kit-3 button,.elementor-kit-3 input[type="button"],.elementor-kit-3 input[type="submit"],.elementor-kit-3 .elementor-button{background-color:var( --e-global-color-6899921 );}.elementor-kit-3 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1344px;}.e-con{--container-max-width:1344px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}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 */body{
    overflow-x: hidden;
}

html{
    font-size: 62.5%; 
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll */
  touch-action: manipulation; /* Prevent some touch gestures */
}




/*------------------------------------*
  #TYPOGRAPHY
*------------------------------------*/

.small-text p{
	font-size: 1.4rem !important;
    line-height: 2.4 !important;
}

p, 
td,
li,
ol,
.elementor-field-label,
.e-filter-item{
    font-size: clamp(1.5rem, 2.5vw, 1.7rem) !important;
    line-height: 1.7 !important;
}
p {
    padding-top: 1rem;
}
li{
    font-size: 1.6rem !important;
}
.h6-h1 h1, h6 {
	font-size: 1.4rem !important;
	line-height: 2.4rem !important;
	text-transform: uppercase;
	letter-spacing: 1.6px;
}
h5 {
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
}
h4 {
	font-size: 2rem !important;
	line-height: 3.2rem !important;
}
h3 {
	font-size: 2.8rem !important;
	line-height: 3.8rem !important;
}
.h2-h1 h1, h2 {
    font-size: clamp(2.2rem, 2.8vw, 4.6rem) !important;
    line-height: 1.2 !important;
}
.large h2{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
	line-height: 1.3 !important;
}

h1{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    line-height: 1.2 !important;
}
.hero h1,
.hero h2 {
    font-size: 9vw !important;
	line-height: 11vw !important;
}
  
@media only screen and (min-width: 768px) {
    .hero h1,
    .hero h2{
        font-size: 7vw !important;
	    line-height: 9vw !important;
    }
}

@media only screen and (min-width: 1024px) {
 
    h5 {
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    }
    h4 {
    	font-size: 2.8rem !important;
    	line-height: 3.8rem !important;
    }
    h3 {
    	font-size: 3.2rem !important;
    	line-height: 4.2rem !important;
    }
    .hero h1,
    .hero h2{
	    font-size: 7.7rem !important;
    	line-height: 8.2rem !important;
    }
}




.pink-text{
    color: var( --e-global-color-4f6969e ) !important;
}




/*------------------------------------*
  #SPACING
*------------------------------------*/

:root {
    --padding-sm: 15px;
    --padding-md: 15px;
    --padding-lg: 30px;
    
    --margin-sm: 15px;       
    --margin-md: 15px;   
}

@media only screen and (min-width: 768px) {
    :root {
        --padding-sm: 30px;
        --padding-md: 30px;
        --padding-lg: 60px;

        --margin-sm: 30px;   
        --margin-md: 30px;  
    }
}

@media only screen and (min-width: 1024px) {
    :root {
        --padding-md: 4.1666666667vw;
        --padding-lg: 8.3333333334vw;
        
        --margin-md: 4.1666666667vw;
    }
}

/**
 * small padding
 */
.padding-sm {
    padding: var(--padding-sm);
}
.padding-lr-sm {
    padding-left: var(--padding-sm);
    padding-right: var(--padding-sm);
}
.padding-l-sm {
    padding-left: var(--padding-sm);
}
.padding-r-sm {
    padding-right: var(--padding-sm);
}
.padding-tb-sm {
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-sm);
}
.padding-t-sm {
    padding-top: var(--padding-sm);
}
.padding-b-sm {
    padding-bottom: var(--padding-sm);
}

/**
 * medium padding
 */
.padding-md {
    padding: var(--padding-md);
}
.padding-lr-md {
    padding-left: var(--padding-md);
    padding-right: var(--padding-md);
}
.padding-l-md {
    padding-left: var(--padding-md);
}
.padding-r-md {
    padding-right: var(--padding-md);
}
.padding-tb-md {
    padding-top: var(--padding-md);
    padding-bottom: var(--padding-md);
}
.padding-t-md {
    padding-top: var(--padding-md);
}
.padding-b-md {
    padding-bottom: var(--padding-md);
}

/**
 * large padding
 */
.padding-lg {
    padding: var(--padding-lg);
}
.padding-lr-lg {
    padding-left: var(--padding-lg);
    padding-right: var(--padding-lg);
}
.padding-l-lg {
    padding-left: var(--padding-lg);
}
.padding-r-lg {
    padding-right: var(--padding-lg);
}
.padding-tb-lg {
    padding-top: var(--padding-lg);
    padding-bottom: var(--padding-lg);
}
.padding-t-lg {
    padding-top: var(--padding-lg);
}
.padding-b-lg {
    padding-bottom: var(--padding-lg);
}




/*------------------------------------*
  #BACKGROUND-IMAGE
*------------------------------------*/

    .img-col{
        min-height: auto;
    }
    
    /**
     * Sizing the image (to maintain it's ratio)
     */
    .background-image:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }
    .background-image,
    .background-image img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .background-image img{
        object-fit: cover;
    }





/*------------------------------------*
  #BUTTONS
*------------------------------------*/

.btn-primary .elementor-button,
.text-link{
    padding: 12px 32px !important;
    font-weight: 700 !important;
}

.text-link{
    width: auto;
    align-self: flex-start !important;
    background: var( --e-global-color-primary );
    border-radius: 4px;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;

}
.text-link p{
    color: #fff !important;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

.text-link:hover{
    background: var( --e-global-color-e778377 );
}



/*------------------------------------*
  #MAIN-BANNER
*------------------------------------*/

.main-banner{
    height: 90vh;
    min-height: 600px;
}
.main-banner .banner-logo,
.main-banner .banner-logo svg {
    height: 10vw;
}

@media only screen and (min-width: 1024px) {
    .main-banner .banner-logo,
    .main-banner .banner-logo svg {
        height: 5.5vw;
    }
}
    


    
/*------------------------------------*
  #THREE-COLUMNS-SECTION
*------------------------------------*/

.three-columns-section{
    padding: var(--padding-md);
    z-index: 2;
}

.three-columns-section .columns-container{
    gap: 0;
    padding: var(--padding-md);
}

@media only screen and (min-width: 768px) {
    .three-columns-section .columns-container{
        gap: var(--padding-md);
        padding: var(--padding-md);
    }  
}




/*------------------------------------*
  #TEXT-SECTION
*------------------------------------*/
.text-section{
    padding: var(--padding-md);
    z-index: 2;
}

.text-section .text{
    max-width: 1000px !important;
}




/*------------------------------------*
  #FULL/HALF-HEIGHT-SECTION
*------------------------------------*/

.half-height-section{
    min-height: 50vh;
}
.full-height-section{
    min-height: 100vh;
}

.text-section .text {
    max-width: 1100px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.eot');
	src: url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.woff2') format('woff2'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.woff') format('woff'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.ttf') format('truetype'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-bold-webfont.svg#GilroyBold') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy-Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.eot');
	src: url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.woff2') format('woff2'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.woff') format('woff'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.ttf') format('truetype'),
		url('https://staging-shapeinsight.supermatter.co.uk/wp-content/uploads/sites/16/2024/07/gilroy-light-webfont.svg#Gilroy-Light') format('svg');
}
/* End Custom Fonts CSS */