:root{
    --pcol: rgb(11,19,21);
    --scol: rgba(201, 171, 129, 0.8) ;
    --tcol: #715B3E;
    --bscol:rgb(199,169,127);
    --seff:rgba(201, 171, 129) ;

    --pfonts:metropolis1920regular;
    --sfonts:mono;

    --pfont: 'Courier New', Courier, monospace;
}
html::-webkit-scrollbar{ 
    display: none;

}
html::-webkit-scrollbar{ 
 scrollbar-width: none;

}
html::-webkit-scrollbar{ 
    -ms-overflow-style:none ;
   
   }


*{
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    
}

body{
    height: 100vh;
    width: 100%;

    margin-right: 100px;
    padding: 0;
    background-color: var(--pcol);

    display: flex;
    justify-content: center;
    align-items: center;
}

.back{
    /* background-color: var(--scol); */
    height: 100%;
    width: 80%;
    position: absolute;
    display: flex;
    z-index: 5;
    justify-content:space-between;
    
}

.lines{
    height: 400%;
    width: 1px;
    background-color: rgba(201, 171, 129, 0.2);
}

.back>.lines:nth-child(1),:nth-child(6){
    height: 400%;
    width: 1px;
    z-index: 5;
    background-color: var(--scol);
}

.all{
    height: 100vh;
    width: 100%;
}

.header{
    height: 100vh;
    width: 100%;

    /* font background-color: aliceblue; */
}
.nav{
    height: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;

    position: sticky;
    z-index: 10;
    border-bottom: 1px solid var(--scol);
}
.logo{
    height: 100%;
    width: 10%;
    position: relative;
    right: 5%;
    background-image: url(../resources/images/uncle-1.png);
    background-repeat: no-repeat;
    background-size:70%;
    background-position: center;
    background-color: transparent;
}
nav{
    height: 100%;
    width: 80%;

    display: flex;
    justify-content: center;
    align-items: center;

    /* background-color: #C9AB81; */
}
nav>ul{
    height: 100%;
    width: 100%;

    list-style: none;
    

    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
a{
    text-decoration: none;
    font-family: sans-serif;
    color: white;
}


nav>ul>li::after{
    content: " ";
    width: 0px;
    height: 1px;

    
    display: block;
    transition: .5s ease-in;
    background-color: #715B3E;
    
}
nav>ul>li>a::after{
    content: " ";
    width: 0px;
    height: 1px;

    margin-bottom: 5px;
    
    display: block;
    transition: .2s ease-in;
    background-color: var(--seff);
}


.active::after{
    width: 100%;
}

nav>ul>li>a:hover::after{
    width: 100%;
    
}
nav>ul>li:hover::after{
    width: 100%;
}
  .header{
      height: 100%;
      width: 100%;
    /* background-color: rgb(112, 81, 39);  */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-color: aliceblue; */
 }  
/* carasoul ----------------------- --------------------- */
.carousel{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -15%;
}
.carousel-cell{
    width: 100%;
    height: 100%;
    
    background-repeat: no-repeat;
    background-size: cover;
}
.carousel-cell::before{
    display: block;
    content: ' ';
}

/* -----------header -----------  */

.message{
    height: 80vh;
    width: 80%;
    margin-top: 8%;
    margin-left: 10%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    /* background-color: aliceblue; */
}
.message>h2{
    color: var(--scol);
    font-size: 44px;
    margin-bottom:4%;
}
.message>p{
    color: white;
    text-align: center;
    width: 40%;
    font-size: 29px;
}
.message>.button{
    height: 8%;
    width: 15%;
    display: flex;
    margin: 5%;
    justify-content: center;
    align-items: center;
    /* background-color: #715B3E; */
}
#learn{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--seff);
    /* background-color: #ff9100; */
    transition: 0.5s ease;
}
#learn:hover{
    
    transform: scale(1.2);
    box-shadow: 0 8px 8px 2px var(--scol);
    
}



.festivals{
    height: 70vh;
    width: 80%;
    margin-left: 10%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    /* background-color: aliceblue; */
}
.festivals>h3{
    height: 30%;
    width: 100%;
    font-size: 100px;
    text-align: center;
    color: var(--scol);
    /* background-color: rgb(0, 131, 246); */
}
.festivals>.festive{
    height: 70%;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* background-color: aqua; */
}
.foodcard{
    height: 70%;
    width: 18%;
    background-image: url(../resources/images/kajsndvgbh.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    
}

.signature{
    height: 70vh;
    width: 80%;
    margin-left: 10%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    /* background-color: aliceblue; */
}
.signature>h3{
    height: 20%;
    width: 100%;
    font-size: 80px;
    text-align: center;
    color: var(--scol);
    /* background-color: rgb(0, 131, 246); */
}

.signature>.ss{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* background-color: rgb(255, 255, 255); */
}
.signature>.ss>.singcard{
    height: 100%;
    width: 30%;
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
}
    /* background-image: url(../resources/images/kajsndvgbh.jpg); */
    /* background-repeat: no-repeat;
    background-size: contain;
    
}  

/* .signature>.carousel>.carousel-cell{} */

.signature>.carousel>.carousel-cell::before{
    display: block;
    content: '';
}
.singcard>.name{
    font-family: fantasy;
    color: #715B3E;
}

















/* ---------------footer  */
.footer{
    height: 70vh;
    /* background-color: aliceblue; */
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fullogo{
    height: 50%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    /* background-color: antiquewhite; */
}
.fullogo>.logo{
    background-size: 100%;
}
.name{
    color: rgb(117,118,48);
    font-size: 50px;
}
footer{
    height: 50%;
    width: 100%;

    display: flex;
    justify-content: space-evenly;
    align-items: center;

    /* background-color: aqua; */
}
.foot{
    
    height: 30%;
    width: 30%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    color: white;
    /* background-color: aquamarine; */
}
.foot>h3{
    font-size: 30px;
    transform: translateY(-40px);
    color: var(--bscol);
}



/* //animatioon --------------- */

.line::after{
    content: " ";
    width: 0px;
    height: 1px;
    
    display: block;
    transition: .4s ease-in;
    background-color: var(--seff);
}
.message:hover>.line::after{
    width: 100%;
}
.festivals:hover>.line::after{
    width: 100%;
}
.signature:hover>.line::after{
    width: 100%;
}


.hidden{
    opacity: 0;
    filter: blur(5px);
    transform: translate(-50%);
    transition: all 1s;
}
.show{
    filter: blur(0px);
    transform: translate(0);
    opacity: 1;
}
.foodcard:nth-child(1){
    transition-delay: 200ms;
    /* border: 14px solid; */
    
}
.foodcard:nth-child(2){
    transition-delay: 400ms;
    
}
.foodcard:nth-child(3){
    transition-delay: 600ms;
}
.foodcard:nth-child(4){
    transition-delay: 800ms;
}
.foodcard:nth-child(5){
    transition-delay: 1000ms;
    
}
.singcard:nth-child(1){
    transition-delay: 200ms;
}
.singcard:nth-child(2){
    transition-delay: 600ms;
}
.singcard:nth-child(3){
    transition-delay: 1000ms;
}