:root {
	--white: #FFFFFF;
	--black: #000000;
    --pink: #ED2B78;
    --purple: #946EBD;
    --grey: #C4C4C4;
    --dark: #050A19;
    --whitesmoke: #F7F7F7;
    --spunpearl: #A2A2A3;
    --waikawagrey: #666E85;
    --robinegg: #12C5CD;
    --nero: #1B1B1B;

    --lightblue: #00EBFF;
    --lightgrey: #ECEAEA;

    /*--darkpink: #DA0569;
    --darkpurple: #6C4994;*/
    --darkblue: #000E33;
	--darkpink: #C92566;
	--darkpurple: #7E5EA1;

	--white-rgb: 255, 255, 255;
	--black-rgb: 0, 0, 0;
    --pink-rgb: 237, 43, 120;
    --purple-rgb: 148, 110, 189;
    --grey-rgb: 196, 196, 196;
    --dark-rgb: 5, 10, 25;
    --whitesmoke-rgb: 247, 247, 247;
    --nero-rgb: 27, 27, 27;

    --lightblue-rgb: 0, 235, 255;
    --lightgrey-rgb: 236, 234, 234;

    --darkblue-rgb: 0, 14, 51;
	--darkpink-rgb: 201, 37, 102;
	--darkpurple-rgb: 126, 94, 161;

    --gradient-pink-lightblue: linear-gradient( 82.68deg, var( --pink ) 17.23%, var( --lightblue ) 121.8% );
    --gradient-darkpink-lightblue: linear-gradient( 82.68deg, var( --darkpink ) 17.23%, var( --lightblue ) 121.8% );

    --gradient-purple-pink: linear-gradient( 90deg, var( --purple ) 0%, var( --pink ) 100% );
    --gradient-darkpurple-pink: linear-gradient( 90deg, var( --darkpurple ) 0%, var( --pink ) 100% );

    --gradient-purple-lightblue: linear-gradient( 82.68deg, var( --purple ) 37.1%, var( --lightblue ) 121.8% );
    --gradient-darkpurple-lightblue: linear-gradient( 82.68deg, var( --darkpurple ) 37.1%, var( --lightblue ) 121.8% );

    --pink-subtle: #FBD5E4;

    --pink-shade-1: var( --darkpink );
    --pink-shade-2: #BE2260;
    --pink-shade-3: #B2205A;

    --purple-shade-1: var( --darkpurple );
    --purple-shade-2: #765897;
    --purple-shade-3: #6F538E;

    --darkblue-shade-1: #263252;
    --darkblue-shade-2: #333E5c;
    --darkblue-shade-3: #1A2647;

    --nav-pills-link-radius: 30px;

    --shape-color: var( --black );

    --text-shadow-left-size: 0;
    --text-shadow-bottom-size: 0;
    --text-shadow-blur-size: 0;
    --text-shadow-color: var( --black );
}

.ff-light {
	font-family: 'Outfit'!important;
	font-weight: 300;
}
.ff-normal {
	font-family: 'Outfit'!important;
	font-weight: 400;
}
.ff-medium {
	font-family: 'Outfit'!important;
	font-weight: 500;
}
.ff-semibold {
	font-family: 'Outfit'!important;
	font-weight: 600;
}
.ff-bold {
	font-family: 'Outfit'!important;
	font-weight: 700;
}
.ff-extrabold {
	font-family: 'Outfit'!important;
	font-weight: 800;
}

.fs-custom-1 {
	font-size: 4rem!important; /* normally 64px */
}
.fs-custom-2 {
	font-size: 3rem!important; /* normally 48px */
}
.fs-custom-3 {
	font-size: 2.5rem!important; /* normally 40px */
}
.fs-custom-4 {
	font-size: 2rem!important; /* normally 32px */
}
.fs-custom-5 {
	font-size: 1.5rem!important; /* normally 24px */
}
.fs-custom-6 {
	font-size: 1.25rem!important; /* normally 20px */
}
.fs-custom-7 {
	font-size: 1.125rem!important; /* normally 18px */
}
.fs-custom-8 {
	font-size: 1rem!important; /* normally 16px */
}
.fs-custom-9 {
	font-size: 0.75rem!important; /* normally 12px */
}
@media ( min-width: 576px ) {
	.fs-custom-sm-1 {
		font-size: 4rem!important; /* normally 64px */
	}
	.fs-custom-sm-2 {
		font-size: 3rem!important; /* normally 48px */
	}
	.fs-custom-sm-3 {
		font-size: 2.5rem!important; /* normally 40px */
	}
	.fs-custom-sm-4 {
		font-size: 2rem!important; /* normally 32px */
	}
	.fs-custom-sm-5 {
		font-size: 1.5rem!important; /* normally 24px */
	}
	.fs-custom-sm-6 {
		font-size: 1.25rem!important; /* normally 20px */
	}
	.fs-custom-sm-7 {
		font-size: 1.125rem!important; /* normally 18px */
	}
	.fs-custom-sm-8 {
		font-size: 1rem!important; /* normally 16px */
	}
	.fs-custom-sm-9 {
		font-size: 0.75rem!important; /* normally 12px */
	}
}
@media ( min-width: 768px ) {
	.fs-custom-md-1 {
		font-size: 4rem!important; /* normally 64px */
	}
	.fs-custom-md-2 {
		font-size: 3rem!important; /* normally 48px */
	}
	.fs-custom-md-3 {
		font-size: 2.5rem!important; /* normally 40px */
	}
	.fs-custom-md-4 {
		font-size: 2rem!important; /* normally 32px */
	}
	.fs-custom-md-5 {
		font-size: 1.5rem!important; /* normally 24px */
	}
	.fs-custom-md-6 {
		font-size: 1.25rem!important; /* normally 20px */
	}
	.fs-custom-md-7 {
		font-size: 1.125rem!important; /* normally 18px */
	}
	.fs-custom-md-8 {
		font-size: 1rem!important; /* normally 16px */
	}
	.fs-custom-md-9 {
		font-size: 0.75rem!important; /* normally 12px */
	}
}
@media ( min-width: 992px ) {
	.fs-custom-lg-1 {
		font-size: 4rem!important; /* normally 64px */
	}
	.fs-custom-lg-2 {
		font-size: 3rem!important; /* normally 48px */
	}
	.fs-custom-lg-3 {
		font-size: 2.5rem!important; /* normally 40px */
	}
	.fs-custom-lg-4 {
		font-size: 2rem!important; /* normally 32px */
	}
	.fs-custom-lg-5 {
		font-size: 1.5rem!important; /* normally 24px */
	}
	.fs-custom-lg-6 {
		font-size: 1.25rem!important; /* normally 20px */
	}
	.fs-custom-lg-7 {
		font-size: 1.125rem!important; /* normally 18px */
	}
	.fs-custom-lg-8 {
		font-size: 1rem!important; /* normally 16px */
	}
	.fs-custom-lg-9 {
		font-size: 0.75rem!important; /* normally 12px */
	}
}
@media ( min-width: 1200px ) {
	.fs-custom-xl-1 {
		font-size: 4rem!important; /* normally 64px */
	}
	.fs-custom-xl-2 {
		font-size: 3rem!important; /* normally 48px */
	}
	.fs-custom-xl-3 {
		font-size: 2.5rem!important; /* normally 40px */
	}
	.fs-custom-xl-4 {
		font-size: 2rem!important; /* normally 32px */
	}
	.fs-custom-xl-5 {
		font-size: 1.5rem!important; /* normally 24px */
	}
	.fs-custom-xl-6 {
		font-size: 1.25rem!important; /* normally 20px */
	}
	.fs-custom-xl-7 {
		font-size: 1.125rem!important; /* normally 18px */
	}
	.fs-custom-xl-8 {
		font-size: 1rem!important; /* normally 16px */
	}
	.fs-custom-xl-9 {
		font-size: 0.75rem!important; /* normally 12px */
	}
}
@media ( min-width: 1400px ) {
	.fs-custom-xxl-1 {
		font-size: 4rem!important; /* normally 64px */
	}
	.fs-custom-xxl-2 {
		font-size: 3rem!important; /* normally 48px */
	}
	.fs-custom-xxl-3 {
		font-size: 2.5rem!important; /* normally 40px */
	}
	.fs-custom-xxl-4 {
		font-size: 2rem!important; /* normally 32px */
	}
	.fs-custom-xxl-5 {
		font-size: 1.5rem!important; /* normally 24px */
	}
	.fs-custom-xxl-6 {
		font-size: 1.25rem!important; /* normally 20px */
	}
	.fs-custom-xxl-7 {
		font-size: 1.125rem!important; /* normally 18px */
	}
	.fs-custom-xxl-8 {
		font-size: 1rem!important; /* normally 16px */
	}
	.fs-custom-xxl-9 {
		font-size: 0.75rem!important; /* normally 12px */
	}
}

.lh-custom-1 {
	line-height: 4.75rem!important;  /* normally 76px */
}
.lh-custom-2 {
	line-height: 3.75rem!important;  /* normally 60px */
}
.lh-custom-3 {
	line-height: 2.75rem!important;  /* normally 44px */
}
.lh-custom-4 {
	line-height: 1.75rem!important;  /* normally 28px */
}
@media ( min-width: 576px ) {
	.lh-custom-sm-1 {
		line-height: 4.75rem!important;  /* normally 76px */
	}
	.lh-custom-sm-2 {
		line-height: 3.75rem!important;  /* normally 60px */
	}
	.lh-custom-sm-3 {
		line-height: 2.75rem!important;  /* normally 44px */
	}
	.lh-custom-sm-4 {
		line-height: 1.75rem!important;  /* normally 28px */
	}
}
@media ( min-width: 768px ) {
	.lh-custom-md-1 {
		line-height: 4.75rem!important;  /* normally 76px */
	}
	.lh-custom-md-2 {
		line-height: 3.75rem!important;  /* normally 60px */
	}
	.lh-custom-md-3 {
		line-height: 2.75rem!important;  /* normally 44px */
	}
	.lh-custom-md-4 {
		line-height: 1.75rem!important;  /* normally 28px */
	}
}
@media ( min-width: 992px ) {
	.lh-custom-lg-1 {
		line-height: 4.75rem!important;  /* normally 76px */
	}
	.lh-custom-lg-2 {
		line-height: 3.75rem!important;  /* normally 60px */
	}
	.lh-custom-lg-3 {
		line-height: 2.75rem!important;  /* normally 44px */
	}
	.lh-custom-lg-4 {
		line-height: 1.75rem!important;  /* normally 28px */
	}
}
@media ( min-width: 1200px ) {
	.lh-custom-xl-1 {
		line-height: 4.75rem!important;  /* normally 76px */
	}
	.lh-custom-xl-2 {
		line-height: 3.75rem!important;  /* normally 60px */
	}
	.lh-custom-xl-3 {
		line-height: 2.75rem!important;  /* normally 44px */
	}
	.lh-custom-xl-4 {
		line-height: 1.75rem!important;  /* normally 28px */
	}
}
@media ( min-width: 1400px ) {
	.lh-custom-xxl-1 {
		line-height: 4.75rem!important;  /* normally 76px */
	}
	.lh-custom-xxl-2 {
		line-height: 3.75rem!important;  /* normally 60px */
	}
	.lh-custom-xxl-3 {
		line-height: 2.75rem!important;  /* normally 44px */
	}
	.lh-custom-xxl-4 {
		line-height: 1.75rem!important;  /* normally 28px */
	}
}

.rounded-custom-1 {
	border-radius: 0.625rem!important;
}
.rounded-custom-2 {
	border-radius: 1.25rem!important;
}
@media ( min-width: 576px ) {
	.rounded-custom-sm-1 {
		border-radius: 0.625rem!important;
	}
	.rounded-custom-sm-2 {
		border-radius: 1.25rem!important;
	}
	.rounded-sm-0 {
	  	border-radius: 0 !important;
	}
	.rounded-sm-1 {
	  	border-radius: var(--bs-border-radius-sm) !important;
	}
	.rounded-sm-2 {
	  	border-radius: var(--bs-border-radius) !important;
	}
	.rounded-sm-3 {
	  	border-radius: var(--bs-border-radius-lg) !important;
	}
	.rounded-sm-4 {
	  	border-radius: var(--bs-border-radius-xl) !important;
	}
	.rounded-sm-5 {
	  	border-radius: var(--bs-border-radius-xxl) !important;
	}
}
@media ( min-width: 768px ) {
	.rounded-custom-md-1 {
		border-radius: 0.625rem!important;
	}
	.rounded-custom-md-2 {
		border-radius: 1.25rem!important;
	}
	.rounded-md-0 {
	  	border-radius: 0 !important;
	}
	.rounded-md-1 {
	  	border-radius: var(--bs-border-radius-sm) !important;
	}
	.rounded-md-2 {
	  	border-radius: var(--bs-border-radius) !important;
	}
	.rounded-md-3 {
	  	border-radius: var(--bs-border-radius-lg) !important;
	}
	.rounded-md-4 {
	  	border-radius: var(--bs-border-radius-xl) !important;
	}
	.rounded-md-5 {
	  	border-radius: var(--bs-border-radius-xxl) !important;
	}
}
@media ( min-width: 992px ) {
	.rounded-custom-lg-1 {
		border-radius: 0.625rem!important;
	}
	.rounded-custom-lg-2 {
		border-radius: 1.25rem!important;
	}
	.rounded-lg-0 {
	  	border-radius: 0 !important;
	}
	.rounded-lg-1 {
	  	border-radius: var(--bs-border-radius-sm) !important;
	}
	.rounded-lg-2 {
	  	border-radius: var(--bs-border-radius) !important;
	}
	.rounded-lg-3 {
	  	border-radius: var(--bs-border-radius-lg) !important;
	}
	.rounded-lg-4 {
	  	border-radius: var(--bs-border-radius-xl) !important;
	}
	.rounded-lg-5 {
	  	border-radius: var(--bs-border-radius-xxl) !important;
	}
}
@media ( min-width: 1200px ) {
	.rounded-custom-xl-1 {
		border-radius: 0.625rem!important;
	}
	.rounded-custom-xl-2 {
		border-radius: 1.25rem!important;
	}
	.rounded-xl-0 {
	  	border-radius: 0 !important;
	}
	.rounded-xl-1 {
	  	border-radius: var(--bs-border-radius-sm) !important;
	}
	.rounded-xl-2 {
	  	border-radius: var(--bs-border-radius) !important;
	}
	.rounded-xl-3 {
	  	border-radius: var(--bs-border-radius-lg) !important;
	}
	.rounded-xl-4 {
	  	border-radius: var(--bs-border-radius-xl) !important;
	}
	.rounded-xl-5 {
	  	border-radius: var(--bs-border-radius-xxl) !important;
	}
}
@media ( min-width: 1400px ) {
	.rounded-custom-xxl-1 {
		border-radius: 0.625rem!important;
	}
	.rounded-custom-xxl-2 {
		border-radius: 1.25rem!important;
	}
	.rounded-xxl-0 {
	  	border-radius: 0 !important;
	}
	.rounded-xxl-1 {
	  	border-radius: var(--bs-border-radius-sm) !important;
	}
	.rounded-xxl-2 {
	  	border-radius: var(--bs-border-radius) !important;
	}
	.rounded-xxl-3 {
	  	border-radius: var(--bs-border-radius-lg) !important;
	}
	.rounded-xxl-4 {
	  	border-radius: var(--bs-border-radius-xl) !important;
	}
	.rounded-xxl-5 {
	  	border-radius: var(--bs-border-radius-xxl) !important;
	}
}

.text-underline {
	text-decoration: underline!important;
}

.text-shadow {
	text-shadow: var( --text-shadow-left-size ) var( --text-shadow-bottom-size ) var( --text-shadow-blur-size ) var( --text-shadow-color );
}

.text-shadow-1 {
	--text-shadow-left-size: 0;
    --text-shadow-bottom-size: 0;
    --text-shadow-blur-size: 2px;
}

.text-shadow-pink {
	--text-shadow-color: var( --pink );
}
.text-shadow-dark {
	--text-shadow-color: var( --dark );
}

.shadow-custom-0 {
	box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
}
.shadow-custom-1 {
	box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
}
.shadow-custom-2 {
	box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
}
.shadow-custom-3 {
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
}
.shadow-custom-4 {
	box-shadow: 0px 4px 21.2px rgba(0, 0, 0, 0.15);
}
.shadow-custom-5 {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.shadow-custom-6 {
	box-shadow: 0px 4px 34.9px rgba(0, 0, 0, 0.15);
}
@media ( min-width: 576px ) {
	.shadow-custom-sm-0 {
		box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
	}
	.shadow-custom-sm-1 {
		box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
	}
	.shadow-custom-sm-2 {
		box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
	}
}
@media ( min-width: 768px ) {
	.shadow-custom-md-0 {
		box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
	}
	.shadow-custom-md-1 {
		box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
	}
	.shadow-custom-md-2 {
		box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
	}
}
@media ( min-width: 992px ) {
	.shadow-custom-lg-0 {
		box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
	}
	.shadow-custom-lg-1 {
		box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
	}
	.shadow-custom-lg-2 {
		box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
	}
}
@media ( min-width: 1200px ) {
	.shadow-custom-xl-0 {
		box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
	}
	.shadow-custom-xl-1 {
		box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
	}
	.shadow-custom-xl-2 {
		box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
	}
}
@media ( min-width: 1400px ) {
	.shadow-custom-xxl-0 {
		box-shadow: 0 0 0 rgba(0, 0, 0, 1)!important;
	}
	.shadow-custom-xxl-1 {
		box-shadow: 0px -2px 32px rgba(0, 0, 0, 0.25)!important;
	}
	.shadow-custom-xxl-2 {
		box-shadow: 0px 14px 23.2px rgba(0, 0, 0, 0.15)!important;
	}
}

[class*="bg-"] {
	transition: background-color 500ms;
}

.bg-pink {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --pink-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-purple {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --purple-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-grey {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --grey-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-dark {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --dark-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-whitesmoke {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --whitesmoke-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-nero {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --nero-rgb ), var( --bs-bg-opacity ) ) !important;
}

.bg-lightblue {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --lightblue-rgb ), var( --bs-bg-opacity ) ) !important;
}
.bg-lightgrey {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --lightgrey-rgb ), var( --bs-bg-opacity ) ) !important;
}

.bg-darkblue {
 	--bs-bg-opacity: 1;
  	background-color: rgba( var( --darkblue-rgb ), var( --bs-bg-opacity ) ) !important;
}

.bg-gradient-pink-lightblue {
	--bs-bg-opacity: 1;
	background: var( --gradient-pink-lightblue );
	background-repeat: no-repeat;
}
.bg-gradient-purple-pink {
	--bs-bg-opacity: 1;
	background: var( --gradient-purple-pink );
	background-repeat: no-repeat;
}
.bg-gradient-purple-lightblue {
	--bs-bg-opacity: 1;
	background: var( --gradient-purple-lightblue );
	background-repeat: no-repeat;
}

.bg-opacity-0 {
  	--bs-bg-opacity: 0!important;
}
.bg-opacity-25 {
  	--bs-bg-opacity: 0.25!important;
}
.bg-opacity-80 {
  	--bs-bg-opacity: 0.80!important;
}

@media ( min-width: 576px ) {
	.bg-opacity-sm-0 {
	  	--bs-bg-opacity: 0!important;
	}
	.bg-opacity-sm-10 {
	  	--bs-bg-opacity: 0.1!important;
	}
	.bg-opacity-sm-25 {
	  	--bs-bg-opacity: 0.25!important;
	}
	.bg-opacity-sm-50 {
	  	--bs-bg-opacity: 0.5!important;
	}
	.bg-opacity-sm-75 {
	  	--bs-bg-opacity: 0.75!important;
	}
	.bg-opacity-sm-80 {
	  	--bs-bg-opacity: 0.80!important;
	}
	.bg-opacity-sm-100 {
	  	--bs-bg-opacity: 1!important;
	}
}
@media ( min-width: 768px ) {
	.bg-opacity-md-0 {
	  	--bs-bg-opacity: 0!important;
	}
	.bg-opacity-md-10 {
	  	--bs-bg-opacity: 0.1!important;
	}
	.bg-opacity-md-25 {
	  	--bs-bg-opacity: 0.25!important;
	}
	.bg-opacity-md-50 {
	  	--bs-bg-opacity: 0.5!important;
	}
	.bg-opacity-md-75 {
	  	--bs-bg-opacity: 0.75!important;
	}
	.bg-opacity-md-80 {
	  	--bs-bg-opacity: 0.80!important;
	}
	.bg-opacity-md-100 {
	  	--bs-bg-opacity: 1!important;
	}
}
@media ( min-width: 992px ) {
	.bg-opacity-lg-0 {
	  	--bs-bg-opacity: 0!important;
	}
	.bg-opacity-lg-10 {
	  	--bs-bg-opacity: 0.1!important;
	}
	.bg-opacity-lg-25 {
	  	--bs-bg-opacity: 0.25!important;
	}
	.bg-opacity-lg-50 {
	  	--bs-bg-opacity: 0.5!important;
	}
	.bg-opacity-lg-75 {
	  	--bs-bg-opacity: 0.75!important;
	}
	.bg-opacity-lg-80 {
	  	--bs-bg-opacity: 0.80!important;
	}
	.bg-opacity-lg-100 {
	  	--bs-bg-opacity: 1!important;
	}
}
@media ( min-width: 1200px ) {
	.bg-opacity-xl-0 {
	  	--bs-bg-opacity: 0!important;
	}
	.bg-opacity-xl-10 {
	  	--bs-bg-opacity: 0.1!important;
	}
	.bg-opacity-xl-25 {
	  	--bs-bg-opacity: 0.25!important;
	}
	.bg-opacity-xl-50 {
	  	--bs-bg-opacity: 0.5!important;
	}
	.bg-opacity-xl-75 {
	  	--bs-bg-opacity: 0.75!important;
	}
	.bg-opacity-xl-80 {
	  	--bs-bg-opacity: 0.80!important;
	}
	.bg-opacity-xl-100 {
	  	--bs-bg-opacity: 1!important;
	}
}
@media ( min-width: 1400px ) {
	.bg-opacity-xxl-0 {
	  	--bs-bg-opacity: 0!important;
	}
	.bg-opacity-xxl-10 {
	  	--bs-bg-opacity: 0.1!important;
	}
	.bg-opacity-xxl-25 {
	  	--bs-bg-opacity: 0.25!important;
	}
	.bg-opacity-xxl-50 {
	  	--bs-bg-opacity: 0.5!important;
	}
	.bg-opacity-xxl-75 {
	  	--bs-bg-opacity: 0.75!important;
	}
	.bg-opacity-xxl-80 {
	  	--bs-bg-opacity: 0.80!important;
	}
	.bg-opacity-xxl-100 {
	  	--bs-bg-opacity: 1!important;
	}
}

.bg-fill {
	position: relative;
}
.bg-fill:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc( -1 * ( 100vw - 100%) / 2 ); /* started at absolute 0 of the screen */
	height: 100%;
	width: 100vw;
}

.bg-fill-half:before {
	width: 50vw;
}

.bg-fill-left:before {
	left: auto;
	right: 0;
}
.bg-fill-right:before {
	left: 0;
	right: auto;
}

.bg-fill-white:before {
	background-color: var( --white );
}
.bg-fill-dark:before {
	background-color: var( --dark );
}
.bg-fill-black:before {
	background-color: var( --black );
}

.bg-fill-lightblue:before {
	background-color: var( --lightblue );
}
.bg-fill-lightgrey:before {
	background-color: var( --lightgrey );
}

.bg-fill-darkblue:before {
	background-color: var( --darkblue );
}

.bg-fill > * {
	position: relative;
	z-index: 1;
}

.text-pink {
	color: var( --pink )!important;
}
.text-purple {
	color: var( --purple )!important;
}
.text-spunpearl {
	color: var( --spunpearl )!important;
}
.text-waikawagrey {
	color: var( --waikawagrey )!important;
}
.text-robinegg {
	color: var( --robinegg )!important;
}
.text-grey {
	color: var( --grey )!important;
}

.text-lightblue {
	color: var( --lightblue )!important;
}
.text-darkblue {
	color: var( --darkblue )!important;
}

.text-pink-subtle {
	color: var( --pink-subtle )!important;
}

.btn-pink {
	--bs-btn-color: var( --white );
	--bs-btn-bg: var( --pink );
	--bs-btn-border-color: var( --pink );
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: var( --pink-shade-1 );
	--bs-btn-hover-border-color: var( --pink-shade-2 );
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: var( --pink-shade-2 );
	--bs-btn-active-border-color: var( --pink-shade-3 );
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: var( --pink );
	--bs-btn-disabled-border-color: var( --pink );
}
.btn-grey {
	--bs-btn-color: var( --black );
	--bs-btn-bg: var( --grey );
	--bs-btn-border-color: var( --grey );
	--bs-btn-hover-color: var( --black );
	--bs-btn-hover-bg: color-mix(in srgb, var( --grey ), black 10%);
	--bs-btn-hover-border-color: color-mix(in srgb, var( --grey ), black 30%);
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --black );
	--bs-btn-active-bg: color-mix(in srgb, var( --grey ), black 30%);
	--bs-btn-active-border-color: color-mix(in srgb, var( --grey ), black 50%);
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --black );
	--bs-btn-disabled-bg: var( --grey );
	--bs-btn-disabled-border-color: var( --grey );
}
.btn-darkblue {
	--bs-btn-color: var( --white );
	--bs-btn-bg: var( --darkblue );
	--bs-btn-border-color: var( --darkblue );
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: var( --darkblue-shade-1 );
	--bs-btn-hover-border-color: var( --darkblue-shade-3 );
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: var( --darkblue-shade-2 );
	--bs-btn-active-border-color: var( --darkblue-shade-3 );
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: var( --darkblue );
	--bs-btn-disabled-border-color: var( --darkblue );
}

.btn-outline-grey {
	--bs-btn-color: var( --grey );
	--bs-btn-border-color: var( --grey );
	--bs-btn-hover-color: var( --black );
	--bs-btn-hover-bg: var( --grey );
	--bs-btn-hover-border-color: var( --grey );
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var( --black );
	--bs-btn-active-bg: color-mix(in srgb, var( --grey ), black 10%);
	--bs-btn-active-border-color: color-mix(in srgb, var( --grey ), black 10%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --grey );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var( --grey );
	--bs-gradient: none;
}
.btn-outline-dark {
	--bs-btn-color: var( --dark );
	--bs-btn-border-color: var( --dark );
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: var( --dark );
	--bs-btn-hover-border-color: var( --dark );
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: var( --black );
	--bs-btn-active-border-color: var( --black );
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --dark );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var( --dark );
	--bs-gradient: none;
}
.btn-outline-waikawagrey {
	--bs-btn-color: var( --waikawagrey );
	--bs-btn-border-color: var( --waikawagrey );
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: var( --waikawagrey );
	--bs-btn-hover-border-color: var( --waikawagrey );
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: color-mix(in srgb, var( --waikawagrey ), black 10%);
	--bs-btn-active-border-color: color-mix(in srgb, var( --waikawagrey ), black 10%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --waikawagrey );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var( --waikawagrey );
	--bs-gradient: none;
}
.btn-outline-lightblue {
	--bs-btn-color: var( --lightblue );
	--bs-btn-border-color: var( --lightblue );
	--bs-btn-hover-color: var( --black );
	--bs-btn-hover-bg: var( --lightblue );
	--bs-btn-hover-border-color: var( --lightblue );
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var( --black );
	--bs-btn-active-bg: color-mix(in srgb, var( --lightblue ), black 10%);
	--bs-btn-active-border-color: color-mix(in srgb, var( --lightblue ), black 10%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --lightblue );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var( --lightblue );
	--bs-gradient: none;
}
.btn-lightgrey-outline-dark {
	--bs-btn-color: var( --dark );
	--bs-btn-bg: var( --lightgrey );
	--bs-btn-border-color: var( --dark );
	--bs-btn-hover-color: var( --lightgrey );
	--bs-btn-hover-bg: var( --dark );
	--bs-btn-hover-border-color: var( --dark );
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: var( --black );
	--bs-btn-active-border-color: var( --black );
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --dark );
	--bs-btn-disabled-bg: var( --lightgrey );
	--bs-btn-disabled-border-color: var( --dark );
	--bs-gradient: none;
}

.btn-gradient-pink-lightblue {
	--bs-btn-color: var( --white );
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	position: relative;
	z-index: 0;
}
.btn-gradient-pink-lightblue:before {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	background: var( --gradient-pink-lightblue );
	background-repeat: no-repeat;
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	transition: 150ms;
}
.btn-gradient-pink-lightblue:hover:before {
	left: 50%;
	width: 50%;
}
.btn-gradient-pink-lightblue:active:before {
	background: var( --gradient-darkpink-lightblue );
}
.btn-gradient-pink-lightblue:after {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	z-index: -2;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	background-color: var( --pink );
}
.btn-gradient-pink-lightblue:active:after {
	background-color: var( --darkpink );
}

.btn-gradient-purple-pink {
	--bs-btn-color: var( --white );
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	position: relative;
	z-index: 0;
}
.btn-gradient-purple-pink:before {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	background: var( --gradient-purple-pink );
	background-repeat: no-repeat;
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	transition: 150ms;
}
.btn-gradient-purple-pink:hover:before {
	left: 50%;
	width: 50%;
}
.btn-gradient-purple-pink:active:before {
	background: var( --gradient-darkpurple-pink );
}
.btn-gradient-purple-pink:after {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	z-index: -2;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	background-color: var( --purple );
}
.btn-gradient-purple-pink:active:after {
	background-color: var( --darkpurple );
}

.btn-gradient-purple-lightblue {
	--bs-btn-color: var( --white );
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	position: relative;
	z-index: 0;
}
.btn-gradient-purple-lightblue:before {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	background: var( --gradient-purple-lightblue );
	background-repeat: no-repeat;
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	transition: 150ms;
}
.btn-gradient-purple-lightblue:hover:before {
	left: 50%;
	width: 50%;
}
.btn-gradient-purple-lightblue:active:before {
	background: var( --gradient-darkpurple-lightblue );
}
.btn-gradient-purple-lightblue:after {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	z-index: -2;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	background-color: var( --purple );
}
.btn-gradient-purple-lightblue:active:after {
	background-color: var( --darkpurple );
}

/*.btn-outline-gradient-purple-pink {
	--bs-btn-color: var( --darkblue );
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	position: relative;
	z-index: 0;
}
.btn-outline-gradient-purple-pink:hover,
.btn-outline-gradient-purple-pink:active {
	color: var( --white )!important;
}
.btn-outline-gradient-purple-pink:before {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.25rem;

	content: "";
	background: var( --white );
	background-repeat: no-repeat;
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
	transform: scaleX( 0.925 ) scaleY( 0.7 );
	transition: 150ms;
}
.btn-outline-gradient-purple-pink:hover:before {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
}
.btn-outline-gradient-purple-pink:active:before {
	opacity: 0;
}
.btn-outline-gradient-purple-pink:after {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	background: var( --gradient-purple-pink );
	background-repeat: no-repeat;
	z-index: -2;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: inline-block;
	border: var( --bs-btn-border-width) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
}
.btn-outline-gradient-purple-pink:active:after {
	background: var( --gradient-darkpurple-pink );
}
.bg-darkblue .btn-outline-gradient-purple-pink {
	--bs-btn-color: var( --white );
}
.bg-darkblue .btn-outline-gradient-purple-pink:before {
	background: var( --darkblue );
}*/
.btn-outline-gradient-purple-pink {
	--bs-btn-color: var( --white );
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var( --white );
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
/*	--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
	--bs-btn-active-color: var( --white );
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
/*	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	--bs-btn-disabled-color: var( --white );
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;

	position: relative;
	z-index: 0;
}
.btn-outline-gradient-purple-pink:before {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: var( --gradient-purple-pink );
    -webkit-mask-image: linear-gradient( 90deg, var( --black ) 0.25rem, transparent 0.25rem ), 
				linear-gradient( 270deg, var( --black ) 0.25rem, transparent 0.25rem ), 
				linear-gradient( 180deg, var( --black ) 0.25rem, transparent 0.25rem ),
				linear-gradient( 0deg, var( --black ) 0.25rem, transparent 0.25rem );
	mask-image: linear-gradient( 90deg, var( --black ) 0.25rem, transparent 0.25rem ), 
				linear-gradient( 270deg, var( --black ) 0.25rem, transparent 0.25rem ), 
				linear-gradient( 180deg, var( --black ) 0.25rem, transparent 0.25rem ),
				linear-gradient( 0deg, var( --black ) 0.25rem, transparent 0.25rem );

	background-repeat: no-repeat;

	border: var( --bs-btn-border-width ) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );
}
.btn-outline-gradient-purple-pink:after {
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;

	content: "";
	z-index: -1;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;

    background: var( --gradient-purple-pink );
    background-repeat: no-repeat;

    border: var( --bs-btn-border-width ) solid var( --bs-btn-border-color );
	border-radius: var( --bs-btn-border-radius );

    transition: 300ms;
}
.btn-outline-gradient-purple-pink:hover:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.btn-outline-gradient-purple-pink:active:after {
    background: var( --gradient-darkpurple-pink );
    background-repeat: no-repeat;
}

.border-pink {
	--bs-border-opacity: 1;
	border-color: var( --pink )!important;
}
.border-grey {
	--bs-border-opacity: 1;
	border-color: var( --grey )!important;
}
.border-dark {
	--bs-border-opacity: 1;
	border-color: var( --dark )!important;
}
.border-waikawagrey {
	--bs-border-opacity: 1;
	border-color: var( --waikawagrey )!important;
}

.border-opacity-0 {
  	--bs-border-opacity: 0;
}

.opacity-90 {
  	opacity: 0.90 !important;
}

.brightness-60 {
	filter: brightness( 60% );
}

.navbar-nav {
	--bs-nav-link-font-weight: 700;
}
.navbar-nav.navbar-nav-white {
	--bs-nav-link-color: var( --white );
	--bs-nav-link-hover-color: var( --pink );
	--bs-nav-link-disabled-color: var( --grey );
	--bs-navbar-active-color: var( --pink );
}

.navbar-toggler {
	--bs-border-width: 1px;
}
.navbar-toggler.navbar-toggler-white {
	--bs-navbar-toggler-border-color: var( --white );
	color: var( --white );
}
.navbar-toggler:focus {
	--bs-navbar-toggler-focus-width: 1px;
}


.nav-pills.nav-pills-custom {
	--bs-nav-pills-border-width: 0;
	--bs-nav-pills-border-color: transparent;

	border-bottom: var( --bs-nav-pills-border-width ) solid var( --bs-nav-pills-border-color );
	position: relative;
/*	background: var( --darkblue );*/
}
.nav-pills.nav-pills-dark.nav-splitter:after,
.nav-pills.nav-pills-light.nav-splitter:after {
	content: "";
	position: absolute;
	top: 35%;
	left: calc( -1 * ( 100vw - 100%) / 2 ); /* started at absolute 0 of the screen */
	width: 100vw;
	height: 30%;
}
.nav-pills.nav-splitter-top:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc( -1 * ( 100vw - 100%) / 2 ); /* started at absolute 0 of the screen */
	width: 100vw;
	height: 35%;
	background-color: transparent ;
}
.nav-pills.nav-splitter-top-pink:before {
	background-color: var( --pink ) ;
}
.nav-pills.nav-pills-dark .nav-link,
.nav-pills.nav-pills-light .nav-link {
	--bs-nav-pills-link-active-border-color: transparent;
	--bs-nav-pills-border-radius: 0;

	z-index: 3;
	color: var( --bs-nav-pills-link-active-color );
  	background-color: var( --bs-nav-pills-link-active-bg );
  	border-color: var( --bs-nav-pills-link-active-border-color );
  	border-radius: var( --bs-nav-pills-border-radius );
  	position: relative;
  	transition: 300ms ease-in-out;
}
.nav-pills.nav-pills-dark .nav-link.active,
.nav-pills.nav-pills-light .nav-link.active {
	--bs-nav-pills-link-active-color: var( --dark );
	--bs-nav-pills-link-active-bg: transparent;
	--bs-nav-pills-link-active-border-color: transparent;
}
.nav-pills.nav-pills-dark .nav-link:before,
.nav-pills.nav-pills-light .nav-link:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background-color: var( --lightblue );
	transition: 300ms ease-in-out;
}
.nav-pills.nav-pills-dark .nav-link.active:before,
.nav-pills.nav-pills-light .nav-link.active:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var( --lightblue );
	border-radius: var( --nav-pills-link-radius );
}
.nav-pills.nav-pills-dark .nav-link:after,
.nav-pills.nav-pills-light .nav-link:after {
	content: "";
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: none;
}
.nav-pills.nav-pills-dark .nav-link,
.nav-pills.nav-pills-dark .nav-item:first-child .nav-link,
.nav-pills.nav-pills-dark .nav-item:first-child .nav-link:after,
.nav-pills.nav-pills-light .nav-link,
.nav-pills.nav-pills-light .nav-item:first-child .nav-link,
.nav-pills.nav-pills-light .nav-item:first-child .nav-link:after {
	border-top-left-radius: var( --nav-pills-link-radius );
	border-bottom-left-radius: var( --nav-pills-link-radius );
}
.nav-pills.nav-pills-dark .nav-item:first-child .nav-link.active:after,
.nav-pills.nav-pills-light .nav-item:first-child .nav-link.active:after {
	left: 1px;
	width: calc( 100% - 1px );
}
.nav-pills.nav-pills-dark .nav-link,
.nav-pills.nav-pills-dark .nav-item:last-child .nav-link,
.nav-pills.nav-pills-dark .nav-item:last-child .nav-link:after,
.nav-pills.nav-pills-light .nav-link,
.nav-pills.nav-pills-light .nav-item:last-child .nav-link,
.nav-pills.nav-pills-light .nav-item:last-child .nav-link:after {
	border-top-right-radius: var( --nav-pills-link-radius );
	border-bottom-right-radius: var( --nav-pills-link-radius );
}
.nav-pills.nav-pills-dark .nav-item:last-child .nav-link.active:after,
.nav-pills.nav-pills-light .nav-item:last-child .nav-link.active:after {
	left: -1px;
	width: calc( 100% - 1px );
}

.nav-pills.nav-pills-dark:after {
	background-color: var( --darkblue );
}
.nav-pills.nav-pills-dark .nav-link {
	--bs-nav-pills-link-active-color: var( --white );
	--bs-nav-pills-link-active-bg: var( --darkblue );
}
.nav-pills.nav-pills-dark .nav-link:after {
	background-color: var( --darkblue );
}

.nav-pills.nav-pills-light:after {
	background-color: var( --white );
}
.nav-pills.nav-pills-light .nav-link {
	--bs-nav-pills-link-active-color: var( --grey );
	--bs-nav-pills-link-active-bg: var( --white );
}
.nav-pills.nav-pills-light .nav-link:after {
	background-color: var( --white );
}

.nav-link:focus-visible {
  	outline: 0;
  	box-shadow: 0 0 0 var( --black );
}

.list-links a {
	text-decoration: none;
}
.list-links a:hover,
.list-links a.active,
.list-links a:active {
	color: var( --pink )!important;
}
.list-links.list-links-darkblue a,
.list-links.list-links-darkblue a:link,
.list-links.list-links-darkblue a:visited {
	color: var( --darkblue );
}

@media ( min-width: 576px ) {
	.list-sm-inline {
		padding-left: 0;
		list-style: none;
	}
	.list-sm-inline-item {
		display: inline-block;
	}
	.list-sm-inline-item:not(:last-child) {
	  	margin-right: 0.5rem;
	}
}
@media ( min-width: 768px ) {
	.list-md-inline {
		padding-left: 0;
		list-style: none;
	}
	.list-md-inline-item {
		display: inline-block;
	}
	.list-md-inline-item:not(:last-child) {
	  	margin-right: 0.5rem;
	}
}
@media ( min-width: 992px ) {
	.list-lg-inline {
		padding-left: 0;
		list-style: none;
	}
	.list-lg-inline-item {
		display: inline-block;
	}
	.list-lg-inline-item:not(:last-child) {
	  	margin-right: 0.5rem;
	}
}
@media ( min-width: 1200px ) {
	.list-xl-inline {
		padding-left: 0;
		list-style: none;
	}
	.list-xl-inline-item {
		display: inline-block;
	}
	.list-xl-inline-item:not(:last-child) {
	  	margin-right: 0.5rem;
	}
}
@media ( min-width: 1400px ) {
	.list-xxl-inline {
		padding-left: 0;
		list-style: none;
	}
	.list-xxl-inline-item {
		display: inline-block;
	}
	.list-xxl-inline-item:not(:last-child) {
	  	margin-right: 0.5rem;
	}
}

@media ( min-width: 576px ) {
	.position-sm-static {
	  position: static !important;
	}
	.position-sm-relative {
	  position: relative !important;
	}
	.position-sm-absolute {
	  position: absolute !important;
	}
	.position-sm-fixed {
	  position: fixed !important;
	}
}
@media ( min-width: 768px ) {
	.position-md-static {
	  position: static !important;
	}
	.position-md-relative {
	  position: relative !important;
	}
	.position-md-absolute {
	  position: absolute !important;
	}
	.position-md-fixed {
	  position: fixed !important;
	}
}
@media ( min-width: 992px ) {
	.position-lg-static {
	  position: static !important;
	}
	.position-lg-relative {
	  position: relative !important;
	}
	.position-lg-absolute {
	  position: absolute !important;
	}
	.position-lg-fixed {
	  position: fixed !important;
	}
}
@media ( min-width: 1200px ) {
	.position-xl-static {
	  position: static !important;
	}
	.position-xl-relative {
	  position: relative !important;
	}
	.position-xl-absolute {
	  position: absolute !important;
	}
	.position-xl-fixed {
	  position: fixed !important;
	}
}
@media ( min-width: 1400px ) {
	.position-xxl-static {
	  position: static !important;
	}
	.position-xxl-relative {
	  position: relative !important;
	}
	.position-xxl-absolute {
	  position: absolute !important;
	}
	.position-xxl-fixed {
	  position: fixed !important;
	}
}

.ar-1x1 {
	aspect-ratio: 1 / 1!important;
}
.ar-1x3 {
	aspect-ratio: 1 / 3!important;
}
.ar-2x1 {
	aspect-ratio: 2 / 1!important;
}
.ar-3x1 {
	aspect-ratio: 3 / 1!important;
}
.ar-3x2 {
	aspect-ratio: 3 / 2!important;
}
.ar-3x4 {
	aspect-ratio: 3 / 4!important;
}
.ar-4x5 {
	aspect-ratio: 4 / 5!important;
}
.ar-5x1 {
	aspect-ratio: 5 / 1!important;
}
.ar-5x4 {
	aspect-ratio: 5 / 4!important;
}
.ar-7x1 {
	aspect-ratio: 7 / 1!important;
}
.ar-16x9 {
	aspect-ratio: 16 / 9!important;
}
.ar-3x8 {
	aspect-ratio: 3 / 8!important;
}
.ar-9x16 {
	aspect-ratio: 9 / 16!important;
}
.ar-9x20 {
	aspect-ratio: 9 / 20!important;
}
.ar-auto {
	aspect-ratio: auto!important;
}
@media ( min-width: 576px ) {
	.ar-sm-1x1 {
		aspect-ratio: 1 / 1!important;
	}
	.ar-sm-2x1 {
		aspect-ratio: 2 / 1!important;
	}
	.ar-sm-3x1 {
		aspect-ratio: 3 / 1!important;
	}
	.ar-sm-3x2 {
		aspect-ratio: 3 / 2!important;
	}
	.ar-sm-3x4 {
		aspect-ratio: 3 / 4!important;
	}
	.ar-sm-4x5 {
		aspect-ratio: 4 / 5!important;
	}
	.ar-sm-5x1 {
		aspect-ratio: 5 / 1!important;
	}
	.ar-sm-9x14 {
		aspect-ratio: 9 / 14!important;
	}
	.ar-sm-9x16 {
		aspect-ratio: 9 / 16!important;
	}
	.ar-sm-9x20 {
		aspect-ratio: 9 / 20!important;
	}
	.ar-sm-16x9 {
		aspect-ratio: 16 / 9!important;
	}
}
@media ( min-width: 768px ) {
	.ar-md-1x1 {
		aspect-ratio: 1 / 1!important;
	}
	.ar-md-2x1 {
		aspect-ratio: 2 / 1!important;
	}
	.ar-md-3x1 {
		aspect-ratio: 3 / 1!important;
	}
	.ar-md-3x2 {
		aspect-ratio: 3 / 2!important;
	}
	.ar-md-3x4 {
		aspect-ratio: 3 / 4!important;
	}
	.ar-md-5x1 {
		aspect-ratio: 5 / 1!important;
	}
	.ar-md-5x4 {
		aspect-ratio: 5 / 4!important;
	}
	.ar-md-9x14 {
		aspect-ratio: 9 / 14!important;
	}
	.ar-md-16x9 {
		aspect-ratio: 16 / 9!important;
	}
}
@media ( min-width: 992px ) {
	.ar-lg-1x1 {
		aspect-ratio: 1 / 1!important;
	}
	.ar-lg-2x1 {
		aspect-ratio: 2 / 1!important;
	}
	.ar-lg-3x1 {
		aspect-ratio: 3 / 1!important;
	}
	.ar-lg-3x2 {
		aspect-ratio: 3 / 2!important;
	}
	.ar-lg-5x1 {
		aspect-ratio: 5 / 1!important;
	}
	.ar-lg-5x4 {
		aspect-ratio: 5 / 4!important;
	}
	.ar-lg-9x11 {
		aspect-ratio: 9 / 11!important;
	}
	.ar-lg-16x9 {
		aspect-ratio: 16 / 9!important;
	}
}
@media ( min-width: 1200px ) {
	.ar-xl-1x1 {
		aspect-ratio: 1 / 1!important;
	}
	.ar-xl-2x1 {
		aspect-ratio: 2 / 1!important;
	}
	.ar-xl-3x1 {
		aspect-ratio: 3 / 1!important;
	}
	.ar-xl-3x2 {
		aspect-ratio: 3 / 2!important;
	}
	.ar-xl-3x5 {
		aspect-ratio: 3 / 5!important;
	}
	.ar-xl-5x1 {
		aspect-ratio: 5 / 1!important;
	}
	.ar-xl-5x4 {
		aspect-ratio: 5 / 4!important;
	}
	.ar-xl-5x6 {
		aspect-ratio: 5 / 6!important;
	}
	.ar-xl-16x9 {
		aspect-ratio: 16 / 9!important;
	}
}
@media ( min-width: 1400px ) {
	.ar-xxl-1x1 {
		aspect-ratio: 1 / 1!important;
	}
	.ar-xxl-2x1 {
		aspect-ratio: 2 / 1!important;
	}
	.ar-xxl-3x1 {
		aspect-ratio: 3 / 1!important;
	}
	.ar-xxl-3x2 {
		aspect-ratio: 3 / 2!important;
	}
	.ar-xxl-5x1 {
		aspect-ratio: 5 / 1!important;
	}
	.ar-xxl-5x4 {
		aspect-ratio: 5 / 4!important;
	}
	.ar-xxl-16x9 {
		aspect-ratio: 16 / 9!important;
	}
	.ar-xxl-auto {
		aspect-ratio: auto!important;
	}
}

.w-10 {
	width: 10% !important;
}
.w-20 {
	width: 20% !important;
}
.w-30 {
	width: 30% !important;
}
.w-40 {
	width: 40% !important;
}
.w-60 {
	width: 60% !important;
}
.w-70 {
	width: 70% !important;
}
.w-80 {
	width: 80% !important;
}
.w-90 {
	width: 90% !important;
}
.w-auto {
	width: auto!important;
}
@media ( min-width: 576px ) {
	.w-sm-10 {
		width: 10% !important;
	}
	.w-sm-20 {
		width: 20% !important;
	}
	.w-sm-30 {
		width: 30% !important;
	}
	.w-sm-40 {
		width: 40% !important;
	}
	.w-sm-60 {
		width: 60% !important;
	}
	.w-sm-70 {
		width: 70% !important;
	}
	.w-sm-80 {
		width: 80% !important;
	}
	.w-sm-90 {
		width: 90% !important;
	}
	.w-sm-100 {
		width: 100% !important;
	}
	.w-sm-auto {
		width: auto!important;
	}
}
@media ( min-width: 768px ) {
	.w-md-10 {
		width: 10% !important;
	}
	.w-md-20 {
		width: 20% !important;
	}
	.w-md-30 {
		width: 30% !important;
	}
	.w-md-40 {
		width: 40% !important;
	}
	.w-md-60 {
		width: 60% !important;
	}
	.w-md-70 {
		width: 70% !important;
	}
	.w-md-80 {
		width: 80% !important;
	}
	.w-md-90 {
		width: 90% !important;
	}
	.w-md-100 {
		width: 100% !important;
	}
	.w-md-auto {
		width: auto!important;
	}
}
@media ( min-width: 992px ) {
	.w-lg-10 {
		width: 10% !important;
	}
	.w-lg-20 {
		width: 20% !important;
	}
	.w-lg-30 {
		width: 30% !important;
	}
	.w-lg-40 {
		width: 40% !important;
	}
	.w-lg-60 {
		width: 60% !important;
	}
	.w-lg-70 {
		width: 70% !important;
	}
	.w-lg-80 {
		width: 80% !important;
	}
	.w-lg-90 {
		width: 90% !important;
	}
	.w-lg-100 {
		width: 100% !important;
	}
	.w-lg-auto {
		width: auto!important;
	}
}
@media ( min-width: 1200px ) {
	.w-xl-10 {
		width: 10% !important;
	}
	.w-xl-20 {
		width: 20% !important;
	}
	.w-xl-30 {
		width: 30% !important;
	}
	.w-xl-40 {
		width: 40% !important;
	}
	.w-xl-60 {
		width: 60% !important;
	}
	.w-xl-70 {
		width: 70% !important;
	}
	.w-xl-80 {
		width: 80% !important;
	}
	.w-xl-90 {
		width: 90% !important;
	}
	.w-xl-100 {
		width: 100% !important;
	}
	.w-xl-auto {
		width: auto!important;
	}
}
@media ( min-width: 1400px ) {
	.w-xxl-10 {
		width: 10% !important;
	}
	.w-xxl-20 {
		width: 20% !important;
	}
	.w-xxl-30 {
		width: 30% !important;
	}
	.w-xxl-40 {
		width: 40% !important;
	}
	.w-xxl-60 {
		width: 60% !important;
	}
	.w-xxl-70 {
		width: 70% !important;
	}
	.w-xxl-80 {
		width: 80% !important;
	}
	.w-xxl-90 {
		width: 90% !important;
	}
	.w-xxl-100 {
		width: 100% !important;
	}
	.w-xxl-auto {
		width: auto!important;
	}
}

.h-10 {
	width: 10% !important;
}
.h-20 {
	height: 20% !important;
}
.h-30 {
	height: 30% !important;
}
.h-40 {
	height: 40% !important;
}
.h-60 {
	height: 60% !important;
}
.h-70 {
	height: 70% !important;
}
.h-80 {
	height: 80% !important;
}
.h-90 {
	height: 90% !important;
}
.h-auto {
	height: auto!important;
}
@media ( min-width: 576px ) {
	.h-sm-10 {
		height: 10% !important;
	}
	.h-sm-20 {
		height: 20% !important;
	}
	.h-sm-30 {
		height: 30% !important;
	}
	.h-sm-40 {
		height: 40% !important;
	}
	.h-sm-60 {
		height: 60% !important;
	}
	.h-sm-70 {
		height: 70% !important;
	}
	.h-sm-80 {
		height: 80% !important;
	}
	.h-sm-90 {
		height: 90% !important;
	}
	.h-sm-100 {
		height: 100% !important;
	}
	.h-sm-auto {
		height: auto!important;
	}
}
@media ( min-width: 768px ) {
	.h-md-10 {
		height: 10% !important;
	}
	.h-md-20 {
		height: 20% !important;
	}
	.h-md-30 {
		height: 30% !important;
	}
	.h-md-40 {
		height: 40% !important;
	}
	.h-md-60 {
		height: 60% !important;
	}
	.h-md-70 {
		height: 70% !important;
	}
	.h-md-80 {
		height: 80% !important;
	}
	.h-md-90 {
		height: 90% !important;
	}
	.h-md-100 {
		height: 100% !important;
	}
	.h-md-auto {
		height: auto!important;
	}
}
@media ( min-width: 992px ) {
	.h-lg-10 {
		height: 10% !important;
	}
	.h-lg-20 {
		height: 20% !important;
	}
	.h-lg-30 {
		height: 30% !important;
	}
	.h-lg-40 {
		height: 40% !important;
	}
	.h-lg-60 {
		height: 60% !important;
	}
	.h-lg-70 {
		height: 70% !important;
	}
	.h-lg-80 {
		height: 80% !important;
	}
	.h-lg-90 {
		height: 90% !important;
	}
	.h-lg-100 {
		height: 100% !important;
	}
	.h-lg-auto {
		height: auto!important;
	}
}
@media ( min-width: 1200px ) {
	.h-xl-10 {
		height: 10% !important;
	}
	.h-xl-20 {
		height: 20% !important;
	}
	.h-xl-30 {
		height: 30% !important;
	}
	.h-xl-40 {
		height: 40% !important;
	}
	.h-xl-60 {
		height: 60% !important;
	}
	.h-xl-70 {
		height: 70% !important;
	}
	.h-xl-80 {
		height: 80% !important;
	}
	.h-xl-90 {
		height: 90% !important;
	}
	.h-xl-100 {
		height: 100% !important;
	}
	.h-xl-auto {
		height: auto!important;
	}
}
@media ( min-width: 1400px ) {
	.h-xxl-10 {
		height: 10% !important;
	}
	.h-xxl-20 {
		height: 20% !important;
	}
	.h-xxl-30 {
		height: 30% !important;
	}
	.h-xxl-40 {
		height: 40% !important;
	}
	.h-xxl-60 {
		height: 60% !important;
	}
	.h-xxl-70 {
		height: 70% !important;
	}
	.h-xxl-80 {
		height: 80% !important;
	}
	.h-xxl-90 {
		height: 90% !important;
	}
	.h-xxl-100 {
		height: 100% !important;
	}
	.h-xxl-auto {
		height: auto!important;
	}
}

.img-overlay {
	position: relative;
}
.img-overlay > *:not(img):not(picture) {
	z-index: 1;
}
.img-overlay:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.img-overlay-1:after {
	background: linear-gradient( 180deg, rgba( 0, 0, 0, 0 ) 23.9%, rgba( 0, 0, 0, 0.5 ) 52.9% );
}

.accordion-button:not(.collapsed) {
  	box-shadow: 0 0 0 var( --black );
}
.accordion-button:focus {
	box-shadow: 0 0 0 var( --black );
}
.accordion.accordion-pink .accordion-button:not(.collapsed) {
	color: var( --pink );
	background-color: var( --pink-subtle );
}
.accordion.accordion-pink .accordion-button:not(.collapsed):after {
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ED2B78' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.scale-110 {
	transform: scale(1.1);
}
.scale-125 {
	transform: scale(1.25);
}
@media ( min-width: 576px ) {
	.scale-sm-110 {
		transform: scale(1.1);
	}
	.scale-sm-125 {
		transform: scale(1.25);
	}
}
@media ( min-width: 768px ) {
	.scale-md-110 {
		transform: scale(1.1);
	}
	.scale-md-125 {
		transform: scale(1.25);
	}
}
@media ( min-width: 992px ) {
	.scale-lg-110 {
		transform: scale(1.1);
	}
	.scale-lg-125 {
		transform: scale(1.25);
	}
}
@media ( min-width: 1200px ) {
	.scale-xl-110 {
		transform: scale(1.1);
	}
	.scale-xl-125 {
		transform: scale(1.25);
	}
}
@media ( min-width: 1400px ) {
	.scale-xxl-110 {
		transform: scale(1.1);
	}
	.scale-xxl-125 {
		transform: scale(1.25);
	}
}

.square-1 {
	width: 1rem;
	aspect-ratio: 1 / 1;
}
.square-2 {
	width: 2rem;
	aspect-ratio: 1 / 1;
}
.square-3 {
	width: 3rem;
	aspect-ratio: 1 / 1;
}
.square-4 {
	width: 4rem;
	aspect-ratio: 1 / 1;
}
.square-5 {
	width: 5rem;
	aspect-ratio: 1 / 1;
}
@media ( min-width: 576px ) {
	.square-sm-1 {
		width: 1rem;
		aspect-ratio: 1 / 1;
	}
	.square-sm-2 {
		width: 2rem;
		aspect-ratio: 1 / 1;
	}
	.square-sm-3 {
		width: 3rem;
		aspect-ratio: 1 / 1;
	}
	.square-sm-4 {
		width: 4rem;
		aspect-ratio: 1 / 1;
	}
	.square-sm-5 {
		width: 5rem;
		aspect-ratio: 1 / 1;
	}
}
@media ( min-width: 768px ) {
	.square-md-1 {
		width: 1rem;
		aspect-ratio: 1 / 1;
	}
	.square-md-2 {
		width: 2rem;
		aspect-ratio: 1 / 1;
	}
	.square-md-3 {
		width: 3rem;
		aspect-ratio: 1 / 1;
	}
	.square-md-4 {
		width: 4rem;
		aspect-ratio: 1 / 1;
	}
	.square-md-5 {
		width: 5rem;
		aspect-ratio: 1 / 1;
	}
}
@media ( min-width: 992px ) {
	.square-lg-1 {
		width: 1rem;
		aspect-ratio: 1 / 1;
	}
	.square-lg-2 {
		width: 2rem;
		aspect-ratio: 1 / 1;
	}
	.square-lg-3 {
		width: 3rem;
		aspect-ratio: 1 / 1;
	}
	.square-lg-4 {
		width: 4rem;
		aspect-ratio: 1 / 1;
	}
	.square-lg-5 {
		width: 5rem;
		aspect-ratio: 1 / 1;
	}
}
@media ( min-width: 1200px ) {
	.square-xl-1 {
		width: 1rem;
		aspect-ratio: 1 / 1;
	}
	.square-xl-2 {
		width: 2rem;
		aspect-ratio: 1 / 1;
	}
	.square-xl-3 {
		width: 3rem;
		aspect-ratio: 1 / 1;
	}
	.square-xl-4 {
		width: 4rem;
		aspect-ratio: 1 / 1;
	}
	.square-xl-5 {
		width: 5rem;
		aspect-ratio: 1 / 1;
	}
}
@media ( min-width: 1400px ) {
	.square-xxl-1 {
		width: 1rem;
		aspect-ratio: 1 / 1;
	}
	.square-xxl-2 {
		width: 2rem;
		aspect-ratio: 1 / 1;
	}
	.square-xxl-3 {
		width: 3rem;
		aspect-ratio: 1 / 1;
	}
	.square-xxl-4 {
		width: 4rem;
		aspect-ratio: 1 / 1;
	}
	.square-xxl-5 {
		width: 5rem;
		aspect-ratio: 1 / 1;
	}
}
/* -------- End of General Styles -------- */

/* -------- Semi Specific Styles -------- */
/* form check */
.form-check-input:focus {
	box-shadow: 0 0 0 var( --black );
}
.form-check.form-check-pink .form-check-input:checked {
	background-color: var( --pink );
	border-color: var( --pink );
}
/* end of form check */

/* noUiSlider */
.nouislider-pink .noUi-connect {
	background-color: var( --pink );
}

.nouislider-rounded .noUi-handle {
	width: 1.75rem;
	height: 1.75rem;
    border-radius: 0.875rem;
    box-shadow: none;
}
.nouislider-rounded .noUi-handle:before,
.nouislider-rounded .noUi-handle:after {
	content: none;
}
.noUi-handle{
	cursor: grab;
}
.noUi-handle.noUi-active{
	cursor: grabbing;
}
/* end of noUiSlider */

/* select2 */
.select2-container--bootstrap-5 {
	 display: block; 
}

.select2-container--bootstrap-5 .select2-selection {
	border-radius: var( --bs-border-radius );
}
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	border-color: var( --bs-border-color );
}
/*.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
	display: none;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple .select2-search {
	display: block;
}*/

.select2-container--bootstrap-5.select2-container--focus .select2-selection.select2-pink, 
.select2-container--bootstrap-5.select2-container--open .select2-selection.select2-pink {
	border-color: var( --pink );
	box-shadow: 0 0 0 var( --black );
	/*	box-shadow: 0 0 0 .25rem rgba( var( --pink-rgb ), .25 );*/
}
.select2-container--bootstrap-5 .select2-dropdown.select2-pink {
	border-color: var( --pink );
}
.select2-container--bootstrap-5 .select2-dropdown.select2-pink .select2-search .select2-search__field:focus {
	border-color: var( --pink );
	box-shadow: 0 0 0 var( --black );
	/*	box-shadow: 0 0 0 .25rem rgba( var( --pink-rgb ), .25 );*/
}
.select2-container--bootstrap-5 .select2-dropdown.select2-pink .select2-results__options .select2-results__option.select2-results__option--highlighted {
	color: var( --black );
	background-color: var( --pink-subtle );
}
.select2-container--bootstrap-5 .select2-dropdown.select2-pink .select2-results__options .select2-results__option.select2-results__option--selected, 
.select2-container--bootstrap-5 .select2-dropdown.select2-pink .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
	color: var( --white );
	background-color: var( --pink );
}
/* end of select2 */
/* -------- End of Semi Specific Styles -------- */

/* -------- Specific Styles -------- */
::-webkit-scrollbar {
    width: 0!important;
}

body {
	font-family: 'Outfit';
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	scroll-snap-type: y proximity;
}

header span {
	transition: opacity 300ms;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
	text-decoration: none;
}

input:focus,
select:focus {
	box-shadow: 0 0 0 var( --black )!important;
	border-color: var( --pink )!important;
}

input:focus + button {
	border-color: var( --pink )!important;
}

.input-group > input:focus:first-child {
	border-right-width: 0!important;
}
.input-group > input:focus + button {
	border-left-width: 0!important;
}

.input-group.rounded-custom-1 > input:first-child,
.input-group.rounded-custom-1 > button:first-child {
	border-top-left-radius: 0.625rem!important;
	border-bottom-left-radius: 0.625rem!important;
}
.input-group.rounded-custom-1 > input:last-child,
.input-group.rounded-custom-1 > button:last-child {
	border-top-right-radius: 0.625rem!important;
	border-bottom-right-radius: 0.625rem!important;
}

input[type='checkbox'] {
	accent-color: var( --pink )!important;
}
input[type='checkbox']:checked {
	background-color: var( --pink )!important;
	border-color: var( --pink )!important;
}

select,
select option {
	font-family: 'Outfit'!important;
}

.logo-main {
	width: 10rem;
	filter: brightness( 0 ) invert( 1 );
}

.card-custom-1 {
	--bs-card-border-radius: 1.25rem;
	--bs-card-inner-border-radius: calc( 1.25rem - 2px );
}

.triangle-down {
	--triangle-size: 1rem;

	width: 0;
	height: 0;
	border-left: var( --triangle-size ) solid transparent;
	border-right: var( --triangle-size ) solid transparent;
	border-top: calc( 2 * var( --triangle-size ) ) solid var( --shape-color );
}

.triangle-down-sm {
	--triangle-size: 0.75rem;
}

.triangle-down-purple {
	--shape-color: var( --purple );
}

.container-floating {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 999;
	float: right;
	display: flex;
	flex-direction: column;
	row-gap: 1em;
	align-items: end;
}
.container-floating .btn {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 2.5rem;
	height: 2.5rem;
}
.container-floating .btn.btn-xl {
	width: 4rem;
	height: 4rem;
}

/*#content a,
#content a:visited {
	color: var( --darkblue );
}

#content a:hover,
#content a.active {
	color: var( --pink );
}*/

/*.owl-carousel .owl-stage-outer {
    transform: translate3d( 0, 0,0 );
}
.owl-carousel .owl-item {
    transform: translate3d( 0, 0,0 );
}*/

/*.owl-carousel.owl-flex .owl-stage {
	display: flex;
}
.owl-carousel.owl-flex .owl-item {
	display: flex;
	flex: 1 0 auto;
}*/

/*.container-floating .scroll-top {
	opacity: 0;
	transition: 300ms;
}
.container-floating .scroll-top.show {
	opacity: 1;
}*/

/* Special Case - dropdown language switcer */
/* pake class nya bootstrap, tampilan di HP ( viewpoint xs / bawahnya sm ) rusak, karena kadang2 tombol bendera di kanan kadang di bawah */
/*@media( min-width: 399px ) {
	.navbar-nav.navbar-nav-custom .dropdown-menu {
	  	position: absolute;
	}
	.dropdown-menu {
	    --bs-position: end;
  	}
  	.dropdown-menu[data-bs-popper] {
	    right: 0;
	    left: auto;
  	}
}*/
/* End of Special Case */

/* ----------------------------------------------- */
/* -------------- Scroll Top Button -------------- */
/* ----------------------------------------------- */
/*.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: -15px;
	z-index: 99999;
	background-color: rgba( var( --pink-rgb ), 0.75 );
	width: 44px;
	height: 44px;
	border-radius: 50px;
	transition: all 0.4s;
}
.scroll-top i {
	color: var( --white );
	line-height: 0;
}
.scroll-top:hover {
	background-color: var( --pink );
	color: var( --white );
}
.scroll-top:active {
	background-color: var( --darkpink );
}
.scroll-top.active {
	visibility: visible;
	opacity: 1;
	bottom: 15px;
}*/
/* ----------------------------------------------- */
/* ------------ End of Scroll Top Button --------- */
/* ----------------------------------------------- */

.form-check-label {
	margin-top: -0.01rem;
}
@media ( min-width: 576px ) {
	.form-check-label {
		margin-top: -0.01rem;
	}
}
@media ( min-width: 768px ) {
	.form-check-label {
		margin-top: -0.0075rem;
	}
}
@media ( min-width: 992px ) {
	.form-check-label {
		margin-top: -0.07rem;
	}
}
@media ( min-width: 1200px ) {
	.form-check-label {
		margin-top: -0.05rem;
	}
}
@media ( min-width: 1400px ) {
	.form-check-label {
		margin-top: -0.2rem;
	}
}

.btn-check:checked + .btn {
	color: var(--bs-btn-active-color)!important;
}

/* -------- End of Specific Styles -------- */