.section-5 { 
	width: 100vw;
	height: 100vh;
	position: relative; 
	overflow: hidden;
	background: url("images/bg5.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

.vignette-5 {
	z-index: 2;
	width: 100vw;
	height: 100vh;
	position: absolute;
	box-shadow: 0 0 var(--x300) rgba(0,0,0,0.25) inset;
}

.sec5box {
	z-index:10;
	position: absolute;
	box-sizing: border-box;
	top: var(--x78);
	left: 50%;
	transform: translateX(-50%);
	width: calc(var(--x700) * 1.6);
	height: var(--x700);
	border-radius: var(--x78);
    	overflow: hidden;
  	background: rgba(218,192,160,0.30);
  	backdrop-filter: blur(var(--x20));
  	border: var(--x1) solid rgba(255, 255, 255, 0.2);
    	box-shadow:
        	0 var(--x5) var(--x20) rgba(0,0,0,0.3),
		0 var(--x5) var(--x30) rgba(0,0,0,0.3),
        	0 0 var(--x5)  rgba(0,0,0,0.30) inset,
		0 0 var(--x10) rgba(0,0,0,0.25) inset,
		0 0 var(--x60) rgba(0,0,0,0.20) inset,
		0 0 var(--x90) rgba(0,0,0,0.15) inset,
		0 0 var(--x120) rgba(0,0,0,0.10) inset,
		0 0 var(--x150) rgba(0,0,0,0.05) inset;
	font-family: 'Inter Regular';
	font-size: var(--x18);
	line-height: var(--x32);
	letter-spacing: 0.02em;
	font-weight:normal;
    	text-align: center;
	text-shadow:
        0 var(--x1) var(--x1) rgba(0, 0, 0, 0.80),
        0 var(--x2) var(--x2) rgba(0, 0, 0, 0.60);
	color: rgba(235, 221, 204, 1);
}