body {
	font-family: objektiv-mk1, sans-serif;
    font-size: 16px; /* Set base font size */
}

/* VARIABLES */
:root {
	/* VARIABLES - top level Singlepoint colours */
	--sp-white-1: 255, 255, 255;
	--sp-white-2: rgba(var(--sp-white-1), 0.05);
	--sp-white-3: rgba(var(--sp-white-1), 0.1);

	--sp-teal-1: 0, 176, 190;
	--sp-teal-2: rgb(227, 242, 246);
	--sp-teal-3: rgb(236, 247, 249);
	--sp-teal-4: rgb(246, 251, 252);
	--sp-teal-5: rgba(var(--sp-teal-1), 0.05);
	--sp-teal-6: rgba(var(--sp-teal-1), 0.1);

  	--sp-dark-blue-1: 37, 56, 74;
	--sp-dark-blue-2: rgb(211, 213, 222);
	--sp-dark-blue-3: rgb(225, 227, 233);
	--sp-dark-blue-4: rgb(240, 241, 244);
	--sp-dark-blue-5: rgba(var(--sp-dark-blue-1), 0.05);
	--sp-dark-blue-6: rgba(var(--sp-dark-blue-1), 0.1);
	
	--sp-yellow-1: 241, 192, 82;
	--sp-yellow-2: rgb(255, 249, 235);
	--sp-yellow-3: rgb(255, 251, 242);
	--sp-yellow-4: rgb(255, 253, 249);
	--sp-yellow-5: rgba(var(--sp-yellow-1), 0.05);
	--sp-yellow-6: rgba(var(--sp-yellow-1), 0.1);
	
	--sp-coral-1: 255, 108, 114;
	--sp-coral-2: rgb(255, 233, 234);
	--sp-coral-3: rgb(255, 240, 241);
	--sp-coral-4: rgb(255, 248, 248);
	--sp-coral-5: rgba(var(--sp-coral-1), 0.05);
	--sp-coral-6: rgba(var(--sp-coral-1), 0.1);
	
	--sp-blue-1: (0, 98, 157);
	--sp-blue-2: rgb(225, 228, 241);
	--sp-blue-3: rgb(235, 237, 246);
	--sp-blue-4: rgb(245, 246, 251);
	--sp-blue-5: rgba(var(--sp-blue-1), 0.05);
	--sp-blue-6: rgba(var(--sp-blue-1), 0.1);

	--sp-interface-1: rgba(var(--sp-white), 0.05);
	--sp-interface-2: rgba(var(--sp-white), 0.1);
	--sp-interface-3: var(--sp-dark-blue-4);

    --sp-gradient-1: linear-gradient(45deg, rgba(var(--sp-blue-1), 1) 0%, rgba(var(--sp-teal-1), 1) 200%); 
    --sp-gradient-2: linear-gradient(225deg, rgb(0, 108, 140) 30%, rgb(74, 52, 74) 100%);
    --sp-gradient-3: linear-gradient(225deg, rgba(37,56,74,1) 30%, rgba(0,94,124,1) 100%);
    --sp-gradient-4: linear-gradient(225deg, rgb(80, 49, 73) 0%, rgb(0, 61, 85) 100%);
    --sp-gradient-5: linear-gradient(to right top, rgb(0, 142, 177) 0%, rgb(0, 76, 115) 50%, rgb(0, 131, 161) 100%);
    --sp-gradient-6: linear-gradient(to right top, rgb(0, 98, 157) 0%, rgb(37, 56, 74) 100%);

	/* VARIABLES - spacing */

	--sp-space-0: 0;
	--sp-space-4: 0.25rem;
	--sp-space-8: 0.5rem;
	--sp-space-16: 1rem;
	--sp-space-24: 1.5rem;
	--sp-space-32: 2rem;
	--sp-space-48: 3rem;
	--sp-space-64: 4rem;
	--sp-space-80: 5rem;
	--sp-space-96: 6rem;
}

/* COLOUR */

/* COLOUR - top level sp color */
.sp-white-1{color: rgb(var(--sp-white-1));}
.sp-white-2{color: var(--sp-white-2);}
.sp-white-3{color: var(--sp-white-3);}

.sp-teal-1{color: rgb(var(--sp-teal-1));}
.sp-teal-2{color: var(--sp-teal-2);}
.sp-teal-3{color: var(--sp-teal-3);}
.sp-teal-4{color: var(--sp-teal-4);}
.sp-teal-5{color: var(--sp-teal-5);}

.sp-dark-blue-1{color: rgb(var(--sp-dark-blue-1));}
.sp-dark-blue-2{color: var(--sp-dark-blue-2);}
.sp-dark-blue-3{color: var(--sp-dark-blue-3);}
.sp-dark-blue-4{color: var(--sp-dark-blue-4);}
.sp-dark-blue-5{color: var(--sp-dark-blue-5);}

.sp-yellow-1{color: rgb(var(--sp-yellow-1));}
.sp-yellow-2{color: var(--sp-yellow-2);}
.sp-yellow-3{color: var(--sp-yellow-3);}
.sp-yellow-4{color: var(--sp-yellow-4);}
.sp-yellow-5{color: var(--sp-yellow-5);}

.sp-coral-1{color: rgb(var(--sp-coral-1));}
.sp-coral-2{color: var(--sp-coral-2);}
.sp-coral-3{color: var(--sp-coral-3);}
.sp-coral-4{color: var(--sp-coral-4);}
.sp-coral-5{color: var(--sp-coral-5);}

.sp-blue-1{color: rgb(var(--sp-blue-1));}
.sp-blue-2{color: var(--sp-blue-2);}
.sp-blue-3{color: var(--sp-blue-3);}
.sp-blue-4{color: var(--sp-blue-4);}
.sp-blue-5{color: var(--sp-blue-5);}

.sp-interface-1{color: var(--sp-interface-1);}
.sp-interface-2{color: var(--sp-interface-2);}
.sp-interface-3{color: var(--sp-interface-3);}


/* COLOUR - background-color */
.sp-bg-white-1{background-color: rgb(var(--sp-white-1));}
.sp-bg-white-2{background-color: var(--sp-white-2);}
.sp-bg-white-3{background-color: var(--sp-white-3);}

.sp-bg-teal-1{background-color: rgb(var(--sp-teal-1));}
.sp-bg-teal-2{background-color: var(--sp-teal-2);}
.sp-bg-teal-3{background-color: var(--sp-teal-3);}
.sp-bg-teal-4{background-color: var(--sp-teal-4);}
.sp-bg-teal-5{background-color: var(--sp-teal-5);}

.sp-bg-dark-blue-1{background-color: rgb(var(--sp-dark-blue-1));}
.sp-bg-dark-blue-2{background-color: var(--sp-dark-blue-2);}
.sp-bg-dark-blue-3{background-color: var(--sp-dark-blue-3);}
.sp-bg-dark-blue-4{background-color: var(--sp-dark-blue-4);}
.sp-bg-dark-blue-5{background-color: var(--sp-dark-blue-5);}

.sp-bg-yellow-1{background-color: rgb(var(--sp-yellow-1));}
.sp-bg-yellow-2{background-color: var(--sp-yellow-2);}
.sp-bg-yellow-3{background-color: var(--sp-yellow-3);}
.sp-bg-yellow-4{background-color: var(--sp-yellow-4);}
.sp-bg-yellow-5{background-color: var(--sp-yellow-5);}

.sp-bg-coral-1{background-color: rgb(var(--sp-coral-1));}
.sp-bg-coral-2{background-color: var(--sp-coral-2);}
.sp-bg-coral-3{background-color: var(--sp-coral-3);}
.sp-bg-coral-4{background-color: var(--sp-coral-4);}
.sp-bg-coral-5{background-color: var(--sp-coral-5);}

.sp-bg-blue-1{background-color: rgb(var(--sp-blue-1));}
.sp-bg-blue-2{background-color: var(--sp-blue-2);}
.sp-bg-blue-3{background-color: var(--sp-blue-3);}
.sp-bg-blue-4{background-color: var(--sp-blue-4);}
.sp-bg-blue-5{background-color: var(--sp-blue-5);}

.sp-bg-interface-1{background-color: var(--sp-interface-1);}
.sp-bg-interface-2{background-color: var(--sp-interface-2);}
.sp-bg-interface-3{background-color: var(--sp-interface-3);}

.sp-bg-gradient-1 {
    background: rgb(var(--sp-blue-1));
    background: linear-gradient(45deg, rgba(var(--sp-blue-1), 1) 0%, rgba(var(--sp-teal-1), 1) 200%);
}

.sp-bg-gradient-2 {
    background: rgb(74,52,74);
    background: var(--sp-gradient-2);
}

.sp-bg-gradient-3 {
    background: rgb(var(--sp-dark-blue-1));
    background: var(--sp-gradient-3);
}


/* SPACING */

/* SPACING - margins */
.sp-m-0{margin: var(--sp-space-0)!important;}
.sp-m-4{margin: var(--sp-space-4)!important;}
.sp-m-8{margin: var(--sp-space-8)!important;}
.sp-m-16{margin: var(--sp-space-16)!important;}
.sp-m-24{margin: var(--sp-space-24)!important;}
.sp-m-32{margin: var(--sp-space-32)!important;}
.sp-m-48{margin: var(--sp-space-48)!important;}
.sp-m-64{margin: var(--sp-space-64)!important;}
.sp-m-80{margin: var(--sp-space-80)!important;}
.sp-m-96{margin: var(--sp-space-96)!important;}

.sp-mt-0 {margin-top: var(--sp-space-0)!important;}
.sp-mr-0 {margin-right: var(--sp-space-0)!important;}
.sp-mb-0 {margin-bottom: var(--sp-space-0)!important;}
.sp-ml-0 {margin-left: var(--sp-space-0)!important;}
.sp-mx-0 {margin-left: var(--sp-space-0)!important; margin-right: var(--sp-space-0)!important;}
.sp-my-0 {margin-top: var(--sp-space-0)!important; margin-bottom: var(--sp-space-0)!important;}

.sp-mt-4 {margin-top: var(--sp-space-4)!important;}
.sp-mr-4 {margin-right: var(--sp-space-4)!important;}
.sp-mb-4 {margin-bottom: var(--sp-space-4)!important;}
.sp-ml-4 {margin-left: var(--sp-space-4)!important;}
.sp-mx-4 {margin-left: var(--sp-space-4)!important; margin-right: var(--sp-space-4)!important;}
.sp-my-4 {margin-top: var(--sp-space-4)!important; margin-bottom: var(--sp-space-4)!important;}

.sp-mt-8 {margin-top: var(--sp-space-8)!important;}
.sp-mr-8 {margin-right: var(--sp-space-8)!important;}
.sp-mb-8 {margin-bottom: var(--sp-space-8)!important;}
.sp-ml-8 {margin-left: var(--sp-space-8)!important;}
.sp-mx-8 {margin-left: var(--sp-space-8)!important; margin-right: var(--sp-space-8)!important;}
.sp-my-8 {margin-top: var(--sp-space-8)!important; margin-bottom: var(--sp-space-8)!important;}

.sp-mt-16 {margin-top: var(--sp-space-16)!important;}
.sp-mr-16 {margin-right: var(--sp-space-16)!important;}
.sp-mb-16 {margin-bottom: var(--sp-space-16)!important;}
.sp-ml-16 {margin-left: var(--sp-space-16)!important;}
.sp-mx-16 {margin-left: var(--sp-space-16)!important; margin-right: var(--sp-space-16)!important;}
.sp-my-16 {margin-top: var(--sp-space-16)!important; margin-bottom: var(--sp-space-16)!important;}

.sp-mt-24 {margin-top: var(--sp-space-24)!important;}
.sp-mr-24 {margin-right: var(--sp-space-24)!important;}
.sp-mb-24 {margin-bottom: var(--sp-space-24)!important;}
.sp-ml-24 {margin-left: var(--sp-space-24)!important;}
.sp-mx-24 {margin-left: var(--sp-space-24)!important; margin-right: var(--sp-space-24)!important;}
.sp-my-24 {margin-top: var(--sp-space-24)!important; margin-bottom: var(--sp-space-24)!important;}

.sp-mt-32 {margin-top: var(--sp-space-32)!important;}
.sp-mr-32 {margin-right: var(--sp-space-32)!important;}
.sp-mb-32 {margin-bottom: var(--sp-space-32)!important;}
.sp-ml-32 {margin-left: var(--sp-space-32)!important;}
.sp-mx-32 {margin-left: var(--sp-space-32)!important; margin-right: var(--sp-space-32)!important;}
.sp-my-32 {margin-top: var(--sp-space-32)!important; margin-bottom: var(--sp-space-32)!important;}

.sp-mt-48 {margin-top: var(--sp-space-48)!important;}
.sp-mr-48 {margin-right: var(--sp-space-48)!important;}
.sp-mb-48 {margin-bottom: var(--sp-space-48)!important;}
.sp-ml-48 {margin-left: var(--sp-space-48)!important;}
.sp-mx-48 {margin-left: var(--sp-space-48)!important; margin-right: var(--sp-space-48)!important;}
.sp-my-48 {margin-top: var(--sp-space-48)!important; margin-bottom: var(--sp-space-48)!important;}

.sp-mt-64 {margin-top: var(--sp-space-64)!important;}
.sp-mr-64 {margin-right: var(--sp-space-64)!important;}
.sp-mb-64 {margin-bottom: var(--sp-space-64)!important;}
.sp-ml-64 {margin-left: var(--sp-space-64)!important;}
.sp-mx-64 {margin-left: var(--sp-space-64)!important; margin-right: var(--sp-space-64)!important;}
.sp-my-64 {margin-top: var(--sp-space-64)!important; margin-bottom: var(--sp-space-64)!important;}

.sp-mt-80 {margin-top: var(--sp-space-80)!important;}
.sp-mr-80 {margin-right: var(--sp-space-80)!important;}
.sp-mb-80 {margin-bottom: var(--sp-space-80)!important;}
.sp-ml-80 {margin-left: var(--sp-space-80)!important;}
.sp-mx-80 {margin-left: var(--sp-space-80)!important; margin-right: var(--sp-space-80)!important;}
.sp-my-80 {margin-top: var(--sp-space-80)!important; margin-bottom: var(--sp-space-80)!important;}

.sp-mt-96 {margin-top: var(--sp-space-96)!important;}
.sp-mr-96 {margin-right: var(--sp-space-96)!important;}
.sp-mb-96 {margin-bottom: var(--sp-space-96)!important;}
.sp-ml-96 {margin-left: var(--sp-space-96)!important;}
.sp-mx-96 {margin-left: var(--sp-space-96)!important; margin-right: var(--sp-space-96)!important;}
.sp-my-96 {margin-top: var(--sp-space-96)!important; margin-bottom: var(--sp-space-96)!important;}

/* Mobile margin */
@media screen and (max-width: 980px) {
    .sp-mob-mt-0 {margin-top: var(--sp-space-0)!important;}
    .sp-mob-mt-4 {margin-top: var(--sp-space-4)!important;}
    .sp-mob-mt-8 {margin-top: var(--sp-space-8)!important;}
    .sp-mob-mt-16 {margin-top: var(--sp-space-16)!important;}
    .sp-mob-mt-24 {margin-top: var(--sp-space-24)!important;}
    .sp-mob-mt-32 {margin-top: var(--sp-space-32)!important;}
    .sp-mob-mt-48 {margin-top: var(--sp-space-48)!important;}
    .sp-mob-mt-64 {margin-top: var(--sp-space-64)!important;}
    .sp-mob-mt-80 {margin-top: var(--sp-space-80)!important;}
    .sp-mob-mt-96 {margin-top: var(--sp-space-96)!important;}
}

/* SPACING - padding */

.sp-p-0{padding: var(--sp-space-0)!important;}
.sp-p-4{padding: var(--sp-space-4)!important;}
.sp-p-8{padding: var(--sp-space-8)!important;}
.sp-p-16{padding: var(--sp-space-16)!important;}
.sp-p-24{padding: var(--sp-space-24)!important;}
.sp-p-32{padding: var(--sp-space-32)!important;}
.sp-p-48{padding: var(--sp-space-48)!important;}
.sp-p-64{padding: var(--sp-space-64)!important;}
.sp-p-80{padding: var(--sp-space-80)!important;}
.sp-p-96{padding: var(--sp-space-96)!important;}

.sp-pt-0 {padding-top: var(--sp-space-0)!important;}
.sp-pr-0 {padding-right: var(--sp-space-0)!important;}
.sp-pb-0 {padding-bottom: var(--sp-space-0)!important;}
.sp-pl-0 {padding-left: var(--sp-space-0)!important;}
.sp-px-0 {padding-left: var(--sp-space-0)!important; padding-right: var(--sp-space-0)!important;}
.sp-py-0 {padding-top: var(--sp-space-0)!important; padding-bottom: var(--sp-space-0)!important;}

.sp-pt-4 {padding-top: var(--sp-space-4)!important;}
.sp-pr-4 {padding-right: var(--sp-space-4)!important;}
.sp-pb-4 {padding-bottom: var(--sp-space-4)!important;}
.sp-pl-4 {padding-left: var(--sp-space-4)!important;}
.sp-px-4 {padding-left: var(--sp-space-4)!important; padding-right: var(--sp-space-4)!important;}
.sp-py-4 {padding-top: var(--sp-space-4)!important; padding-bottom: var(--sp-space-4)!important;}

.sp-pt-8 {padding-top: var(--sp-space-8)!important;}
.sp-pr-8 {padding-right: var(--sp-space-8)!important;}
.sp-pb-8 {padding-bottom: var(--sp-space-8)!important;}
.sp-pl-8 {padding-left: var(--sp-space-8)!important;}
.sp-px-8 {padding-left: var(--sp-space-8)!important; padding-right: var(--sp-space-8)!important;}
.sp-py-8 {padding-top: var(--sp-space-8)!important; padding-bottom: var(--sp-space-8)!important;}

.sp-pt-16 {padding-top: var(--sp-space-16)!important;}
.sp-pr-16 {padding-right: var(--sp-space-16)!important;}
.sp-pb-16 {padding-bottom: var(--sp-space-16)!important;}
.sp-pl-16 {padding-left: var(--sp-space-16)!important;}
.sp-px-16 {padding-left: var(--sp-space-16)!important; padding-right: var(--sp-space-16)!important;}
.sp-py-16 {padding-top: var(--sp-space-16)!important; padding-bottom: var(--sp-space-16)!important;}

.sp-pt-24 {padding-top: var(--sp-space-24)!important;}
.sp-pr-24 {padding-right: var(--sp-space-24)!important;}
.sp-pb-24 {padding-bottom: var(--sp-space-24)!important;}
.sp-pl-24 {padding-left: var(--sp-space-24)!important;}
.sp-px-24 {padding-left: var(--sp-space-24)!important; padding-right: var(--sp-space-24)!important;}
.sp-py-24 {padding-top: var(--sp-space-24)!important; padding-bottom: var(--sp-space-24)!important;}

.sp-pt-32 {padding-top: var(--sp-space-32)!important;}
.sp-pr-32 {padding-right: var(--sp-space-32)!important;}
.sp-pb-32 {padding-bottom: var(--sp-space-32)!important;}
.sp-pl-32 {padding-left: var(--sp-space-32)!important;}
.sp-px-32 {padding-left: var(--sp-space-32)!important; padding-right: var(--sp-space-32)!important;}
.sp-py-32 {padding-top: var(--sp-space-32)!important; padding-bottom: var(--sp-space-32)!important;}

.sp-pt-48 {padding-top: var(--sp-space-48)!important;}
.sp-pr-48 {padding-right: var(--sp-space-48)!important;}
.sp-pb-48 {padding-bottom: var(--sp-space-48)!important;}
.sp-pl-48 {padding-left: var(--sp-space-48)!important;}
.sp-px-48 {padding-left: var(--sp-space-48)!important; padding-right: var(--sp-space-48)!important;}
.sp-py-48 {padding-top: var(--sp-space-48)!important; padding-bottom: var(--sp-space-48)!important;}

.sp-pt-64 {padding-top: var(--sp-space-64)!important;}
.sp-pr-64 {padding-right: var(--sp-space-64)!important;}
.sp-pb-64 {padding-bottom: var(--sp-space-64)!important;}
.sp-pl-64 {padding-left: var(--sp-space-64)!important;}
.sp-px-64 {padding-left: var(--sp-space-64)!important; padding-right: var(--sp-space-64)!important;}
.sp-py-64 {padding-top: var(--sp-space-64)!important; padding-bottom: var(--sp-space-64)!important;}

.sp-pt-80 {padding-top: var(--sp-space-80)!important;}
.sp-pr-80 {padding-right: var(--sp-space-80)!important;}
.sp-pb-80 {padding-bottom: var(--sp-space-80)!important;}
.sp-pl-80 {padding-left: var(--sp-space-80)!important;}
.sp-px-80 {padding-left: var(--sp-space-80)!important; padding-right: var(--sp-space-80)!important;}
.sp-py-80 {padding-top: var(--sp-space-80)!important; padding-bottom: var(--sp-space-80)!important;}

.sp-pt-96 {padding-top: var(--sp-space-96)!important;}
.sp-pr-96 {padding-right: var(--sp-space-96)!important;}
.sp-pb-96 {padding-bottom: var(--sp-space-96)!important;}
.sp-pl-96 {padding-left: var(--sp-space-96)!important;}
.sp-px-96 {padding-left: var(--sp-space-96)!important; padding-right: var(--sp-space-96)!important;}
.sp-py-96 {padding-top: var(--sp-space-96)!important; padding-bottom: var(--sp-space-96)!important;}

/* CHARACTER STYLES */

/* TYPOGRAPHY - Font sizes for Posts */
.single-post h1, .single-post .sp-h1 {
	font-size: 3rem;
	line-height: 4rem;
}

.single-post h2, .single-post .sp-h2 {
	font-size: 2.5rem;
	line-height: 3.5rem;
}

.single-post h3, .single-post .sp-h3 {
	font-size: 1.8rem !important;
	line-height: 2.3rem !important;
}

.single-post h4, .single-post .sp-h4 {
	font-size: 1.5rem;
	line-height: 2rem;
}

.single-post h5, .single-post .sp-h5 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.single-post h6, .single-post .sp-h6 {
	font-size: 1rem;
	line-height: 1.5rem;
}

/* TYPOGRAPHY - Font sizes for Post - mobile sizes */
@media only screen and (max-width: 768px){
	.single-post h1, .single-post .sp-h1 {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .single-post h2, .single-post .sp-h2 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    
   .single-post h3, .single-post .sp-h3 {
        font-size: 1.4rem !important;
        line-height: 1.9rem !important;
    }
}

/* TYPOGRAPHY - desktop sizes */
h1, h2, h3, h4, .sp-h1, .sp-h2, .sp-h3, .sp-h4 {
    padding-bottom: 1rem;
}

h1:last-of-type, h2:last-of-type, h3:last-of-type, h4:last-of-type, .sp-h1:last-of-type, .sp-h2:last-of-type, .sp-h3:last-of-type, .sp-h4:last-of-type {
    padding-bottom: 0rem;
}

h5, h6, p, .sp-h5, .sp-h6, .sp-p, .sp-p-small {
    padding-bottom: 1rem;
}

h5:last-of-type, h6:last-of-type, p:last-of-type, .sp-h5:last-of-type, .sp-h6:last-of-type, .sp-p:last-of-type, .sp-p-small:last-of-type {
    padding-bottom: 0rem;
}

h1, .sp-h1 {
	font-size: 4rem;
	line-height: 5rem;
}

h2, .sp-h2 {
	font-size: 3rem;
	line-height: 4rem;
}

h3, .sp-h3 {
	font-size: 2rem !important;
	line-height: 2.5rem !important;
}

h4, .sp-h4 {
	font-size: 1.5rem;
	line-height: 2rem;
}

h5, .sp-h5 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

h6, .sp-h6 {
	font-size: 1rem;
	line-height: 1.5rem;
}

p, .sp-p {
	font-size: 1rem;
	line-height: 1.5rem;
}

.sp-p-small {
    font-size: 0.875rem;
    line-height: 1.375rem;
}

blockquote {
    border-color: rgb(var(--sp-teal-1));
    margin: 2rem -57.5px 2rem;
    border-left: 0.25rem solid;
    padding-left: 2rem;
}

blockquote p {
    font-weight: bold;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 2rem;
}

@media screen and (max-width: 980px) {
    blockquote {
        margin: 2rem 0 2rem;
    }
}

/* TYPOGRAPHY - mobile sizes */
@media only screen and (max-width: 768px){
	h1, .sp-h1 {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    
    h2, .sp-h2 {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    h3, .sp-h3 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

/* BUTTONS */

/* TEXT LINK */
.sp-text-link {
    color: rgb(var(--sp-teal-1)) !important;
    cursor: pointer;
}

/* BUTTONS - general */
.sp-btn {
    display: block;
}

.sp-btn a {
    cursor: pointer;
	padding: 0.75rem 2rem;
    border-radius: 100rem;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.5rem;
}

.sp-btn a i {
    margin-left: .5rem;
}

.sp-btn a:active {
  	transform: scale(0.96)!important;
}

/* BUTTONS - Primary button */
.sp-primary-btn {
    position: relative;
}

.sp-primary-btn a {
    padding: 0.75rem 2rem 0.75rem 4.15rem;
    z-index: 5;
    background-color: var(--sp-white-2);
    border: 2px solid transparent;
    color: rgb(var(--sp-white-1));
}

.sp-primary-btn:hover a {
    background-color: transparent;
}

.sp-primary-btn::before {
    content: "\f054";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 2rem;
    width: 3.25rem;
    height: 3.25rem;
    background: rgb(var(--sp-teal-1));
    border-radius: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1;
  }
  
  .sp-primary-btn:hover::before {
    content: "\f061";
    width: 100%;
    z-index: -1;
    justify-content: flex-start;
    padding-left: 1.5rem;
    width: calc(100% - 1.5rem);
  }

/* BUTTONS - Secondary button */
.sp-secondary-btn a {
    background-color: var(--sp-white-2);
    border: 2px solid transparent;
    color: rgb(var(--sp-white-1));
}

.sp-secondary-btn a:hover {
    background-color: var(--sp-white-3);
}

/* BUTTONS - Dark blue button */
.sp-dark-blue-btn a {
    background-color: rgb(var(--sp-dark-blue-1));
    border: 2px solid transparent;
    color: rgb(var(--sp-white-1));
}

.sp-dark-blue-btn a:hover {
    background-color: rgb(var(--sp-blue-1));
}
 
/* BUTTONS - utility class for .button-wrap */
.sp-fw-btn,
.sp-fw-btn a {
	width: 100%;
}

/* BUTTON - with icon */

.sp-btn-icon a {
    padding: 0.75rem 1.5rem 0.75rem 1.75rem !important;
}

.sp-btn-icon i {
    margin-left: 1rem !important;
}

.sp-icon-link {
    color: inherit !important;
    text-decoration: underline 1px rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.sp-icon-link:hover {
    text-decoration: underline 1px rgba(255, 255, 255, 0);
}

.sp-icon-link i {
    margin-left: 0.75rem;
    transition: all 0.3s ease;
}

.sp-icon-link:hover i {
    margin-left: 1rem;
}

/* FLEX */

.sp-d-flex {display: flex;}
.sp-d-inline-block {display: inline-block;}

.sp-hide-desktop {display: none !important;}

@media screen and (max-width: 980px) {
    .sp-mob-block {display: block !important};
    .sp-mob-stack {display: flex !important; flex-direction: column !important;}
    .sp-mob-stack-reverse {display: flex; flex-direction: column-reverse !important;} 
    .sp-hide-mobile {display: none !important;}
    .sp-hide-desktop {display: block !important;}
}

/* FLEX - flex-direction */
.sp-flex-row {flex-direction: row;}
.sp-flex-column {flex-direction: column;} 

/* FLEX - justify-content */
.sp-justify-content-start {justify-content: start;}
.sp-justify-content-end {justify-content: end;}
.sp-justify-content-center {justify-content: center;}
.sp-justify-content-between {justify-content: space-between;}
.sp-justify-content-around {justify-content: space-around;}

/* FLEX - align-items */
.sp-align-items-start{align-items: start;}
.sp-align-items-end{align-items: end;}
.sp-align-items-center{align-items: center;}
.sp-align-items-baseline{align-items: baseline;}
.sp-align-items-stretch{align-items: stretch;}

/* FLEX - align-self */
.sp-align-self-start{align-self: start;}
.sp-align-self-end{align-self: end;}
.sp-align-self-center{align-self: center;}
.sp-align-self-baseline{align-self: baseline;}
.sp-align-self-stretch{align-self: stretch;}

/* FLEX - flex-wrap */
.sp-flex-wrap {flex-wrap: wrap;}

/* FLEX - flex-flow for responsive stacking */
@media screen and (max-width: 980px) {
	.sp-stack-mobile {
		flex-flow: column nowrap;
	}
	
	.sp-stack-mobile-reverse {
        display: flex;
		flex-flow: column-reverse nowrap;
	}
  }

/* FLEX - auto margins */
.sp-mt-auto {margin-top: auto;}
.sp-mr-auto {margin-right: auto;}
.sp-mb-auto {margin-bottom: auto;}
.sp-ml-auto {margin-left: auto;}
.sp-mx-auto, .sp-mx-auto img {margin-left: auto; margin-right: auto;}
.sp-my-auto, .sp-my-auto img {margin-top: auto; margin-bottom: auto;}

/* FLEX - flex */
.sp-flex-1 {flex: 1;}
.sp-flex-2 {flex: 2;}
.sp-flex-3 {flex: 3;}
.sp-flex-4 {flex: 4;}
.sp-flex-5 {flex: 5;}
.sp-flex-6 {flex: 6;}
.sp-flex-7 {flex: 7;}
.sp-flex-8 {flex: 8;}
.sp-flex-9 {flex: 9;}
.sp-flex-10 {flex: 10;}
.sp-flex-11 {flex: 11;}
.sp-flex-12 {flex: 12;}

/* GRID */
.sp-grid{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

/* GRID - testing */
.sp-grid-child-test {
	background-color: red;
	height: 100px;
}

/* GRID - gap */
.sp-gap-0 {gap: 0;}
.sp-gap-8 {gap: .5rem;}
.sp-gap-16 {gap: 1rem;}
.sp-gap-24 {gap: 1.5rem;}
.sp-gap-32 {gap: 2rem;}
.sp-gap-48 {gap: 3rem;}
.sp-gap-64 {gap: 4rem;}

/* GRID - row gap */
.sp-row-gap-0 {row-gap: 0;}
.sp-row-gap-8 {row-gap: .5rem;}
.sp-row-gap-16 {row-gap: 1rem;}
.sp-row-gap-24 {row-gap: 1.5rem;}
.sp-row-gap-32 {row-gap: 2rem;}
.sp-row-gap-48 {row-gap: 3rem;}
.sp-row-gap-64 {row-gap: 4rem;}

/* GRID - column gap */
.sp-column-gap-0 {column-gap: 0;}
.sp-column-gap-8 {column-gap: .5rem;}
.sp-column-gap-16 {column-gap: 1rem;}
.sp-column-gap-24 {column-gap: 1.5rem;}
.sp-column-gap-32 {column-gap: 2rem;}
.sp-column-gap-48 {column-gap: 3rem;}
.sp-column-gap-64 {column-gap: 4rem;}

/* GRID - mobile gap */
@media screen and (max-wdith: 980px) {
    .sp-mob-gap-0 {gap: 0 !important;}
    .sp-mob-gap-8 {gap: 0.5rem !important;}
    .sp-mob-gap-16 {gap: 1rem !important;}
    .sp-mob-gap-24 {gap: 1.5rem;}
    .sp-mob-gap-32 {gap: 2rem;}
    .sp-mob-gap-48 {gap: 3rem;}
    .sp-mob-gap-64 {gap: 4rem;}
}

/* Mobile order */
@media (max-width: 980px) {
	.sp-order-parent {
		display: flex;
		flex-wrap: wrap;
	}
	
	.sp-order-1 {order: 1;}
	.sp-order-2 {order: 2;}
	.sp-order-3 {order: 3;}
	.sp-order-4 {order: 4;}
	.sp-order-5 {order: 5;}
	.sp-order-6 {order: 6;}
	.sp-order-7 {order: 7;}
	.sp-order-8 {order: 8;}
	.sp-order-9 {order: 9;}
	.sp-order-10 {order: 10;}
	.sp-order-11 {order: 11;}
	.sp-order-12 {order: 12;}
}

/* GRID - columns*/
.sp-grid-col-1 {grid-column: auto/span 1;}
.sp-grid-col-2 {grid-column: auto/span 2;}
.sp-grid-col-3 {grid-column: auto/span 3;}
.sp-grid-col-4 {grid-column: auto/span 4;}
.sp-grid-col-5 {grid-column: auto/span 5;}
.sp-grid-col-6 {grid-column: auto/span 6;}
.sp-grid-col-7 {grid-column: auto/span 7;}
.sp-grid-col-8 {grid-column: auto/span 8;}
.sp-grid-col-9 {grid-column: auto/span 9;}
.sp-grid-col-10 {grid-column: auto/span 10;}
.sp-grid-col-11 {grid-column: auto/span 11;}
.sp-grid-col-12 {grid-column: auto/span 12;}

@media (min-width: 576px) {
    .sp-grid .sp-grid-col-sm-1 {
        grid-column:auto/span 1
    }

    .sp-grid .sp-grid-col-sm-2 {
        grid-column: auto/span 2
    }

    .sp-grid .sp-grid-col-sm-3 {
        grid-column: auto/span 3
    }

    .sp-grid .sp-grid-col-sm-4 {
        grid-column: auto/span 4
    }

    .sp-grid .sp-grid-col-sm-5 {
        grid-column: auto/span 5
    }

    .sp-grid .sp-grid-col-sm-6 {
        grid-column: auto/span 6
    }

    .sp-grid .sp-grid-col-sm-7 {
        grid-column: auto/span 7
    }

    .sp-grid .sp-grid-col-sm-8 {
        grid-column: auto/span 8
    }

    .sp-grid .sp-grid-col-sm-9 {
        grid-column: auto/span 9
    }

    .sp-grid .sp-grid-col-sm-10 {
        grid-column: auto/span 10
    }

    .sp-grid .sp-grid-col-sm-11 {
        grid-column: auto/span 11
    }

    .sp-grid .sp-grid-col-sm-12 {
        grid-column: auto/span 12
    }

    .sp-gap-sm-0 {gap: 0;}
    .sp-gap-sm-8 {gap: 0.5rem;}
    .sp-gap-sm-16 {gap: 1rem;}
    .sp-gap-sm-24 {gap: 1.5rem;}
    .sp-gap-sm-32 {gap: 2rem;}
    .sp-gap-sm-48 {gap: 3rem;}
    .sp-gap-sm-64 {gap: 4rem;}

}

@media (min-width: 768px) {
    .sp-grid .sp-grid-col-md-1 {
        grid-column:auto/span 1
    }

    .sp-grid .sp-grid-col-md-2 {
        grid-column: auto/span 2
    }

    .sp-grid .sp-grid-col-md-3 {
        grid-column: auto/span 3
    }

    .sp-grid .sp-grid-col-md-4 {
        grid-column: auto/span 4
    }

    .sp-grid .sp-grid-col-md-5 {
        grid-column: auto/span 5
    }

    .sp-grid .sp-grid-col-md-6 {
        grid-column: auto/span 6
    }

    .sp-grid .sp-grid-col-md-7 {
        grid-column: auto/span 7
    }

    .sp-grid .sp-grid-col-md-8 {
        grid-column: auto/span 8
    }

    .sp-grid .sp-grid-col-md-9 {
        grid-column: auto/span 9
    }

    .sp-grid .sp-grid-col-md-10 {
        grid-column: auto/span 10
    }

    .sp-grid .sp-grid-col-md-11 {
        grid-column: auto/span 11
    }

    .sp-grid .sp-grid-col-md-12 {
        grid-column: auto/span 12
    }

    .sp-gap-md-0 {gap: 0;}
    .sp-gap-md-8 {gap: 0.5rem;}
    .sp-gap-md-16 {gap: 1rem;}
    .sp-gap-md-24 {gap: 1.5rem;}
    .sp-gap-md-32 {gap: 2rem;}
    .sp-gap-md-48 {gap: 3rem;}
    .sp-gap-md-64 {gap: 4rem;}

}

@media (min-width: 992px) {
    .sp-grid .sp-grid-col-lg-1 {
        grid-column:auto/span 1
    }

    .sp-grid .sp-grid-col-lg-2 {
        grid-column: auto/span 2
    }

    .sp-grid .sp-grid-col-lg-3 {
        grid-column: auto/span 3
    }

    .sp-grid .sp-grid-col-lg-4 {
        grid-column: auto/span 4
    }

    .sp-grid .sp-grid-col-lg-5 {
        grid-column: auto/span 5
    }

    .sp-grid .sp-grid-col-lg-6 {
        grid-column: auto/span 6
    }

    .sp-grid .sp-grid-col-lg-7 {
        grid-column: auto/span 7
    }

    .sp-grid .sp-grid-col-lg-8 {
        grid-column: auto/span 8
    }

    .sp-grid .sp-grid-col-lg-9 {
        grid-column: auto/span 9
    }

    .sp-grid .sp-grid-col-lg-10 {
        grid-column: auto/span 10
    }

    .sp-grid .sp-grid-col-lg-11 {
        grid-column: auto/span 11
    }

    .sp-grid .sp-grid-col-lg-12 {
        grid-column: auto/span 12
    }
    
    .sp-gap-lg-0 {gap: 0;}
    .sp-gap-lg-8 {gap: 0.5rem;}
    .sp-gap-lg-16 {gap: 1rem;}
    .sp-gap-lg-24 {gap: 1.5rem;}
    .sp-gap-lg-32 {gap: 2rem;}
    .sp-gap-lg-48 {gap: 3rem;}
    .sp-gap-lg-64 {gap: 4rem;}
}

@media (min-width: 1200px) {
    .sp-grid .sp-grid-col-xl-1 {
        grid-column:auto/span 1
    }

    .sp-grid .sp-grid-col-xl-2 {
        grid-column: auto/span 2
    }

    .sp-grid .sp-grid-col-xl-3 {
        grid-column: auto/span 3
    }

    .sp-grid .sp-grid-col-xl-4 {
        grid-column: auto/span 4
    }

    .sp-grid .sp-grid-col-xl-5 {
        grid-column: auto/span 5
    }

    .sp-grid .sp-grid-col-xl-6 {
        grid-column: auto/span 6
    }

    .sp-grid .sp-grid-col-xl-7 {
        grid-column: auto/span 7
    }

    .sp-grid .sp-grid-col-xl-8 {
        grid-column: auto/span 8
    }

    .sp-grid .sp-grid-col-xl-9 {
        grid-column: auto/span 9
    }

    .sp-grid .sp-grid-col-xl-10 {
        grid-column: auto/span 10
    }

    .sp-grid .sp-grid-col-xl-11 {
        grid-column: auto/span 11
    }

    .sp-grid .sp-grid-col-xl-12 {
        grid-column: auto/span 12
    }
}

/* BORDER RADIUS */
.sp-br-0 {border-radius: var(--sp-space-0)!important;}
.sp-br-tl-0 {border-top-left-radius: var(--sp-space-0)!important;}
.sp-br-tr-0 {border-top-right-radius: var(--sp-space-0)!important;}
.sp-br-br-0 {border-bottom-right-radius: var(--sp-space-0)!important;}
.sp-br-bl-0 {border-bottom-left-radius: var(--sp-space-0)!important;}

.sp-br-4 {border-radius: 0.25rem!important;}
.sp-br-tl-4 {border-top-left-radius: 0.25rem!important;}
.sp-br-tr-4 {border-top-right-radius: 0.25rem!important;}
.sp-br-br-4 {border-bottom-right-radius: 0.25rem!important;}
.sp-br-bl-4 {border-bottom-left-radius: 0.25rem!important;}

.sp-br-8 {border-radius: 0.5rem!important;}
.sp-br-tl-8 {border-top-left-radius: 0.5rem!important;}
.sp-br-tr-8 {border-top-right-radius: 0.5rem!important;}
.sp-br-br-8 {border-bottom-right-radius: 0.5rem!important;}
.sp-br-bl-8 {border-bottom-left-radius: 0.5rem!important;}

.sp-br-16 {border-radius: 1rem!important;}
.sp-br-tl-16 {border-top-left-radius: 1rem!important;}
.sp-br-tr-16 {border-top-right-radius: 1rem!important;}
.sp-br-br-16 {border-bottom-right-radius: 1rem!important;}
.sp-br-bl-16 {border-bottom-left-radius: 1rem!important;}

.sp-br-24 {border-radius: 1.5rem!important;}
.sp-br-tl-24 {border-top-left-radius: 1.5rem!important;}
.sp-br-tr-24 {border-top-right-radius: 1.5rem!important;}
.sp-br-br-24 {border-bottom-right-radius: 1.5rem!important;}
.sp-br-bl-24 {border-bottom-left-radius: 1.5rem!important;}

.sp-br-32 {border-radius: 1.5rem!important;}
.sp-br-tl-32 {border-top-left-radius: 1.5rem!important;}
.sp-br-tr-32 {border-top-right-radius: 1.5rem!important;}
.sp-br-br-32 {border-bottom-right-radius: 1.5rem!important;}
.sp-br-bl-32 {border-bottom-left-radius: 1.5rem!important;}

.sp-br-48 {border-radius: 1.5rem!important;}
.sp-br-tl-48 {border-top-left-radius: 1.5rem!important;}
.sp-br-tr-48 {border-top-right-radius: 1.5rem!important;}
.sp-br-br-48 {border-bottom-right-radius: 1.5rem!important;}
.sp-br-bl-48 {border-bottom-left-radius: 1.5rem!important;}

/* IMAGES */

img, svg {
    display: block;
    max-width: 100%;
}

.sp-cover-img .et_pb_image_wrap img {
	object-fit: cover;
}

/* LISTS */
.sp-ul li::marker{
	color: inherit;
}
.sp-ul li {
	padding-left: 1rem;
}

.sp-marker-teal li::marker {
    color: var(--sp-teal-1);
}

.sp-marker-dark-blue li::marker {
    color: var(--sp-dark-blue-1);
}

.sp-marker-white li::marker {
    color: var(--sp-white-1);
}

.sp-button-list {
    list-style: none !important;
    padding: 0 !important;
}
  
.sp-button-list li {
    padding: 0.75rem 2rem;
    background-color: var(--sp-teal-5);
    border: 1px solid rgb(var(--sp-teal-1));
    border-radius: 0.5rem;
}

.sp-text-list-block p {
    padding: 6px 2rem !important;
    background-color: var(--sp-teal-5);
    border-left: 2px solid rgb(var(--sp-teal-1));
    border-radius: 0 2px 2px 0;
}

@media screen and (max-width: 980px) {
    .sp-button-list li {
        padding: 0.25rem 1rem;
    }
}

.sp-accordion-list {
    list-style: none !important;
    margin-top: 0.5rem;
    padding: 0 !important;
}

/* TABLES */
table.sp-table th, table.sp-table td {
	border: 2px solid var(--sp-white-1);
	padding: 1rem;
	vertical-align: top;
}

table.sp-table {
	table-layout: fixed;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.375rem;
	overflow-x: auto;
}

table.sp-table tr:nth-child(even) {
	background-color: var(--sp-white-1);
}

table.sp-table tr:nth-child(odd) {
	background-color: var(--sp-interface-3);
}

table.sp-table th {
  font-size: 1rem;
  line-height: 1.5rem;
}

table.sp-table ul {
  padding-bottom: 0rem;
}

@media screen and (max-width: 980px) {
  table.sp-table {
	  table-layout: auto;
  }
}

/* BOX SHADOW */
.sp-box-shadow-1 {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

/* Blur image */
.sp-blur-img {
    filter: brightness(0.8) blur(2px);
    -webkit-transition: 0.5s -webkit-filter ease;
    -moz-transition: 0.5s -moz-filter ease;
    -moz-transition: 0.5s filter ease;
    -ms-transition: 0.5s -ms-filter ease;
    -o-transition: 0.5s -o-filter ease;
    transition: 0.5s filter ease, 0.5s -webkit-filter ease;
}

.sp-blur-img:hover {
    filter: brightness(1) blur(0px);
}

/* UTILITY CLASSES */
.sp-bold{font-weight: 800;}
.sp-xbold{font-weight: 800;}
.sp-light{font-weight: 300;}
.sp-caps{text-transform: uppercase;}
.sp-italic{font-style: italic;}
sup, .sp-superscript{vertical-align: super; font-size: 50%; top: 0;}
.sp-align-left{text-align: left;}
.sp-align-right{text-align: right;}
.sp-align-center{text-align: center;}
.sp-balance-text {text-wrap: balance !important;}
.sp-relative {position: relative;}
.sp-absolute {position: absolute;}

@media screen and (max-width: 980px) {
    .sp-center-mobile{text-align: center};
}

/* MISCELLANEOUS */
.sp-spacer {
	content: '';
	height: 1px;
	border-radius: 5px;
	padding: 0;
  }

.sp-h-100 {height: 100%;}
.sp-w-100 {width: 100%;}

/* Full height code module for flex/grid */
.sp-h-100 > .et_pb_code_inner {
	height: 100%;
}

.sp-overflow-hidden {overflow: hidden;}
.sp-overflow-scroll {overflow: scroll;}
.sp-overflow-visible {overflow: visible;}

/* Icons */
.sp-large-icon {
    font-size: 6rem;
}

.sp-medium-icon {
    font-size: 4rem;
}

.sp-icon-48 {
    font-size: 4rem;
}

.sp-small-icon {
    font-size: 2rem;
}

.sp-large-icon.teal, .sp-medium-icon.teal {
    -webkit-text-stroke: 2px rgb(var(--sp-teal-1));
    -webkit-text-fill-color: var(--sp-teal-6);
}

.sp-large-icon.dark-blue, .sp-medium-icon.dark-blue {
    -webkit-text-stroke: 2px rgb(var(--sp-dark-blue-1));
    -webkit-text-fill-color: var(--sp-dark-blue-6);
}

.sp-large-icon.yellow, .sp-medium-icon.yellow {
    -webkit-text-stroke: 2px rgb(var(--sp-yellow-1));
    -webkit-text-fill-color: var(--sp-yellow-6);
}

.sp-large-icon.blue, .sp-medium-icon.blue {
    -webkit-text-stroke: 2px rgb(var(--sp-blue-1));
    -webkit-text-fill-color: var(--sp-blue-6);
}

.sp-large-icon.coral, .sp-medium-icon.coral {
    -webkit-text-stroke: 2px rgb(var(--sp-coral-1));
    -webkit-text-fill-color: var(--sp-coral-6);
}

/* SINGLEPOINT THINGS */

.sp-fullwidth-tile {
	width: calc(100% - 12rem);
	border-radius: 1.5rem;
	margin: auto;
}

@media screen and (max-width: 1332px) {
	.sp-fullwidth-tile {
		width: 90%;
	}
	
	.sp-fullwidth-tile > .et_pb_row {
		width: 100%;
		padding: 0 2rem;
	}
}

@media screen and (max-width: 768px) {
    .sp-fullwidth-tile {
		width: 100%;
	}
	
	.sp-fullwidth-tile > .et_pb_row {
		padding: 0 1rem;
	}
}

.sp-overflow-section {
    mask-image: linear-gradient(90deg, transparent, red calc(calc(100% - 1200px) / 2), red calc(calc(100% + 1200px) / 2), transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, red calc(calc(100% - 1200px) / 2), red calc(calc(100% + 1200px) / 2), transparent);
}

@media screen and (max-width: 1200px) {
    .sp-overflow-section {
        mask-image: linear-gradient(90deg, transparent, red 5%, red 95%, transparent);
        -webkit-mask-image: linear-gradient(90deg, transparent, red 5%, red 95%, transparent);
    }
}

/* Tabs */

.sp-tab-section {
	width: 90%;
    max-width: 1200px;
	margin: auto;
}

.sp-tab-button {
    background-color: var(--sp-dark-blue-6);
    border: none;
    border-bottom: 2px solid var(--sp-white-3);
    padding: 1.5rem 2rem calc(1.5rem - 2px) 2rem;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 2rem;
    color: var(--sp-dark-blue-1);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.sp-tab-button:hover {
    background-color: rgba(var(--sp-dark-blue-1), 0.2);
}

.sp-tab-button.current-tab {
    background-color: rgba(var(--sp-dark-blue-1), 0.3);
    border-bottom: 2px solid rgb(var(--sp-teal-1));
}

.sp-tab-section.hidden {
    display: none;
}

/* Breadcrumbs */

.sp-breadcrumbs > .et_pb_widget.widget_block {
    margin: 0 !important; 
    width: 100%;
}
   
.sp-breadcrumbs > .et_pb_widget > .breadcrumbs {
  display: flex; 
  gap: 0.5rem;
  width: 100%;
}

.sp-breadcrumbs.et_pb_widget_area_left {
    border-right: none !important;
    margin: 0;
}

.sp-breadcrumbs .breadcrumbs {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 2rem;
}

.sp-breadcrumbs .sp-breadcrumb-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    vertical-align: middle;
}

.sp-breadcrumbs .sp-breadcrumb-item:first-child::before {
    opacity: 1;
    background: var(--sp-white-2);
}

.sp-breadcrumbs .sp-breadcrumb-item:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 0.25rem 0 0 0.25rem;
    background: var(--sp-white-2);
    /* opacity: 0.15; */
}

.sp-breadcrumbs .sp-breadcrumb-item:first-child::after {
    content: '';
    /* opacity: 0.15; */
    position: absolute;
    right: -0.5rem;
    border-top: 1rem solid transparent;
    border-left: 0.5rem solid var(--sp-white-2);
    border-bottom: 1rem solid transparent;
}

.sp-breadcrumbs .sp-breadcrumb-item:not(:first-child)::before {
    top: 0;
    transform: skew(30deg);
}

.sp-breadcrumbs .sp-breadcrumb-item:not(:first-child)::after {
    bottom: 0;
    transform: skew(-30deg);
}

.sp-breadcrumbs .sp-breadcrumb-item:not(:first-child)::before, .sp-breadcrumbs .sp-breadcrumb-item:not(:first-child)::after {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: var(--sp-white-2);
}

.sp-breadcrumbs .sp-breadcrumb-item:last-child::before {
    content: none;
}

.sp-breadcrumbs .sp-breadcrumb-item:last-child::after {
    content: none;
}


.sp-breadcrumbs .sp-breadcrumb-link {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    /* font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
    padding: 5px 12px;
    white-space: nowrap; */
    
}

.sp-breadcrumbs span[property="name"] {

    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
    padding: 0.25rem 0.75rem;
    overflow: hidden;
    max-width: 14rem;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .sp-breadcrumbs {
        display: none;
        visibility: hidden;
    }
}
   
/* Nav menu */
  
                                .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
                                    padding: 0.5rem 0;
                                    border-bottom: 1px solid transparent;
                                    box-sizing: border-box;
                                }
                                
                                .et-menu .menu-item-has-children>a:first-child {
                                    padding-right: calc(1rem + 0.75rem);
                                }
                                
                                .nav-contact {
                                    display: block;
                                }
                                
                                .nav-contact a {
                                    cursor: pointer;
                                    padding: 0.5rem 1.5rem !important;
                                    border-radius: 100rem;
                                    display: inline-flex;
                                    align-items: center;
                                    transition: background-color 0.3s ease, border 0.3s ease;
                                    text-decoration: none;
                                    background-color: var(--sp-white-2);
                                    border: 2px solid transparent;
                                    color: rgb(var(--sp-white-1));
                                }
                                
                                .nav-contact a:active {
                                        transform: scale(0.96)!important;
                                }
                                
                                .nav-contact a:hover {
                                    background-color: var(--sp-white-3) !important;
                                    border-bottom: 1px solid transparent !important;
                                }
                                
                                .nav-contact a:hover, #sp-nav-menu .et-menu a:hover {
                                    opacity: 1 !important;
                                }
                                
                                
                                .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
                                    top: calc(100% - 2px) !important;
                                    right: -50% !important;
                                    left: auto;
                                }

/* Collapse mobile sub menus */

/*adjust the new toggle element which is added via jQuery*/

                                ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
                                ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
                                .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
                                .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
                                    width: 2rem;
                                    height: 100%;
                                    padding: 1rem 0px !important;
                                    max-height: 2rem;
                                    border: none;
                                    position: absolute;
                                    right: 0px;
                                    top: 0.6rem;
                                    z-index: 999;
                                    background-color: transparent;
                                    display: flex; 
                                    justify-content: center;
                                    align-items: center;
                                }


/*some code to keep everyting positioned properly*/

                                ul.et_mobile_menu>li.menu-item-has-children,
                                ul.et_mobile_menu>li.page_item_has_children,
                                ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
                                .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
                                .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
                                .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
                                    position: relative;
                                }


/*remove default background color from menu items that have children*/

                                .et_mobile_menu .menu-item-has-children>a,
                                .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
                                    background-color: transparent;
                                }


/*hide the submenu by default*/

                                ul.et_mobile_menu .menu-item-has-children .sub-menu,
                                #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
                                .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
                                .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
                                    display: none !important;
                                    visibility: hidden !important;
                                }


/*show the submenu when toggled open*/

                                ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
                                #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
                                .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
                                .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
                                    display: block !important;
                                    visibility: visible !important;
                                }


/*adjust the toggle icon position and transparency*/

                                ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
                                .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
                                    text-align: center;
                                    opacity: 1;
                                }


/*submenu toggle icon when closed*/

                                ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
                                .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
                                    position: relative;
                                    font-family: "Font Awesome 6 Pro";
                                    content: '\f078';
                                    font-size: 1.25rem;
                                    color: rgb(var(--sp-teal-1));
                                }


/*submenu toggle icon when open*/

                                ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
                                .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
                                    content: '\f077';
                                }





/* Header Arrow Styles */

#header-arrow {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
#header-arrow .background-arrow {
    width: 1200px;
    height: auto;
    overflow: visible;
    max-width: none;
    mask-image: linear-gradient(transparent 10%, #000 , transparent 90%);
    -webkit-mask-image: linear-gradient(transparent 10%, #000 , transparent 90%);
}

.img-desktop {
    display: block;
    visibility: visible;
}
  
.img-mobile {
    display: none;
    visibility: hidden;
}
  
#header-image {
    border-radius: 1rem;
}

@media screen and (max-width: 980px) {
  .img-desktop {
    display: none;
    visibility: hidden;
  }
  
  .img-mobile {
    display: block;
    visibility: visible;
  }

  #header-image {
    margin-bottom: 2rem;
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: center top;
  }
}

@media screen and (max-width: 768px) {
  #header-image {
    max-height: 250px;
  }
}

/* Integrations CPT */

.sp-integrations {
    list-style: none !important;
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
  
.sp-integrations li {
    padding: 2rem;
    background-color: var(--sp-white-2);
    border-radius: 0.5rem;
}
  
.sp-company-logo {
    width: 100%;
    height: 100%;
    max-height: 4rem;
    margin-bottom: 2rem;
}
  
.sp-company-logo img {
    width: auto;
    height: 100%;
    object-fit: contain;
}
  
.sp-company-info h6 {
    font-weight: bold;
    color: white;
    margin-bottom: 1rem;
    padding: 0;
}
  
.sp-integration-logos {
    padding: 0 !important;
    list-style: none !important;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
    gap: 2rem;
}
  
.sp-integration-logos li {
    background-color: white;
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}