:root {
  /* =========================
     FONTS
  ========================= */
  --font-site: Inter;
  --font-site-title: Cinzel;

  /* =========================
     COLORS
  ========================= */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #FFFFFF;
  --color-bg-primary: #c1b5a9;
  --color-bg-secondary: #000000;

  /* =========================
     TYPOGRAPHY SIZES
  ========================= */
  --font-h1: ;
  --font-h2: ;
  --font-h3: ;
  --font-h4: ;

  /* =========================
     UI ELEMENTS
  ========================= */
  --btn-radius: ;
}



/* REUSABLE CSS */

#ry-pg-body {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgb(184 171 125 / 20%) 100%);
}

.mobile-container {
    background: #66704e !important;
    box-shadow: 0 2px 2px #616a49 !important;
}


.ry-sticky-menu.fixed {
    box-shadow: 0 2px 2px #616a49;
}
	
.hp-section {
    position: relative;
}

.overlink, .overlink a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
    inset: 0;
}

.section__header span {
	display: block;
	font-size: 28px;
	letter-spacing: 1px;
	line-height: normal;
	text-transform: uppercase;
	color: #c1b5a9;
	font-weight: 400;
	font-family: "Inter";
	text-align: center;
}

.section__header h2 {
	font-size: clamp(2.8125rem, 2.4939rem + 1.3072vw, 4.0625rem);
	line-height: 2;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
}

@media (max-width: 991px) {
	.section__header h2 {
		line-height: 1.2 !important;
	}
}
.section__text p {
    font-size: 18px;
    line-height: 28px;
    color: var(--color-text-main);
}

.section__cta {
    padding: 60px 0 0;
}

.section__cta div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.section__cta .ry-btn.ry-btn-primary:hover {
    background: #616b49;
}


/* END OF REUSABLE CSS */