@font-face {
    font-family: 'Roustel';
    src: url('../fonts/Roustel.otf') format('opentype');
  }

@font-face {
font-family: 'Akbaal';
src: url('../fonts/akbaal.ttf') format('truetype');
}

@font-face {
    font-family: 'BlowBrush';
    src: url('../fonts/blowbrush.otf') format('opentype');
}

@font-face {
    font-family: 'Dynalight-Regular';
    src: url('../fonts/Dynalight-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Andalan-Eug';
    src: url('../fonts/Andalan-Eug.otf') format('opentype');
}

@font-face {
    font-family: 'EccentricStd';
    src: url('../fonts/EccentricStd.otf') format('opentype');
}

@font-face {
    font-family: 'FoglihtenNo07';
    src: url('../fonts/FoglihtenNo07_0.otf') format('opentype');
}


:root {
    --brown-ov: rgba(85, 61, 48, 0.8);
    --acc-orange: rgb(214, 155, 125);
    --acc-yellow: rgb(225, 204, 139);
    --txt-color: rgb(251, 251, 251);
    --white-ov: rgba(251, 251, 251, 0.8);}

body{
    font-family: 'Inter', serif;
    color: var(--txt-color);
}

.text-white{
    color: var(--txt-color);
}

.text-yellowThree{
    color: rgba(225, 204, 139,1);
}

.bg-white{
    background-color: var(--white-ov);
}

.bg-orange-normal{
    background-color: var(--acc-orange);
}

.text-orange{
    color: var(--acc-orange);
}

.text-brown{
    color: rgba(85, 61, 48);
}

.text-brown-overlay{
    color: rgba(85, 61, 48, 0.8);
}

.background-brown{
    background-color: rgba(85, 61, 48);
}

.placeholder-text-brown::placeholder{
    color: rgba(85, 61, 48, 0.8);
    font-size: 18px;
}

.font-roustel {
    font-family: 'Roustel', serif;
}

.font-inter {
    font-family: 'Inter', serif !important;
}

.font-akbaal {
    font-family: 'Akbaal', serif !important;
}

.font-blowbrush {
    font-family: 'BlowBrush', serif !important;
}

.font-dynalight {
    font-family: 'Dynalight-Regular', serif !important;
}

.font-andalan {
    font-family: 'Andalan-Eug', serif !important;
}

.font-eccentric {
    font-family: 'EccentricStd', serif !important;
}

.font-foglihten {
    font-family: 'FoglihtenNo07', serif !important;
}




.center {
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bottom-center
{
    position: absolute;
    bottom: 22%;
    left: 50%;
    transform: translateX(-50%);
}

.leading-15{
    line-height: 60px;
}

.py-5-5{
    padding-top: 22px;
    padding-bottom: 22px;
}

.px-15{
    padding-left: 60px;
    padding-right: 60px;
}

.p-5-5{
    padding : 22px;
}

.background-brown-overlay{
    background-color: var(--brown-ov);
}

.blur-20{
    backdrop-filter: blur(20px); 
}

.container-rounded-left{
    border-radius: 50px 5px;
}

.rounded-top{
    border-radius: 50px 50px 0 0;
}
.rounded-bottom-right{
    border-bottom-right-radius: 50px;
}

.rounded-bottom-left{
    border-bottom-left-radius: 50px;
}
.container-rounded-right{
    border-radius: 5px 50px;
}

.image-rounded-left{
    border-radius: 34px 5px;
}

.image-rounded-right{
    border-radius: 5px 34px;
}

[data-submenu] {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

[data-submenu].open {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

.top-25{
    top: 103px;
}


.w-8-5-20{
    width: 70%;
}

.bg-orange:hover{
    cursor: pointer;
    background-color: var(--acc-orange);
}


#lightbox img {
    transition: transform 0.3s ease; /* Animation pour un zoom progressif */
}
#lightbox img:hover {
    transform: scale(1.05); /* Ajout d'un léger zoom au survol */
}