:root {
        --button-corner-radius: 4px;
	--button-default-colour: var(--theme-palette-color-13);
	--button-default-colour-hover: var(--theme-palette-color-12);
	--button-padding-top: .9rem;
	--button-padding-bottom: .9rem;
	--button-padding-left: 2.5rem;
	--button-padding-right: 2.5rem;
        --button-padding-right-arrow: 1.5rem;

        /* Button Colours - For Hover, 1 is white and is 8 black*/

        --button-alt-colour: var(--theme-palette-color-29);
        --button-alt-colour-text: var(--theme-palette-color-1);
        --button-alt-colour-hover: var(--theme-palette-color-28);
        --button-alt-colour-hover-text: var(--theme-palette-color-1);

--h-6: clamp(1rem, calc(0.1878vw + 0.9296rem), 1.125rem);       /* 16px → 18px */
--h-5: clamp(1.125rem, calc(0.1878vw + 1.0546rem), 1.25rem);    /* 18px → 20px */
--h-4: clamp(1.25rem, calc(0.3756vw + 1.1093rem), 1.5rem);      /* 20px → 24px */
--h-3: clamp(1.5rem, calc(0.5634vw + 1.2887rem), 1.875rem);     /* 24px → 30px */
--h-2: clamp(1.875rem, calc(0.7512vw + 1.5934rem), 2.375rem);   /* 30px → 38px */
--h-1: clamp(2.375rem, calc(0.9390vw + 2.0234rem), 3.125rem);   /* 38px → 50px */



        --xh-6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
        --xh-5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
        --xh-4: clamp(1.25rem, 0.806rem + 0.926vw, 1.5rem);
        --xh-3: clamp(1.75rem, 0.833rem + 1.389vw, 2rem);
        --xh-2: clamp(2.25rem, 1.583rem + 1.389vw, 2.625rem);
        --xh-1: clamp(3rem, 1.667rem + 2.778vw, 3.75rem);
        --h-title: clamp(3rem, 0.778rem + 4.63vw, 4.25rem);	

        --xtext-xs: .8rem;
        --xtext-s: 1rem;
        --xtext-m: 1.125rem;
        --xtext-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
        --xtext-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);

     
--text-xs: clamp(0.75rem, calc(0.1563vw + 0.7044rem), 0.875rem);   /* 12px → 14px */
--text-s:  clamp(0.8125rem, calc(0.1736vw + 0.7734rem), 0.9375rem); /* 13px → 15px */
--text-m:  clamp(0.875rem, calc(0.1953vw + 0.8423rem), 1rem);       /* 14px → 16px */
--text-l:  clamp(1rem, calc(0.2170vw + 0.9609rem), 1.125rem);       /* 16px → 18px */
--text-xl: clamp(1.125rem, calc(0.2441vw + 1.0808rem), 1.265625rem);/* 18px → ~20px */
--text-xxl: clamp(1.265625rem, calc(0.2747vw + 1.2159rem), 1.423rem);/* ~20px → ~23px */

}

body, button, input, select, textarea { 
    font-size: var(--text-m) !important;
}


.text-xs {font-size: var(--text-xs) !important;}
.text-s {font-size: var(--text-s) !important;}
.text-m {font-size: var(--text-m) !important;}
.text-l {font-size: var(--text-l) !important;}
.text-xl {font-size: var(--text-xl) !important;}

h1 {font-size: var(--h-1);}
h2 {font-size: var(--h-2);}
h3 {font-size: var(--h-3);}
h4 {font-size: var(--h-4);}
h5 {font-size: var(--h-5);}
h6 {font-size: var(--h-6);}

.lookslikeh1 {font-size: var(--h-1);}
.lookslikeh2 {font-size: var(--h-2);}
.lookslikeh3 {font-size: var(--h-3);}
.lookslikeh4 {font-size: var(--h-4) !important;}
.lookslikeh5 {font-size: var(--h-5);}
.lookslikeh6 {font-size: var(--h-6);}

.wsf-form .wsf-field-wrapper .wsf-button {
          background : var(--theme-button-background-initial-color);
	  border-color : var(--theme-button-background-initial-color);
          color: #FFFFFF !important;
          font-family: var(--theme-button-font-family) !important;

}

.wsf-form .wsf-field-wrapper .wsf-button:hover {
          background : var(--theme-button-background-hover-color);
	  border-color : var(--theme-button-background-hover-color);
          color: #FFFFFF;

}

.ct-header .ct-button {
          font-family: var(--theme-button-font-family) !important;
}

.wsf-form {
	font-size: inherit !important;
}

.wsf-label {
	font-size: inherit !important;
}

.wsf-button {
	font-size: inherit !important;
}




.e-button-base, .elementor-button, .wsf-button, .ct-button {
        transition: transform 0.4s !important;
        border-radius: var(--button-corner-radius) !important;
	padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
	background-color: var(--button-default-colour) !important;
	font-size: var(--text-m) !important;
	transition: all 1s ease-out;
	color: #FFFFFF !important;
    line-height: 1rem !important;
    font-family: var(--theme-button-font-family);
}

.e-button-base:hover, .elementor-button:hover, .wsf-button:hover, .ct-button:hover {
        transform: translateX(7px);
        filter: brightness(100%);
background-color: var(--button-default-colour-hover) !important;
	transition: all 1s ease-in;
	
}

.button-alt .elementor-button, .e-button-base {
	background-color: var(--button-alt-colour) !important;
        color: var(--button-alt-colour-text) !important;
}
     
.button-alt .elementor-button:hover ,.e-button-base:hover {
	background-color: var(--button-alt-colour-hover) !important;
        color: var(--button-alt-colour-hover-text) !important;
}
     


.button-dark .elementor-button, .e-button-base  {
	background-color: var(--theme-palette-color-6) !important;
}

.button-dark .elementor-button:hover {
	background-color: var(--theme-palette-color-5) !important;
}

.button-light .elementor-button {
	background-color: var(--theme-palette-color-1) !important;
        color: black !important;
}

.button-light .elementor-button:hover {
	background-color: var(--theme-palette-color-1) !important;
	color:black !important;
}


.button-outline-dark .elementor-button{
        background-color: transparent !important;
        color: black !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-3 );
}


.button-outline-dark .elementor-button:hover{
        background-color: transparent;
        color: black !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-3 );
}


.button-outline-light .elementor-button {
        background-color: transparent !important;
        color: white !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-1 );
}

.button-outline-light .elementor-button:hover {
        background-color: transparent !important;
        color: white !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-1 );
}


.elementor-blockquote--skin-quotation .elementor-blockquote:before{
	color:var(--theme-palette-color-13) !important;
}


/* Buttons with RIGHT ARROW */



.right-arrow .elementor-button
{
	padding-right: var(--button-padding-right-arrow) !important;
}
.right-arrow .elementor-button-text::after {
   content : '\2192';
   margin-left : 1rem;
	 position: relative;
	 float: right;

}