/*--------------------- color------------------- */

@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

:root {
  /* color*/
  --white: #FFFFFF;
  --dgold: #C0A66C;
  --lgold: #F4EEE1;
  --black: #000000;
  --brown: #4E332D;
  --maroon: #CA603B;
  --grey: #f0f0f0;
  --dgrey: #D9D9D9;


     /* Fonts */
  --font-jost: "Jost", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-allura: "Allura", cursive;

  --container-full-width: 100%;
  --container-box-width: 1750px;
  --clamp-padding: calc((100% - 1750px) / 2);
}
@media (max-width:1760px) {
  :root {
    --container-box-width: 1400px;
    --clamp-padding: calc((100% - 1400px) / 2);
  }
}

@media (max-width:1410px) {
  :root {
    --container-box-width: 1170px;
    --clamp-padding: calc((100% - 1170px) / 2);
  }
}
@media (max-width:1200px) {
  :root {
    --container-box-width: 100%;
    --clamp-padding: 20px;
  }
}

body{
  background: var(--white);
}
h1,h2,h3,h4,h5,h6{
  color: var(--dgold);
  font-family: var(--font-jost);
}
p{
  color: var(--black);  
  font-family: var(--font-jost);
}
body a{
  color: var(--dgold);
  font-family: var(--font-jost);
}


/* Text Colors */
.text-white { color: var(--white); }
.text-dgold { color: var(--dgold); }
.text-lgold { color: var(--lgold); }
.text-black { color: var(--black); }
.text-brown { color: var(--brown); }
.text-maroon { color: var(--maroon); }

/* Background Colors */
.bg-white { background-color: var(--white); }
.bg-dgold { background-color: var(--dgold); }
.bg-lgold { background-color: var(--lgold); }
.bg-black { background-color: var(--black); }
.bg-brown { background-color: var(--brown); }
.bg-maroon { background-color: var(--maroon); }




/*---------------------text------------------------*/
/* Jost font weights */
.jost-100 { font-family: "Jost", sans-serif; font-weight: 100; font-style: normal; }
.jost-200 { font-family: "Jost", sans-serif; font-weight: 200; font-style: normal; }
.jost-300 { font-family: "Jost", sans-serif; font-weight: 300; font-style: normal; }
.jost-400 { font-family: "Jost", sans-serif; font-weight: 400; font-style: normal; }
.jost-500 { font-family: "Jost", sans-serif; font-weight: 500; font-style: normal; }
.jost-600 { font-family: "Jost", sans-serif; font-weight: 600; font-style: normal; }
.jost-700 { font-family: "Jost", sans-serif; font-weight: 700; font-style: normal; }
.jost-800 { font-family: "Jost", sans-serif; font-weight: 800; font-style: normal; }
.jost-900 { font-family: "Jost", sans-serif; font-weight: 900; font-style: normal; }

/* Inter font weights */
.inter-100 { font-family: "Inter", sans-serif; font-weight: 100; font-style: normal; }
.inter-200 { font-family: "Inter", sans-serif; font-weight: 200; font-style: normal; }
.inter-300 { font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; }
.inter-400 { font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; }
.inter-500 { font-family: "Inter", sans-serif; font-weight: 500; font-style: normal; }
.inter-600 { font-family: "Inter", sans-serif; font-weight: 600; font-style: normal; }
.inter-700 { font-family: "Inter", sans-serif; font-weight: 700; font-style: normal; }
.inter-800 { font-family: "Inter", sans-serif; font-weight: 800; font-style: normal; }
.inter-900 { font-family: "Inter", sans-serif; font-weight: 900; font-style: normal; }

/* Allura font (only one weight) */
.allura-regular { font-family: "Allura", cursive; font-weight: 400; font-style: normal; }







*::selection {
    color: #fff;
    background: var(--dgold);
}

*::-moz-selection {
    color: #fff;
    background: var(--dgold);
}

*::-webkit-selection {
    color: #fff;
    background: var(--dgold);
}

*::-ms-selection {
    color: #fff;
    background: var(--dgold);
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body a {
    font-family: var(--font-jost);
    outline: none;
    color: #555;
}

body a:hover {
    color: var(--dgold);
}

body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}

body .clearfix {
    height: auto;
}
html, body{
    overflow-x: hidden;
}

* {
    outline: none !important;
    list-style: none;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}


body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: var(--font-jost);
    line-height: 120%;
    color: var(--dgold);
    font-weight: 500;
    margin: 0 0 15px;
}

body h1 {
    font-size: 24px;
}

body h2 {
    font-size: 22px;
}

body h3 {
    font-size: 18px;
}

body h4 {
    font-size: 16px;
}

body h5 {
    font-size: 12px;
}

body h6 {
    font-size: 10px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}


body p:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

p strong {
    font-weight: bold;
}



.hidden {
    display: none !important;
}

iframe {
    display: block;
    width: 100%;
}



.container:after, .container div:after {
    display: block;
    clear: both;
}




html.no-scroll {
    overflow: hidden;
}

html.no-scroll body {
    overflow: hidden;
    height: 100%;
}

section {
    overflow: hidden;
}




ul {
    margin: 0;
    padding: 0;
}

a,
span,
b,
i {
    display: inline-block;
    vertical-align: top;
}

html {
    height: 100%;
    display: block;
}


.colamu-1,
.colamu-2,
.colamu-3,
.colamu-4,
.colamu-5,
.colamu-6,
.colamu-7,
.colamu-8,
.colamu-9,
.colamu-10,
.colamu-11,
.colamu-12 {
    float: left;
    position: relative;
}

.colamu-1 {
    width: 8.33%;
}

.colamu-2 {
    width: 16.66%;
}

.colamu-3 {
    width: 25%;
}

.colamu-4 {
    width: 33.33%;
}

.colamu-5 {
    width: 41.66%;
}

.colamu-6 {
    width: 50%;
}

.colamu-7 {
    width: 58.33%;
}

.colamu-8 {
    width: 66.66%;
}

.colamu-9 {
    width: 75%;
}

.colamu-10 {
    width: 83.33%;
}

.colamu-11 {
    width: 91.66%;
}

.colamu-12 {
    width: 100%;
}


.site-content {
    display: flex;
    flex-direction: column;
}
.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%!important;
}



















/*------lenis-scroll----*/
html.lenis, html.lenis body {
    height: auto;
  }
  
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  
  .lenis.lenis-smooth iframe {
    pointer-events: none;
}

/*----website ---container-----*/
.pcontainer{
  width: 100%;
  max-width: var(--container-box-width);
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.full-pcontainer{
  width: 100%;
  max-width: 100%;
}
.wrap-container{
  overflow: hidden;
  max-width: 100vw;
}


/*----------button-----------*/
/*------button-1 gold-----*/
.button-1 {
    font-size: 17px;
    border-radius: 100px;
    padding: 10px 22px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--dgold);
    border: 1px solid var(--dgold);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-1:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-1:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--black);
    border-right: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-1::before, .button-1::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-1:hover::before, .button-1:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-1:hover {
    border: 1px solid #00000000;
    color: var(--black);
}

.button-1:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-1:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}


/*------button-1 black-----*/
.button-1-black {
    font-size: 17px;
    border-radius: 100px;
    padding: 10px 22px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--black);
    border: 1px solid var(--black);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-1-black:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--dgold);
    border-left: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-1-black:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--dgold);
    border-right: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-1-black::before, .button-1-black::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-1-black:hover::before, .button-1-black:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-1-black:hover {
    border: 1px solid #00000000;
    color: var(--dgold);
}

.button-1-black:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-1-black:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}









/*------button-2 gold-----*/
.button-2 {
    font-size: 17px;
    border-radius: 100px;
    padding: 10px 28px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--dgold);
    border: 1px solid var(--dgold);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-2:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-2:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--black);
    border-right: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-2::before, .button-2::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-2:hover::before, .button-2:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-2:hover {
    border: 1px solid #00000000;
    color: var(--black);
}

.button-2:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-2:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}


/*------button-1 black-----*/
.button-2-black {
    font-size: 17px;
    border-radius: 100px;
    padding: 10px 28px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--black);
    border: 1px solid var(--black);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-2-black:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--dgold);
    border-left: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-2-black:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--dgold);
    border-right: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-2-black::before, .button-2-black::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-2-black:hover::before, .button-2-black:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-2-black:hover {
    border: 1px solid #00000000;
    color: var(--dgold);
}

.button-2-black:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-2-black:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}








/*------button-3 gold-----*/
.button-3 {
    font-size: 25px;
    border-radius: 100px;
    padding: 14px 30px;
    font-weight: 500;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--dgold);
    border: 1px solid var(--dgold);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-3:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-3:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--black);
    border-right: 1px solid var(--black);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-3::before, .button-3::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-3:hover::before, .button-3:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-3:hover {
    border: 1px solid #00000000;
    color: var(--black);
}

.button-3:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-3:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}




/*------button-3 black-----*/
.button-3-black {
    font-size: 25px;
    border-radius: 100px;
    padding: 14px 30px;
    font-weight: 500;
    line-height: 1;
    width: auto;
    text-transform: uppercase;
    color: var(--black);
    border: 1px solid var(--black);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.button-3-black:before {
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid var(--dgold);
    border-left: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    transition: width 0.2s 0.5s ease-out,height 0.15s 0.35s linear,opacity 0s 0.7s;
    border-radius: 50px;
}
.button-3-black:after {
    content: "";
    bottom: 0;
    left: 0px;
    border-bottom: 1px solid var(--dgold);
    border-right: 1px solid var(--dgold);
    -webkit-transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    transition: width 0.2s 0.15s linear,height 0.15s ease-in,opacity 0s 0.35s;
    border-radius: 50px;
}
.button-3-black::before, .button-3-black::after {
    width: 0%;
    height: 0%;
    opacity: 0;
    position: absolute;
    content: "";
}
.button-3-black:hover::before, .button-3-black:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.button-3-black:hover {
    border: 1px solid #00000000;
    color: var(--dgold);
}

.button-3-black:hover:before {
    -webkit-transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
    transition: width 0.2s ease-in,height 0.15s 0.2s linear,opacity 0s;
}
.button-3-black:hover:after {
    -webkit-transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
    transition: width 0.2s 0.35s linear,height 0.15s 0.5s ease-out,opacity 0s 0.3s;
}


/*------------text revael animation-----*/
.text-split.words-slide-up,.text_reveals_up,.text_reveal_up {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.text_reveals_up,.text_reveal_up > div {
  position: relative;
  margin: 0;
}
.split-parent {
  overflow: hidden;
}
.split-child {
  display: inline-block;
}

.scale-on-scroll {
  transform: scale(0.7);
  transform-origin: center center;
  transition: transform 0.2s;
}