/*
CTC Separate Stylesheet
Updated: 2026-04-21 14:44:30
*/

html{
	font-optical-sizing:auto;
	font-kerning:normal;
	font-variant-ligatures:common-ligatures;
	font-variant-alternates:stylistic(ss01);
	font-feature-settings:
	"ss01" 1,
	"kern" 1,
	"liga" 1,
	"calt" 1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

:root {
	/* Font */

	--font-primary:"Cabinet Grotesk Variable",sans-serif;

	/* Feature */

	--font-feature:"ss01";

	/* Weight */

	--fw-regular:400;
	--fw-medium:500;
	--fw-semibold:600;
	--fw-bold:700;
	--fw-extrabold:800;
	
	/* Typography Tokens */

	/* Display */

	--display-xl:72px;
	--display-lg:60px;

	/* Heading */

	--heading-xl:48px;
	--heading-lg:40px;
	--heading-md:32px;
	--heading-sm:26px;

	/* Body */

	--body-lg:20px;
	--body-md:18px;
	--body-sm:16px;

	/* Label */

	--label-lg:18px;
	--label-md:16px;
	--label-sm:14px;

	/* Caption */

	--caption:13px;

	/* Desktop Line Height Tokens */
	--lh-display-xl:76px;
	--lh-display-lg:64px;

	--lh-heading-xl:52px;
	--lh-heading-lg:44px;
	--lh-heading-md:38px;
	--lh-heading-sm:32px;

	--lh-body-lg-compact:26px;
	--lh-body-lg-reading:32px;

	--lh-body-md-compact:24px;
	--lh-body-md-reading:30px;

	--lh-body-sm-compact:22px;
	--lh-body-sm-reading:28px;

	--lh-label-lg:22px;
	--lh-label-md:20px;
	--lh-label-sm:18px;

	--lh-caption:16px;
	
	/* Letter Spacing */
	
	--ls-display-xl:-2.5px;
	--ls-display-lg:-2px;

	--ls-heading-xl:-1.2px;
	--ls-heading-lg:-0.8px;
	--ls-heading-md:-0.4px;
	--ls-heading-sm:-0.2px;

	--ls-body:0;

	--ls-label-lg:.2px;
	--ls-label-md:.2px;
	--ls-label-sm:.3px;

	--ls-caption:.4px;
}

@media(max-width:767px){

	:root{

		--display-xl:48px;
		--display-lg:40px;

		--heading-xl:34px;
		--heading-lg:30px;
		--heading-md:26px;
		--heading-sm:22px;

		--body-lg:18px;
		--body-md:16px;
		--body-sm:15px;

		--label-lg:16px;
		--label-md:15px;
		--label-sm:13px;

		--caption:12px;

		/* Line Height */

		--lh-display-xl:52px;
		--lh-display-lg:44px;

		--lh-heading-xl:38px;
		--lh-heading-lg:34px;
		--lh-heading-md:30px;
		--lh-heading-sm:28px;

		--lh-body-lg-compact:24px;
		--lh-body-lg-reading:30px;

		--lh-body-md-compact:22px;
		--lh-body-md-reading:28px;

		--lh-body-sm-compact:20px;
		--lh-body-sm-reading:26px;

		--lh-label-lg:20px;
		--lh-label-md:18px;
		--lh-label-sm:16px;

		--lh-caption:15px;

	}

}

.display-xl{
	font-size:var(--display-xl);
	font-weight:var(--fw-extrabold);
	line-height:var(--lh-display-xl);
	letter-spacing:var(--ls-display-xl);

}

.display-lg{
	font-size:var(--display-lg);
	font-weight:var(--fw-extrabold);
	line-height:var(--lh-display-lg);
	letter-spacing:var(--ls-display-lg);

}

.heading-xl{
	font-size:var(--heading-xl);
	font-weight:var(--fw-bold);
	line-height:var(--lh-heading-xl);
	letter-spacing:var(--ls-heading-xl);

}

.heading-lg{
	font-size:var(--heading-lg);
	font-weight:var(--fw-bold);
	line-height:var(--lh-heading-lg);
	letter-spacing:var(--ls-heading-lg);

}

.heading-md{
	font-size:var(--heading-md);
	font-weight:var(--fw-semibold);
	line-height:var(--lh-heading-md);
	letter-spacing:var(--ls-heading-md);

}

.heading-sm{
	font-size:var(--heading-sm);
	font-weight:var(--fw-semibold);
	line-height:var(--lh-heading-sm);
	letter-spacing:var(--ls-heading-sm);

}

.body-lg-compact{
	font-size:var(--body-lg);
	line-height:var(--lh-body-lg-compact);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);

}

.body-lg-reading{
	font-size:var(--body-lg);
	line-height:var(--lh-body-lg-reading);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);

}

.body-md-compact{
	font-size:var(--body-md);
	line-height:var(--lh-body-md-compact);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);

}

.body-md-reading{
	font-size:var(--body-md);
	line-height:var(--lh-body-md-reading);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);
}

.body-sm-compact{
	font-size:var(--body-sm);
	line-height:var(--lh-body-sm-compact);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);
}

.body-sm-reading{
	font-size:var(--body-sm);
	line-height:var(--lh-body-sm-reading);
	font-weight:var(--fw-regular);
	letter-spacing:var(--ls-body);
}

.label-lg{
	font-size:var(--label-lg);
	font-weight:var(--fw-medium);
	line-height:var(--lh-label-lg);
	letter-spacing:var(--ls-label-lg);

}

.label-md{
	font-size:var(--label-md);
	font-weight:var(--fw-medium);
	line-height:var(--lh-label-md);
	letter-spacing:var(--ls-label-md);

}

.label-sm{
	font-size:var(--label-sm);
	font-weight:var(--fw-semibold);
	line-height:var(--lh-label-sm);
	letter-spacing:var(--ls-label-sm);

}

.caption{
	font-size: var(--caption);
	font-weight: var(--fw-medium);
	line-height: var(--lh-caption);
	letter-spacing: var(--ls-caption);
}


.primery-btn {
    display: flex !important;
    border-radius: 50px !important; 
    padding: 10px 24px !important;
    max-height: 40px !important;
    background-color: var(--P500) !important;
    transition:
    padding 0.4s cubic-bezier(0.4,0.1,0,1),
    margin 0.4s cubic-bezier(0.4,0.1,0,1);
}

a.primery-btn {
	width: fit-content;
    margin: 0;
    position: relative;
    align-items: center;
    justify-self: center;
}

.primery-btn:after {
    content: "";
    display: flex;
    position: absolute;
    background-image: url('/wp-content/uploads/2026/07/arrow-right-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    right: -48px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: var(--P500);
    transition: right 0.4s cubic-bezier(0.4,0.1,0,1);
}

@media (hover: hover) and (pointer:fine) {
    .primery-btn:hover {
        padding-right: 40px !important;
        margin-left: 0px;
    }
    
    .primery-btn:hover:after {
        right: 0px;
    }
}