/*
Theme Name: Unoland
Theme URI: https://www.pixouls.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Unoland landing page platform by Pixouls.
Version: 1.3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basics
Tags:
*/

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $RESET
--------------------------------------------------------|
--------------------------------------------------------|
*/
*, *::before, *::after { box-sizing: border-box; }
::selection { background-color: var(--c-10); text-shadow: none; }
audio, canvas, iframe, img, svg, video { max-width: 100%; vertical-align: middle; }
button { background-color: transparent; border: none; margin: 0; padding: 0; text-align: inherit; font: inherit; border-radius: 0; appearance: none; cursor: pointer; }
hr { display: block; height: .2rem; border: 0; border-top: .2rem solid var(--c-10); margin: 4.0rem 0; padding: 0;}
code { line-height: 1.5; color: var(--c-75); }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $GLOBAL
--------------------------------------------------------|
--------------------------------------------------------|
*/
:root {
    /* Width */
    --w-xs: min(70%, 64.0rem);
    --w-sm: min(70%, 76.8rem);
    --w-md: min(80%, 89.6rem);
    --w-lg: min(90%, 102.4rem);
    --w-xl: min(100%, 140.8rem);

    /* Color - Brand https://www.shadegenerator.com/24248F */
    --c-pri: #24248f;
    --c-sec: #191964;
    --c-ter: #121248;
	--c-qua: #0B0B2B;
	--c-qui: #050515;

    /* Color - Utilities */
    --c-y: yellow;
    --c-r: red;
    --c-g: green;
    --c-b: #0B0B2B;
    --c-w: #FFFFFF;

    /* Color - Light/Dark */
    --c-bg: light-dark(#FFFFFF, #0B0B2B);
    --c-fg: light-dark(#0B0B2B, #FFFFFF);
    --c-bd: light-dark(rgba(255, 255, 255, .75), rgba(0, 0, 0, .75));
    --c-75: light-dark(rgba(0, 0, 0, .75), rgba(255, 255, 255, .75));
    --c-50: light-dark(rgba(0, 0, 0, .50), rgba(255, 255, 255, .50));
    --c-25: light-dark(rgba(0, 0, 0, .25), rgba(255, 255, 255, .25));
    --c-10: light-dark(rgba(0, 0, 0, .10), rgba(255, 255, 255, .10));
    --c-05: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));
}
html {
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    font-family: sans-serif;
	font-style: normal;
	font-weight: 400;
    font-size: 10px;
}
    body {
        background: var(--c-pri);
        margin: 0;
        min-height: 100vh;
        font-size: 1.6rem;
        line-height: 1;
    }
        .uno {
            position: relative;
            background: var(--c-bg);
			color: var(--c-fg);
        }
		[data-theme="light"] {
			color-scheme: light;
		}
		[data-theme="dark"] {
			color-scheme: dark;
		}
@media only screen and (max-width: 768px) {
	:root {
		/* Width */
		--w-xs: min(80%, 64.0rem);
		--w-sm: min(80%, 76.8rem);
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $VIEW-TRANSITIONS
--------------------------------------------------------|
--------------------------------------------------------|
*/
@view-transition {
    navigation: auto;
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $TYPE
--------------------------------------------------------|
--------------------------------------------------------|
*/
h1, h2, h3, h4, h5 {
	margin: 0;
    line-height: 1.25;
    text-wrap: pretty;
    font-family: sans-serif;
	font-style: normal;
	font-weight: 800;
}
h1 { 
    font-size: 6.4rem;
}
h2 {
    font-size: 4.8rem;
}
h3 {
    font-size: 2.4rem;
}
h4 {
    font-size: 1.6rem;
}
h5 {
    font-size: 1.2rem;
}
p             { line-height: 1.5; margin: 0 0 2.4rem; text-wrap: pretty; color: var(--c-75); }
b, strong     { font-weight: 700; }
a            { color: var(--c-pri); text-decoration: none; }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $SCROLL
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-animate {
	-webkit-transform: translateY(10.0rem);
		-ms-transform: translateY(10.0rem);
			transform: translateY(10.0rem);
	opacity: 0;
	will-change: transform opacity;
}
.u-animate--run {
	-webkit-animation: u-slide-in 1.5s cubic-bezier(.19,1,.22,1) both;
			animation: u-slide-in 1.5s cubic-bezier(.19,1,.22,1) both;
}
.u-animate--2nd {
	-webkit-animation-delay: .15s;
			animation-delay: .15s;
}
.u-animate--3rd {
	-webkit-animation-delay: .3s;
			animation-delay: .3s;
}
.u-animate--4th {
	-webkit-animation-delay: .45s;
			animation-delay: .45s;
}
@-webkit-keyframes u-slide-in {
	0% {
		-webkit-transform: translateY(10.0rem);
				transform: translateY(10.0rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
	}
}
@keyframes u-slide-in {
	0% {
		-webkit-transform: translateY(10.0rem);
				transform: translateY(10.0rem);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
	}
}
@media only screen and (max-width: 768px) {
	.u-animate {
		-webkit-animation-delay: 0s !important;
		animation-delay: 0s !important;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $TEXTURE
--------------------------------------------------------|
--------------------------------------------------------|
*/
.texture {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.075' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");	
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-HEADER
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-header {
	z-index: 900;
	position: absolute;
	top: 0;
	width: 100%;
	height: 8.0rem;
	padding-inline: 7.2rem;
	background: var(--c-05);
	display: flex;
	justify-content: space-between;
	gap: 2.4rem;
}
[data-theme="dark"] .u-header {
	
}
	.u-header__logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
		.u-header__logo-img {
			width: 11.2rem;
			height: auto;
            fill: var(--c-fg);
		}
        .pix {
            
        }
			.pix path {
				
			}
            .pix__01,
            .pix__02,
            .pix__03,
            .pix__04 {
                visibility: hidden;
                animation-delay: 2s;
                animation-duration: 4s;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-timing-function: step-end;
            }
            .pix__01 { visibility: visible; animation-name: slide1; }
            .pix__02 { animation-name: slide2; }
            .pix__03 { animation-name: slide3; }
            .pix__04 { animation-name: slide4; }
            @keyframes slide1 { 0%, 45% { visibility: visible; } 45%, 100% { visibility: hidden; } }
            @keyframes slide2 { 0%, 45% { visibility: hidden; } 45%, 50% { visibility: visible; } 50%, 100% { visibility: hidden; } }
            @keyframes slide3 { 0%, 50% { visibility: hidden; } 50%, 55% { visibility: visible; } 55%, 100% { visibility: hidden; } }
            @keyframes slide4 { 0%, 55% { visibility: hidden; } 55%, 100% { visibility: visible; } }
	.u-header__btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: .8rem;
		color: var(--c-w);
		border: 0.2rem solid var(--c-pri);
		padding: 0 1.6rem;
		height: 3.2rem;
		border-radius: 2.4rem;
		white-space: nowrap;
		-ms-flex-item-align: center;
			-ms-grid-row-align: center;
			align-self: center;
		-webkit-transition: background-color .15s ease;
		-o-transition: background-color .15s ease;
		transition: background-color .15s ease;
	}
	.u-header__btn:hover {
		background-color: var(--c-pri);
	}
	[data-theme="light"] .u-header__btn {
		color: var(--c-pri);
	}
	[data-theme="light"] .u-header__btn:hover {
		color: var(--c-w);
	}
		.u-header__btn-arrow {
			fill: var(--c-pri);
			height: 2.4rem;
			width: auto;
			-webkit-transition: fill .15s ease;
			-o-transition: fill .15s ease;
			transition: fill .15s ease;
		}
		.u-header__btn:hover .u-header__btn-arrow {
			fill: var(--c-w);
		}
	.u-mode {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: .8rem;
		cursor: pointer;
		margin-left: auto;
	}
		.u-mode__option {
			height: 2.4rem;
			width: auto;
			-webkit-transition: fill .15s ease;
			-o-transition: fill .15s ease;
			transition: fill .15s ease;
		}
		.u-mode__option--dark,
		[data-theme="dark"] .u-mode__option--light {
			fill: var(--c-pri);
		}
		.u-mode__option--light,
		[data-theme="dark"] .u-mode__option--dark {
			fill: var(--c-25);
		}
@media only screen and (max-width: 768px) {
	.u-header {
		padding: 0 5vw;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-FOOTER
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-footer {
	background: var(--c-05);
	text-align: center;
	padding: 4.0rem 2.4rem;
}
	.u-footer__credit {
		margin: 0;
		font-size: 1.2rem;
	}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-INTRO
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-intro {
	position: relative;
	padding-block: 20.8rem 0;
	background: center / cover no-repeat scroll transparent;
}
.u-intro--bg {
	padding-block: 20.8rem 8.0rem;
}

/* [data-theme="dark"] .u-intro {
	border-top: 8.0rem solid var(--c-05);
} */
[data-theme="light"] .u-intro--bg {
	
}
	[data-theme="dark"] .u-intro::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, rgba(11, 11, 43, 1) 0%, rgba(11, 11, 43, .5) 40%, rgba(11, 11, 43, 0) 80%, rgba(11, 11, 43, 0) 100%);
	}
	.u-intro__inner {
		z-index: 1;
		position: relative;
		width: var(--w-sm);
		margin-inline: auto;
		text-align: center;
	}
		.u-intro__title {
			margin-bottom: 3.2rem;
		}
		.u-intro__subtitle {
			font-size: 2.0rem;
			margin-bottom: 4.0rem;
		}
		.u-intro--bg .u-intro__title,
		.u-intro--bg .u-intro__subtitle {
			color: var(--c-w);
		}
		.u-intro__actions {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			gap: 1.6rem;
		}
			.u-intro__button {
				padding: 1.6rem 3.2rem;
				text-decoration: none;
				border-radius: 0.4rem;
				line-height: 1.25;
			}
				.u-intro__button--primary {
					background-color: var(--c-pri);
					color: var(--c-w);
					border: 0.2rem solid var(--c-pri);
				}
				.u-intro__button--secondary {
					background-color: transparent;
					color: var(--c-pri);
					border: 0.2rem solid var(--c-pri);
				}
				[data-theme="dark"] .u-intro__button--secondary,
				.u-intro--bg .u-intro__button--secondary {
					color: var(--c-w);
				}
	.u-intro__media {
		position: relative;
		width: var(--w-lg);
		margin: 8.0rem auto 0;
	}
		.u-intro__img {
			display: block;
			width: 100%;
			height: auto;
			border-radius: 0.8rem;
			-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
					box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
			aspect-ratio: 21/9;
			-o-object-fit: cover;
			   object-fit: cover;
		}
		.u-intro__vid {
			position: relative;
			overflow: hidden;
			width: 100%;
			padding-top: 56.25%;
			border-radius: 0.8rem;
			-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
					box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
		}
			.u-intro__vid-iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
@media only screen and (max-width: 768px) {
	
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-BLOCK
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-block {
    width: var(--w-md);
    margin: 0 auto;
    padding: 10.4rem 0;
}
    .u-block__intro {
        text-align: center;
        margin: 0 auto 4.8rem;
    }
    .u-block__intro--left {
        text-align: left;
    }
        .u-block__title {
            margin-bottom: 1.6rem;
        }
        .u-block__subtitle {
            font-size: 2.0rem;
        }
	.u-block__content {

	}
@media only screen and (max-width: 768px) {
	h1 {
		font-size: 10vw;
	}
	h2 {
		font-size: 8vw;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-PARTNERS
--------------------------------------------------------|
--------------------------------------------------------|
*/
.partners {
	position: relative;
	width: var(--w-lg);
	height: 8.0rem;
	margin: 8.0rem auto 0;
	-webkit-mask-image: -webkit-gradient(linear,left top, right top,from(rgba(0, 0, 0, 0)),color-stop(25%, rgba(0, 0, 0, 1)),color-stop(75%, rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	-webkit-mask-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 25%,rgba(0, 0, 0, 1) 75%,rgba(0, 0, 0, 0) 100%);
			mask-image: -webkit-gradient(linear,left top, right top,from(rgba(0, 0, 0, 0)),color-stop(25%, rgba(0, 0, 0, 1)),color-stop(75%, rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
			mask-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 25%,rgba(0, 0, 0, 1) 75%,rgba(0, 0, 0, 0) 100%);
}
	.partners__logos {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: auto 100%;
		-webkit-animation: animatedBackground 128s linear infinite;
				animation: animatedBackground 128s linear infinite;
	}
		@-webkit-keyframes animatedBackground {
			from {
				background-position: 0 0;
			}
			to {
				background-position: -256.0rem 0;
			}
		}
		@keyframes animatedBackground {
			from {
				background-position: 0 0;
			}
			to {
				background-position: -256.0rem 0;
			}
		}
@media only screen and (max-width: 768px) {
	.partners {
		width: 100%;
		height: 6.4rem;
	}
	.partners__logos {
		-webkit-animation: animatedBackgroundMobile 102.4s linear infinite;
				animation: animatedBackgroundMobile 102.4s linear infinite;
	}
	@-webkit-keyframes animatedBackgroundMobile {
		from { background-position: 0 0; }
		to { background-position: -204.8rem 0; }
	}
	@keyframes animatedBackgroundMobile {
		from { background-position: 0 0; }
		to { background-position: -204.8rem 0; }
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-WYSIWYG
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-wysiwyg {

}
	.u-wysiwyg ul {
		line-height: 1.5;
		margin: 0 0 2.4rem;
		text-wrap: pretty;
		color: var(--c-75);
	}
		.u-wysiwyg ul li {
			margin-bottom: 1.6rem;
		}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-BENEFITS
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-benefits {

}
	.u-benefits__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		margin-bottom: 8.0rem;
		gap: 8.0rem;
	}
	.u-benefits__row:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
			-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
	}
	.u-benefits__row:last-child {
		margin-bottom: 0;
	}
		.u-benefits__media {
			position: relative;
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.u-benefits__img {
				width: 100%;
				height: auto;
				border-radius: 2.4rem;
			}
			.u-benefits__vid {
				position: relative;
				overflow: hidden;
				width: 100%;
				padding-top: 56.25%;
				border-radius: 0.8rem;
				-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
						box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
			}
				.u-benefits__vid-iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
		.u-benefits__content {
			-webkit-box-flex: 1;
				-ms-flex: 1;
					flex: 1;
		}
			.u-benefits__title {
				font-size: 3.2rem;
				margin-bottom: 1.6rem;
				margin-top: 0;
			}
			.u-benefits__text {
				
			}
@media only screen and (max-width: 768px) {
	.u-benefits__row,
	.u-benefits__row:nth-child(even) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		gap: 2.4rem;
	}
		.u-benefits__content {
			text-align: center;
		}
		.u-benefits__media {
			/* width: 100%; */
			/* margin: 0 -10vw; */
		}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-FEATURES
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-features {
	
}
	.u-features__list {
		display: -ms-grid;
		display: grid;
		gap: 4.8rem;
	}
	.u-features__list--two-cols {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
	.u-features__list--three-cols {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
	.u-features__list--four-cols {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr);
	}
		.u-features__item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
		}
		/* 2-column grid */
		.u-features__list--two-cols .u-features__item:nth-child(2n) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		/* 3-column grid */
		.u-features__list--three-cols .u-features__item:nth-child(3n+2) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-features__list--three-cols .u-features__item:nth-child(3n) { -webkit-animation-delay: .3s; animation-delay: .3s; }
		/* 4-column grid */
		.u-features__list--four-cols .u-features__item:nth-child(4n+2) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-features__list--four-cols .u-features__item:nth-child(4n+3) { -webkit-animation-delay: .3s; animation-delay: .3s; }
		.u-features__list--four-cols .u-features__item:nth-child(4n) { -webkit-animation-delay: .45s; animation-delay: .45s; }
			.u-features__icon {
				width: 4.8rem;
				height: 4.8rem;
				margin-bottom: 1.6rem;
				color: var(--c-75);
			}
			.u-features__item-title {
				font-size: 2.4rem;
				margin-bottom: 0.8rem;
				margin-top: 0;
			}
			.u-features__item-desc {
				margin-bottom: 0;
			}
@media only screen and (max-width: 768px) {   
	.u-features__list {
		-ms-grid-columns: 1fr 2.4rem 1fr !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2.4rem;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-TESTIMONIALS
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-testimonials {
	
}
	.u-testimonials__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 4.8rem;
		text-align: start;
	}
		.u-testimonials__item {
			-webkit-box-flex: 1;
				-ms-flex: 1 1 0px;
					flex: 1 1 0;
		}
		.u-testimonials__item:nth-of-type(2) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-testimonials__item:nth-of-type(3) { -webkit-animation-delay: .3s; animation-delay: .3s; }
			.u-testimonials__quote {
				background: var(--c-05);
				padding: 2.4rem;
				border-radius: 0.8rem;
				color: var(--c-fg);
				margin: 0 0 2.4rem;
				position: relative;
				line-height: 1.5;
			}
			.u-testimonials__author {
				display: flex;
				align-items: center;
				padding-left: 2.4rem;
				line-height: 1.5;
				gap: 1.6rem;
			}
				.u-testimonials__image {
					width: 5.6rem;
					height: 5.6rem;
					border-radius: 50%;
					object-fit: cover;
					border: .2rem solid var(--c-25);
				}
				.u-testimonials__author-name {
					color: var(--c-fg);
				}
				.u-testimonials__author-title {
					margin: 0;
					line-height: 1.25;
				}
@media only screen and (max-width: 768px) {
	.u-testimonials__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-STATS
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-stats {

}
	.u-stats__grid {
		display: -ms-grid;
		display: grid;
	}
	.u-stats__grid--two-cols {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
	.u-stats__grid--three-cols {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
	.u-stats__grid--four-cols {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr);
	}
		.u-stats__item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			text-align: center;
			padding: 4.8rem 2.4rem;
			position: relative;
			border-top: .2rem solid transparent;
		}
		.u-stats__item.u-animate--run {
			border-color: var(--c-05);
			-webkit-transition: border-color .3s ease 1.2s;
			-o-transition: border-color .3s ease 1.2s;
			transition: border-color .3s ease 1.2s;
		}
		/* 2-column grid */
		.u-stats__grid--two-cols .u-stats__item:nth-child(even) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-stats__grid--two-cols .u-stats__item:nth-child(odd) { border-right: .2rem solid var(--c-05); }
		.u-stats__grid--two-cols .u-stats__item:nth-of-type(1),
		.u-stats__grid--two-cols .u-stats__item:nth-of-type(2) { border-top: none; }
		/* 3-column grid */
		.u-stats__grid--three-cols .u-stats__item:nth-child(3n+2) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-stats__grid--three-cols .u-stats__item:nth-child(3n) { -webkit-animation-delay: .3s; animation-delay: .3s; }
		.u-stats__grid--three-cols .u-stats__item:nth-child(3n+1),
		.u-stats__grid--three-cols .u-stats__item:nth-child(3n+2) { border-right: .2rem solid var(--c-05); }
		.u-stats__grid--three-cols .u-stats__item:nth-of-type(1),
		.u-stats__grid--three-cols .u-stats__item:nth-of-type(2),
		.u-stats__grid--three-cols .u-stats__item:nth-of-type(3) { border-top: none; }
		/* 4-column grid */
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n+2) { -webkit-animation-delay: .15s; animation-delay: .15s; }
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n+3) { -webkit-animation-delay: .3s; animation-delay: .3s; }
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n) { -webkit-animation-delay: .45s; animation-delay: .45s; }
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n+1),
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n+2),
		.u-stats__grid--four-cols .u-stats__item:nth-child(4n+3) { border-right: .2rem solid var(--c-05); }
		.u-stats__grid--four-cols .u-stats__item:nth-of-type(1),
		.u-stats__grid--four-cols .u-stats__item:nth-of-type(2),
		.u-stats__grid--four-cols .u-stats__item:nth-of-type(3),
		.u-stats__grid--four-cols .u-stats__item:nth-of-type(4) { border-top: none; }
			.u-stats__icon {
				width: auto;
				height: 2.4rem;
				margin: 0 auto 1.6rem;
			}
			.u-stats__number {
				font-size: 4.8rem;
				color: var(--c-fg);
				margin-bottom: 0.8rem;
			}
			.u-stats__label {
				margin: 0;
			}
@media only screen and (max-width: 768px) {
	.u-stats__grid {
		-ms-grid-columns: (1fr)[1] !important;
		grid-template-columns: repeat(1, 1fr) !important;
	}
		.u-stats__item {
			border: none !important;
			border-bottom: .2rem solid var(--color-fg-75) !important;
		}
		.u-stats__item:last-child {
			border-bottom: none !important;
		}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-FAQ
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-faq {
	
}
	.u-faq__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-top: 0.2rem solid var(--c-05);
		padding: 2.4rem 0;
	}
	.u-faq__row:last-child {
		margin-bottom: 0;
	}
		.u-faq__question {
			font-size: 2.4rem;
			width: 50%;
			margin-right: 4.8rem;
			margin-top: 0;
		}
		.u-faq__answer {
			width: 50%;
			margin: 0;
		}
@media only screen and (max-width: 768px) {
	.u-faq__row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		gap: 2.4rem;
	}
	.u-faq__question,
	.u-faq__answer {
		width: 100%;
	}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-COMPARE
--------------------------------------------------------|
--------------------------------------------------------|
*/
.compare {
	width: 80%;
	margin: 0 auto;
	padding: 12.0rem 0;
}
	.compare__table {
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		line-height: 1.25;
		color: var(--c-75);
	}
		.compare__header {
			font-weight: 400;
			text-align: center;
			padding: 1.6rem;
			padding-top: 4rem;
		}
		.compare__header--first { 
			text-align: left;
			font-size: 1.2rem;
			text-transform: uppercase;
		}
		.compare__header--title {
			font-size: 2.4rem;
			color: var(--c-fg);
		}
		.compare__header--highlight {
			border-bottom: none;
			background: var(--c-05);
		}
		.compare__row {

		}
		.compare__row--last {

		}
		.compare__data {
			text-align: center;
			padding: 1.6rem;
			position: relative;
			border-bottom: 0.2rem solid var(--c-05);
		}
		.compare__row:first-child .compare__data {
			border-top: 0.2rem solid var(--c-05);
		}
		.compare__data--first { text-align: left; }
		.compare__data--highlight {
			border-top: none !important;
			border-bottom: none;
			background: var(--c-05);
		}
		.compare__row--nofootborder {
			border-bottom: none;
			font-size: 1.2rem;
		}
		.compare__data--highlight.compare__data--tfootborder {
			padding-bottom: 4rem;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
		}
		.compare__data--empty { border: none; }
		.compare__icon {
			font-size: 3.2rem;
		}
		.compare__note {
			position: absolute;
			top: 1.6rem;
			left: 50%;
			-webkit-transform: translateX(1.6rem);
				-ms-transform: translateX(1.6rem);
					transform: translateX(1.6rem);
		}
		.compare__button {
			margin-top: .8rem;
		}
@media only screen and (max-width: 768px) {
	.compare__table {
		width: auto;
		margin: 0 -5vw;
	}
		.compare__header--title {
			font-size: 1.6rem;
		}
		.compare__button {
			margin: 0 -4.8rem;
		}
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-CONTACT
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-contact {
	width: var(--w-xs);
	padding-bottom: 15.2rem;
}
	.u-contact__form {
		
	}
@media only screen and (max-width: 768px) {
	
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-CONFIRM
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-confirm {
    padding-block: 20.0rem;
	min-height: calc(100svh - 9.8rem);
	width: var(--w-xs);
}
	.u-confirm__btn {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: .8rem;
		color: var(--c-w);
		border: 0.2rem solid var(--c-pri);
		padding: 0 1.6rem;
		height: 3.2rem;
		border-radius: 2.4rem;
		white-space: nowrap;
		-ms-flex-item-align: center;
			-ms-grid-row-align: center;
			align-self: center;
		-webkit-transition: background-color .15s ease;
		-o-transition: background-color .15s ease;
		transition: background-color .15s ease;
	}
	.u-confirm__btn:hover {
		background-color: var(--c-pri);
	}
	[data-theme="light"] .u-confirm__btn {
		color: var(--c-pri);
	}
	[data-theme="light"] .u-confirm__btn:hover {
		color: var(--c-w);
	}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $GAL
--------------------------------------------------------|
--------------------------------------------------------|
*/
.gal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10.4rem, 1fr));
    gap: 1.6rem;
    margin-inline: auto;
    margin-block: 8.0rem;
}
    .gal-grid a {

    }
        .gal-grid img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
.gal-swiper {
    aspect-ratio: 16/9;
    margin-inline: auto;
    margin-block: 8.0rem;
    color-scheme: dark;
}
    .gal-swiper .swiper-slide {
        
    }
        .gal-swiper .swiper-slide img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .gal-swiper__caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 2.4rem;
            font-size: 1.2rem;
            margin: 0;
        }
.gal-swiper--basic {
    
}
.gal-swiper--auto {

}
    .gal-swiper--auto .swiper-slide {
        width: auto;
    }
        .gal-swiper--auto .swiper-slide img {
            height: 100%;
            width: auto;
        }
.gal-swiper--thumbs {
    margin-block: 8.0rem 0;
}
.gal-swiper--thumbs-nav {
    aspect-ratio: inherit;
    margin-block: 0 8.0rem;
    height: 8.0rem;
} 
    .gal-swiper--thumbs-nav .swiper-slide {
        padding: .4rem .4rem 0 0;
        cursor: pointer;
        opacity: .25;
        transition: opacity .15s linear;
    }
    .gal-swiper--thumbs-nav .swiper-slide:last-child {
        padding-right: 0;
    }
    .gal-swiper--thumbs-nav .swiper-slide-thumb-active {
        opacity: 1;
    }
        .gal-swiper--thumbs-nav .swiper-slide img {
            
        }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $SWIPER-ARR
--------------------------------------------------------|
--------------------------------------------------------|
*/
.swiper-arr {
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.4rem;
    flex-shrink: 0;
    width: 4.0rem;
    height: 4.0rem;
    border-radius: 50%;
    border: .2rem solid var(--c-pri);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .15s linear;
}
.swiper-arr--next {
    left: auto;
    right: 2.4rem;
}
.swiper-arr.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.swiper-arr:hover {
    background-color: var(--c-pri);
}
    .swiper-arr__arrow-icon {
        fill: var(--c-pri);
        width: 2.4rem;
        height: auto;
        transition: fill .15s linear;
    }
    .swiper-arr:hover .swiper-arr__arrow-icon {
        fill: var(--c-w);
    }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $SWIPER-PAGINATION
--------------------------------------------------------|
--------------------------------------------------------|
*/
.swiper-pagination {
    bottom: 2.4rem !important;
}
    .swiper-pagination-bullet {
        margin: 0 .4rem !important;
        width: .8rem !important;
        height: .8rem !important;
        background: var(--c-25) !important;
        opacity: 1 !important;
    }
    .swiper-pagination-bullet-active {
        background: var(--c-pri) !important;
        opacity: 1 !important;
    }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $POP
--------------------------------------------------------|
--------------------------------------------------------|
*/
.pop {
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 4.0rem 0;
    background-color: var(--c-bd);
    -webkit-backdrop-filter: saturate(180%) blur(1.6rem);
    backdrop-filter: saturate(180%) blur(1.6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.pop--active {
    left: 0;
    opacity: 1;
    transition: opacity 0.3s ease, left 0s ease 0s;
}
    .pop__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
    .pop__item {
        position: relative;
        margin: auto;
        background: var(--c-bg);
        border-radius: 0.8rem;
        width: var(--w-xs);
        transform: scale3d(0.9, 0.9, 1);
        transition: transform 0.3s ease;
    }
    .pop--active .pop__item {
        transform: scale3d(1, 1, 1);
    }
        .pop__close {
            z-index: 1;
            position: absolute;
            top: 0;
            right: 0;
            width: 7.2rem;
            height: 7.2rem;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }
            .pop__close-icon {
                width: 2.4rem;
                height: 2.4rem;
                fill: var(--c-pri);
            }
/* Pop Search */
.pop--search {

}
    .p-search {
        padding: 8rem;
        text-align: center;
    }
        .p-search__title {
            margin: 0 0 2.4rem;
        }
/* Pop Video */
.pop--video {

}
    .pop--video .pop__item {
        width: var(--w-md);
    }
    .p-video {

    }
        .p-video__video {
            width: 100%;
            height: auto;
            border-radius: 0.8rem;
        }
/* Pop Promo */
.pop--promo {

}
    .p-promo {
        display: block;
        outline: none;
    }
        .p-promo__img {
            max-width: 100%;
            width: 100%;
            height: auto;
            border-top-left-radius: 0.8rem;
            border-top-right-radius: 0.8rem;
        }
        .p-promo__content {
            text-align: center;
        }
            .p-promo__content-inner {
                position: relative;
                padding: 4rem;
            }
            .p-promo__content-inner:has(.p-promo__btn) {
                padding: 0 4rem 4rem;
            }
                .p-promo__btn {
                    transform: translateY(-50%);
                }
                .p-promo__title {
                    margin-top: 0;
                    text-align: center;
                    color: var(--c-fg);
                    margin-bottom: 1.6rem;
                }
                .p-promo__text {
                    text-wrap: pretty;
                    margin: 0;
                }
                .p-promo__form {
                    margin-top: 2.4rem;
                    text-align: left;
                }
                    .p-promo__form .gform_footer {
                        justify-content: center;
                    }
                    .p-promo__form .gform_confirmation_message {
                        text-align: center;
                    }
/* Pop Team */
.pop--team {

}
    .pop--team .pop__item {
        width: var(--w-md);
    }
    .p-team {

    }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $FORMS
--------------------------------------------------------|
--------------------------------------------------------|
*/
/*-------------------------------------| $Gravity-Forms
*/
.uno .gform_wrapper.gravity-theme {

}
    /*General*/
    .uno .gform_wrapper.gravity-theme .gfield_required {
        font-size: .9em;
    }
    /*Heading*/
    .uno .gform_wrapper.gravity-theme .gform_heading {

    }
        .uno .gform_wrapper.gravity-theme .gform_required_legend {
            display: none;
        }
            .uno .gform_wrapper.gravity-theme .gform_required_legend .gfield_required {

            }
    /*Body*/
    .uno .gform_wrapper.gravity-theme .gform_body {

    }
        .uno .gform_wrapper.gravity-theme .gform_fields {
            grid-row-gap: 2.4rem;
        }
            .uno .gform_wrapper.gravity-theme .gfield {

            }
            .uno .gform_wrapper.gravity-theme .gsection {
                border-bottom: .2rem solid var(--c-10);
                padding: 0 1.6rem .8rem 0;
            }
            .uno .gform_wrapper.gravity-theme fieldset {

            }
                .uno .gform_wrapper.gravity-theme .gfield_label {
                    font-size: 1.6rem;
                    margin-bottom: .8rem;
                }
                .uno .gform_wrapper.gravity-theme .gfield_header_item,
                .uno .gform_wrapper.gravity-theme .gform_fileupload_rules,
                .uno .gform_wrapper.gravity-theme .ginput_complex label {
                    font-size: 1.2rem;
                    padding-top: 0.4rem;
                    margin-bottom: 0.8rem;
                }
                .uno .gform_wrapper.gravity-theme input[type=color],
                .uno .gform_wrapper.gravity-theme input[type=date],
                .uno .gform_wrapper.gravity-theme input[type=datetime-local],
                .uno .gform_wrapper.gravity-theme input[type=datetime],
                .uno .gform_wrapper.gravity-theme input[type=email],
                .uno .gform_wrapper.gravity-theme input[type=month],
                .uno .gform_wrapper.gravity-theme input[type=number],
                .uno .gform_wrapper.gravity-theme input[type=password],
                .uno .gform_wrapper.gravity-theme input[type=search],
                .uno .gform_wrapper.gravity-theme input[type=tel],
                .uno .gform_wrapper.gravity-theme input[type=text],
                .uno .gform_wrapper.gravity-theme input[type=time],
                .uno .gform_wrapper.gravity-theme input[type=url],
                .uno .gform_wrapper.gravity-theme input[type=week],
                .uno .gform_wrapper.gravity-theme select,
                .uno .gform_wrapper.gravity-theme textarea {
                    font-size: 1.6rem;
                    padding: .8rem;
                }
                .uno .gform_wrapper.gravity-theme .description,
                .uno .gform_wrapper.gravity-theme .gfield_description,
                .uno .gform_wrapper.gravity-theme .gsection_description,
                .uno .gform_wrapper.gravity-theme .instruction {
                    font-size: 1.2rem;
                    padding-top: 1.6rem;
                }
                .uno .gsection_title {
                    margin: 2.4rem 0 0;
                }
                .uno .gform_wrapper.gravity-theme .field_sublabel_above .description,
                .uno .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,
                .uno .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
                    margin-top: .4rem;
                }
                .uno .gform_wrapper.gravity-theme .field_description_above .description,
                .uno .gform_wrapper.gravity-theme .field_description_above .gfield_description,
                .uno .gform_wrapper.gravity-theme .field_description_above .gsection_description,
                .uno .gform_wrapper.gravity-theme .field_description_above .instruction {
                    padding-bottom: .8rem;
                }
                .uno .gform_wrapper.gravity-theme .gfield textarea.small {
                    height: 9.6rem;
                }
                .uno .gform_wrapper.gravity-theme .gfield textarea.medium {
                    height: 19.2rem;
                }
                .uno .gform_wrapper.gravity-theme .gfield textarea.large {
                    height: 28.8rem;
                }
                /*Drop Area*/
                .uno .gform_wrapper.gravity-theme .gform_drop_area {
                    background-color: var(--c-05);
                    border: 0.2rem dotted var(--c-10);
                    border-radius: 0;
                    margin-bottom: .8rem;
                    padding: 3.2rem;
                    text-align: center;
                    color: var(--c-50);
                }
                    .uno .gform_wrapper.gravity-theme .gform_drop_area .button {
                        background-color: var(--c-05);
                        border: 0.2rem solid var(--c-10);
                        color: var(--c-50);
                    }
                /*Checkbox & Radio*/
                .uno .gfield_checkbox,
                .uno .gfield_radio {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 2.4rem;
                    margin: 1.6rem 0;
                }
                    .uno .gchoice {
                        position: relative;
                    }
                        .uno .gform_wrapper.gravity-theme .gfield-choice-input {
                            position: absolute;
                            appearance: none;
                            inset: 0;
                            margin: 0;
                        }
                        .uno .gform_wrapper.gravity-theme .gfield-choice-input:checked {

                        }
                        .uno .gform_wrapper.gravity-theme .gfield_checkbox label,
                        .uno .gform_wrapper.gravity-theme .gfield_radio label {
                            position: relative;
                            display: flex !important;
                            flex-direction: row-reverse;
                            justify-content: space-between;
                            align-items: center;
                            gap: .8rem;
                            width: 100%;
                            max-width: 100% !important;
                            font-size: 1.6rem !important;
                            cursor: pointer;
                            transition: color .15s linear;
                        }
                        .uno .gform_wrapper.gravity-theme .gfield-choice-input:checked + label {

                        }
                            .uno .gform_wrapper.gravity-theme .gfield_checkbox label::after,
                            .uno .gform_wrapper.gravity-theme .gfield_radio label::after {
                                content: "";
                                background: center / 0 0 no-repeat scroll var(--c-05);
                                width: 3.2rem;
                                height: 3.2rem;
                                border: 0.2rem solid var(--c-10);
                                z-index: 2;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                transition: all .15s linear;
                            }
                            .uno .gform_wrapper.gravity-theme .gfield_checkbox label::after {

                            }
                            .uno .gform_wrapper.gravity-theme .gfield_radio label::after {
                                border-radius: 50%;
                            }
                            .uno .gform_wrapper.gravity-theme .gfield-choice-input:checked + label::after {
                                border: .2rem solid var(--c-pri);
                                background-size: 2.0rem 2.0rem;
                            }
                            .uno .gform_wrapper.gravity-theme .gfield_checkbox .gfield-choice-input:checked + label::after {
                                background-image: url('assets/img/icon-check.svg');
                            }
                            .uno .gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:checked + label::after {
                                background-image: url('assets/img/icon-radio.svg');
                            }
    /*Footer*/
    .uno .gform_wrapper.gravity-theme .gform_footer {
        position: relative;
        margin: 2.4rem 0 0;
        padding: 0;
		display: flex;
		justify-content: center;
    }
        .uno .gform_wrapper.gravity-theme .gform_footer button,
        .uno .gform_wrapper.gravity-theme .gform_footer input,
        .uno .gform_wrapper.gravity-theme .gform_page_footer button,
        .uno .gform_wrapper.gravity-theme .gform_page_footer input {
            margin-bottom: 0;
        }
        .uno .gform_wrapper.gravity-theme .gform-loader {
            width: 2.4rem;
            height: 2.4rem;
            border-top: .4rem solid var(--c-pri);
            border-right: .4rem solid var(--c-pri);
            border-bottom: .4rem solid var(--c-25);
            border-left: .4rem solid var(--c-25);
            margin-left: 1.6rem;
        }
        .uno .gform_confirmation_message {
            line-height: 1.5;
        }
    /*Validation Errors*/
    .uno .gform_wrapper.gravity-theme .gform_validation_errors {
        background: transparent;
        border: .2rem dotted var(--c-10);
        border-radius: 0;
        box-shadow: none;
        margin-block-end: .8rem;
        margin-block-start: .8rem;
        padding-block: 1.6rem;
        padding-inline-end: 1.6rem;
        padding-inline-start: 4.8rem;
    }
        .uno .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
            border-width: 0.2rem;
        }
        .uno .gform_wrapper.gravity-theme .gfield_validation_message,
        .uno .gform_wrapper.gravity-theme .validation_message {
            background: transparent;
            border: .2rem dotted var(--c-10);
            margin-block-start: .8rem !important;
            padding: 1.6rem 2.4rem !important;
        }

/*-------------------------------------| $Buttons
*/
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 1.6rem 3.2rem;
    margin: 0;
    background-color: var(--c-pri);
    color: var(--c-w);
    text-align: center;
	font: inherit;
    font-size: 1.6rem;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    border-radius: .4rem;
    border: 0.2rem solid var(--c-pri);
    cursor: pointer;
    box-sizing: border-box;
}
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    /* outline: 0; */
}
.button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: var(--c-w);
    background-color: var(--c-pri);
    border-color: var(--c-pri);
 }
.button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: var(--c-w);
    background-color: var(--c-pri);
    border-color: var(--c-pri);
 }

/*-------------------------------------| $Fields
*/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--c-05);
    border: 0.2rem solid var(--c-10);
    box-shadow: none;
    color: var(--c-fg);
    font: inherit;
    font-size: 1.6rem;
    padding: 0.8rem;
    transition: border-color 0.3s ease, background-color 0.3s ease;
 }
textarea {
    line-height: 1.5;
    resize: vertical;
}
select {
    background: right 1.6rem center / 1.6rem auto no-repeat scroll var(--c-05);
    background-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 397.3l22.6-22.6 160-160L429.3 192 384 146.7l-22.6 22.6L224 306.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 160 160L224 397.3z" fill="%23333333"/></svg>');
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--c-pri);
    outline: 0;
}
::placeholder {
    color: var(--c-25);
    opacity: 1;
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $RESPONSIVE
--------------------------------------------------------|
--------------------------------------------------------|
*/
/* Option 2: Scale 16:9 (1152x648) to 2x in 10% increments
@media only screen and (min-height: 713px) and (min-width: 1267px) { html { font-size: 11px; } }
@media only screen and (min-height: 777px) and (min-width: 1382px) { html { font-size: 12px; } }
@media only screen and (min-height: 843px) and (min-width: 1498px) { html { font-size: 13px; } }
@media only screen and (min-height: 907px) and (min-width: 1613px) { html { font-size: 14px; } }
@media only screen and (min-height: 972px) and (min-width: 1728px) { html { font-size: 15px; } }
@media only screen and (min-height: 1037px) and (min-width: 1843px) { html { font-size: 16px; } }
@media only screen and (min-height: 1101px) and (min-width: 1958px) { html { font-size: 17px; } }
@media only screen and (min-height: 1167px) and (min-width: 2074px) { html { font-size: 18px; } }
@media only screen and (min-height: 1231px) and (min-width: 2189px) { html { font-size: 19px; } }
@media only screen and (min-height: 1296px) and (min-width: 2304px) { html { font-size: 20px; } } */

/* Option 2: Scale as octal design pattern in increments of 128 */
@media only screen and (max-width: 896px) { html { font-size: 9.5px; } }
@media only screen and (max-width: 768px) { html { font-size: 9px; } }
@media only screen and (max-width: 640px) { html { font-size: 8.5px; } }
@media only screen and (max-width: 512px) { html { font-size: 8px; } }
@media only screen and (min-height: 720px)     and (min-width: 1280px) { html { font-size: 11px; } }
@media only screen and (min-height: 792px)     and (min-width: 1408px) { html { font-size: 12px; } }
@media only screen and (min-height: 864px)     and (min-width: 1536px) { html { font-size: 13px; } }
@media only screen and (min-height: 936px)     and (min-width: 1664px) { html { font-size: 14px; } }
/* @media only screen and (min-height: 1008px) and (min-width: 1792px) { html { font-size: 15px; } }
@media only screen and (min-height: 1080px) and (min-width: 1920px) { html { font-size: 16px; } }
@media only screen and (min-height: 1152px) and (min-width: 2048px) { html { font-size: 17px; } } */

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $PRINT
--------------------------------------------------------|
--------------------------------------------------------|
*/
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
