: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;

--h-6: clamp(0.75rem, calc(-0.0942244164vw + 0.7712004937rem), 0.7034766944rem);
    --h-5: clamp(0.8125rem, calc(0.2536393592vw + 0.7554311442rem), 0.9377344336rem);
    --h-4: clamp(1.125rem, calc(0.253164557vw + 1.0680379747rem), 1.25rem);
    --h-3: clamp(1.1875rem, calc(0.6329113924vw + 1.0450949367rem), 1.5rem);
    --h-2: clamp(1.62rem, calc(1.2174405063vw + 1.3460758861rem), 2.22111125rem);
    --h-1: clamp(2rem, calc(2.2784810127vw + 1.4873417722rem), 3.125rem);



        --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(2.6rem, 0.7rem + 4vw, 3.75rem);

        --xh-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.875rem, 0.84rem + 0.15vw, 0.95rem);   /* 14 → 15.2 */
  --text-s:  clamp(0.9375rem, 0.89rem + 0.18vw, 1.00rem);  /* 15 → 16 */
  --text-m:  clamp(1rem, 0.93rem + 0.22vw, 1.125rem);      /* 16 → 18 */
  --text-l:  clamp(1.0625rem, 0.98rem + 0.26vw, 1.25rem);  /* 17 → 20 */
  --text-xl: clamp(1.125rem, 1.02rem + 0.33vw, 1.375rem);  /* 18 → 22 */
  --text-xxl: clamp(1.25rem, 1.10rem + 0.45vw, 1.6rem);    /* 20 → 25.6 */

}

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);}

.hero-h {
        font-size: var(--h-title);
        font-family: 'Plus Jakarta Sans', Sans-Serif;
        font-weight:800;
        line-height: 2rem;
        }

.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;
}




.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);
}

.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 {
	background-color: var(--theme-palette-color-29) !important;
        color: var(--theme-palette-color-1) !important;
}
     
.button-alt .elementor-button:hover {
	background-color: var(--theme-palette-color-28) !important;
        color: var(--theme-palette-color-1) !important;
}
     


.button-dark .elementor-button {
	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;

}