* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* ----------------------------------------------------------------
   Core Color System
-----------------------------------------------------------------*/
:root {
	/* Typography & Theme -------------------------------------------------- */
	--cnvs-primary-font: "DM Sans", sans-serif;

	/* Brand palette ------------------------------------------------------- */
	--bs-primary: #150958;
	--bs-primary-rgb: 21, 9, 88;
	--bs-secondary: #BB9F55;
	--bs-secondary-rgb: 187, 159, 85;

	/* Semantic aliases ---------------------------------------------------- */
	--cnvs-themecolor: var(--bs-primary);
	--cnvs-themecolor-rgb: var(--bs-primary-rgb);

	/* Extended palette ---------------------------------------------------- */
	--color-white: #ffffff;
	--color-white-rgb: 255, 255, 255;
	--color-black-rgb: 0, 0, 0;
	--color-grey-050: #efefef;
	--color-grey-100: #eeeeee;
	--color-grey-200: #aaaaaa;

	--color-shadow: 0, 0, 0; /* use via rgba(var(--color-shadow), <alpha>) */

	/* UI state variants --------------------------------------------------- */
	--color-primary-hover: #0b5ed7;
	--color-primary-hover-border: #0a58ca;
	--color-primary-active-border: #0a53be;
	--color-disabled-bg: #150958;

	/* Component-specific --------------------------------------------------- */
	--color-promo-layer1: #bccce7;
	--color-promo-layer2: #e6ecf7;
	--color-bullet-bg: rgba(204, 204, 204, 0.5);
	--color-bullet-selected-bg: rgba(204, 204, 204, 1);
	--color-trust-badge-bg: #0D1A80;
	--color-emergency-stroke: #750000;
}

/* --- Utility text colours ---------------------------------------------- */
.gold-color,.text-gold {
	color: var(--bs-secondary) !important;
}

.bg-primary {background-color: var(--bs-primary) !important}
.text-primary,.color {
	color: var(--bs-primary) !important;
}

/* --- Intro Page Text Image Overlays ------------------------------------ */
.cs-op-back {
	background-color: rgba(var(--color-black-rgb), 0.4);
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 1rem;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	box-shadow: 0 4px 12px rgba(var(--color-shadow), 0.3);
	color: rgba(var(--color-white-rgb), 0.9) !important;
}

a.text-primary:focus, a.text-primary:hover{
	color:var(--bs-secondary)!important;
}


.page-menu-item:hover > a,
.page-menu-item.current > a {
	background-color: rgba(var(--color-white-rgb), 0.15);
}

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

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--color-white);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var(--color-white);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(var(--color-shadow), 0.125);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

.btn-white {
	--bs-btn-color: var(--color-white);
	--bs-btn-bg: var(--color-white);
	--bs-btn-border-color: var(--color-white);
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--color-grey-050);
	--bs-btn-hover-border-color: var(--color-white);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: var(--bs-primary);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(var(--color-shadow), 0.125);
	--bs-btn-disabled-color: var(--color-white);
	--bs-btn-disabled-bg: var(--color-disabled-bg);
	--bs-btn-disabled-border-color: var(--color-disabled-bg);
}
/* --- Typography helpers ------------------------------------------------- */
.orbitron-bold {
	font-family: "Orbitron", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: bold !important;
	font-style: normal !important;
}
.orbitron-semibold {
	font-family: "Orbitron", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 600 !important;
	font-style: normal !important;
}
.orbitron-500 {
	font-family: "Orbitron", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 500 !important;
	font-style: normal !important;
}

.dm-sans-bold {
	font-family: "DM Sans", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: bold !important;
	font-style: normal !important;
}
.dm-sans-semibold {
	font-family: "DM Sans", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 600 !important;
	font-style: normal !important;
}
.dm-sans-regular {
	font-family: "DM Sans", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

/* --- Nostos buttons & headers ------------------------------------------ */
.ns-btn {
	white-space: nowrap;
	letter-spacing: 2px;
	cursor: pointer;
	border-radius: 10px;
	font-size: 20px;
	line-height: 50px;
}

.ns-btn-menu{
	font-size: 15px;
	line-height: 30px;
	border-radius:5px;
	padding: 0px 10px;
	text-transform: uppercase;

}
.ns-btn-gold, .btn-secondary {
	color: var(--color-white);
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.ns-btn-primary, .btn-primary {
	color: var(--color-white);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.ns-btn-light {
	color: var(--bs-primary);
	background-color: var(--color-white);
}
.ns-btn-light-outline {
	color: var(--bs-primary);
	background-color: var(--color-white);
	border: 2px solid var(--bs-secondary);
}
.ns-btn-light:hover  {
	background-color: var(--bs-primary)!important;
	color: var(--color-white)!important;
}
.ns-btn-light-gold {
	color: var(--bs-secondary);
	background-color: var(--color-white);
}
.ns-btn-light-gold:hover,.ns-btn-light-outline:hover {
	background-color: var(--bs-secondary)!important;
	color: var(--color-white)!important;
}
.btn-secondary:hover {
	background-color: var(--bs-secondary)!important;
	color: var(--bs-primary)!important;
	border-color: var(--bs-secondary);
}

.ns-btn-primary:hover,.btn-primary:hover {
	color: var(--bs-secondary) !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary);
}

.ns-intro-p {
	min-width: 400px;
	max-width: 800px;
	white-space: normal;
	font-size: 20px;
	line-height: 25px;
	color: var(--color-white);
	letter-spacing: 0;
	padding: 0;
}

.ns-intro-header {
	min-width: 600px;
	max-width: 600px;
	white-space: nowrap;
	font-size: 100px;
	line-height: 100px;
	font-weight: 700;
	color: var(--color-white) !important;
	font-family: "Orbitron", sans-serif;
}

.ns-primary-stroke {
	-webkit-text-stroke: 2px var(--bs-primary);
	text-stroke: 2px var(--bs-primary);
}

.ns-primary-stroke-mini {
	-webkit-text-stroke: 1px var(--bs-primary);
	text-stroke: 1px var(--bs-primary);
}
.ns-secondary-stroke-mini {
	-webkit-text-stroke: 1px var(--bs-secondary);
	text-stroke: 1px var(--bs-secondary);
}
.ns-emergency-stroke {
	-webkit-text-stroke: 3px var(--color-emergency-stroke);
	text-stroke: 3px var(--color-emergency-stroke);
	text-shadow: 3px 3px 5px var(--color-emergency-stroke);
}

.ns-sign-in-back{
	top:-120px;
}


.border-primary{
	border-color: var(--bs-primary);
}
.border-secondary{
	color: var(--bs-secondary);
}

.ns-bg-secondary{
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
}
.ns-bg-primary{
	background-color: rgba(var(--bs-primary-rgb), 0.2);
}

.bg-top-left {
	position: absolute;
	top: -10vw;
	left: -5vw;
	z-index: 0;
	width: 40vw;
	max-width: none;
}

.bg-bottom-right {
	position: absolute;
	bottom: -10vh;
	right: -5vw;
	z-index: 0;
	width: 40vw;
	max-width: none;
}

.form-widget {
	position: relative;
	z-index: 1;
}

::-webkit-scrollbar-thumb {
	background: var(--bs-primary);
}

.center-brand .navbar-nav .nav-link, .transparent-bg .navbar-nav .nav-link, .fixed-bottom .navbar-nav .nav-link {
	color: var(--bs-secondary);
}

.navbar-nav .nav-link {
	margin: 0 1rem !important;
	padding: 0;
	text-decoration: none;
	font-family: "DM Sans", sans-serif !important;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9725rem;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

.fixedmenu .text-primary{color:#fff!important;}

.ns-navbar{
	background-color: rgba(255,255,255,0.2)!important;
}

.fixedmenu .ns-navbar{background-color: unset!important;}


.ns-slider-paragraph {
	font-family: "DM Sans", sans-serif !important;
	font-size: 1.5rem;
	line-height: 2.5rem;
	letter-spacing: 0.15rem;
	color: var(--bs-primary);

	padding: 2rem 0rem 2rem 2rem;
	border-radius: 1rem;
	margin: 0 auto;

	background-color: rgba(255, 255, 255, 0.65);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);

	background-image: url('/assets/images/arrow1.png'), url('/assets/images/arrow2.png');
	background-position: top -70px left -70px, bottom -70px right -70px;
	background-repeat: no-repeat, no-repeat;
	background-size: 300px 300px, 300px 300px;

	transition: all 0.3s ease-in-out;
}

.ns-slider-paragraph .ns-pad {
	padding-top: 1.35rem;
	padding-bottom:.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem !important;
}

.navbar-brand > img {
	max-width: 150%;
	width: 150%;
	margin-left: -50px;
}

.info {
	font-family: 'DM Sans', sans-serif!important;
}

body{background-color: #fff}

.nav-bottom-line .navbar-nav .nav-link::after {	background: var(--bs-secondary);}

.ns-feature-box{
	min-height:150px;
	padding:15px;
	background-color: rgba(var(--color-white-rgb), 0.4);
	border-radius:5px;
}

.ns-feature-box-dark{
	min-height:150px;
	padding:15px;
	background-color: rgba(var(--color-black-rgb), 0.6);
	border-radius:5px;
}
.ns-feature-box-darker{
	min-height:150px;
	padding:15px;
	background-color: rgba(var(--color-black-rgb), 0.75);
	border-radius:5px;
}



.ui-block-05.button .btn-hvr-yellow:focus, .btn-hvr-pink:focus, .btn-hvr-blue:focus, .btn-hvr-whatsapp:focus {
	color: var(--bs-secondary) !important;
}

.feature-sec .card .feature-icon {
	top: -29px;
}
.feature-sec h1 {
	font-size: 60px;
}

@keyframes boat-rock {
	0%   { transform: rotate(-1deg); }
	50%  { transform: rotate(1deg); }
	100% { transform: rotate(-1deg); }
}

.boat-wobble {
	animation: boat-rock 5s infinite ease-in-out;
	transform-origin: bottom center;
}

.btn-setting.text-primary.btn-hvr-up.btn-hvr-blue{
	border-color:var(--bs-secondary);
}
.btn-setting.text-gold.btn-hvr-up.btn-hvr-yellow:hover{
	color:#fff!important;
}

p {font-size:20px;}