@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');



:root{
    --playfair: "Playfair Display", "Arial";
    --inter: "Inter", "Arial";

    --gold-color: #C7A160;
    --light-gold-color: #7f6435;
    --gray-color: #b5b3ae;
    --gray-dark-color: rgb(102, 101, 101);
    --dark-color: black;
    --medium-dark-color: #151412;
    --light-dark-color: #252321;

    --fs-300: 0.833rem;
    --fs-400: 1rem;
    --fs-430: 1.06rem;
    --fs-450: 1.2rem;
    --fs-500: 1.44rem;
    --fs-600: 1.728rem;
    --fs-700: 2.074rem;
    --fs-800: 2.488rem;
    --fs-900: 2.986rem;
}

html{
    
    font-size: 16px !important;
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


h1,h2,h3,h4,h5,h6{
    font-family: var(--playfair) !important;
    color: white !important;
}

h1{
    font-size: var(--fs-900) !important;
}

h2{
    font-size: var(--fs-800) !important;
}
h3{
    font-size: var(--fs-700) !important;
}
h4{
    font-size: var(--fs-600) !important;
}
h5{
    font-size: var(--fs-500) !important;
}
h6{
    font-size: var(--fs-450) !important;
}
p{
    font-family: var(--inter) !important;
    font-size: var(--fs-400) !important;
    color: var(--gray-color) !important;
}

a{
    text-decoration: none !important;
    transition: 0.15s color !important; 
}
a:hover{
    color: var(--gold-color) !important;
}

.text-gold{
    color: var(--gold-color) !important;
}
.text-gray{
    color: var(--gray-color) !important;
}
.text-gray-dark{
    color: var(--gray-dark-color) !important;
}
.text-white{
    color: white !important;
}
.text-black{
    color: black !important;
}
.bg-gold{
    background-color: var(--gold-color) !important;
}
.bg-dark-1{
    background-color: var(--dark-color) !important;
}
.bg-medium-dark{
    background-color: var(--medium-dark-color) !important;
}
.bg-light-dark{
    background-color: var(--light-dark-color) !important;
}

.normal-text{
    font-size: var(--fs-450) !important;
}

.medium-text{
    font-size: var(--fs-500) !important;
}
.large-text{
    font-size: var(--fs-700) !important;
}

.h1{
    font-size: var(--fs-900) !important;
    font-family: var(--playfair) !important;
    color: white !important;
}


.font-playfair{
    font-family: var(--playfair) !important;  
}

.btn-gold{
    color: white;
    background-color: transparent;
    border: 2px solid var(--gold-color);
    border-radius: 22px;
    padding: 9px 28px;
    font-size: var(--fs-300);
    transition: .5s background-color,0.3s color;
    cursor: pointer;
}
.btn-gold:hover{
    background-color: var(--gold-color);
    color: black !important;
}

.btn-gold>a{
    transition: color 0.3s;
}

.btn-gold:hover>a{
    color: black !important;
    font-weight: bold;
}

.big-number{
    font-size: var(--fs-900);
}

.py-100{
    padding: 100px 0;
}

.w-md-75{
    width: 75%;
}

.big-text-ul>*{
    font-size:var(--fs-430);
    color: var(--gray-color);
}


.numbered-list{
    width: 80%;
}