body {
    font-family: poppins;
}

.firstcontainer {
    background-image: url(/images/bg1.jpg);
    background-size: cover;
    background-position: center;
}

.aboutcontainer {
    background-image: url(/images/about_bg.jpg);
    background-size: cover;
    background-position: center;
}

.menucontainer {
    background-image: url(/images/menu_bg.jpg);
    background-size: cover;
    background-position: center;
}

.contactcontainer {
    background-image: url(/images/contact_bg.jpg);
    background-size: cover;
    background-position: center;
}

.welcome {
    color: #d3a971;
}

.secondcontainer {
    font-family: poppins;
    font-weight: 400;
}

.thirdcontainer {
    font-family: poppins;
    font-weight: 400;
    background-image: url(/images/bg2.jpg);
    background-attachment: fixed;
}

.fourthcontainer {
    font-family: poppins;
    font-weight: 400;
}

.fourthcontainer .heading {
    color: #d3a971;
}

.seventhcontainer .heading {
    color: #d3a971;
}

.secondcontainer img {
    transition: 200ms ease;
}


li:hover {
    color: #d3a971;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    transition: 150ms ease-in;
}


.main {
    border-bottom-width: 1px;
    border-bottom-color: #d1d1d14d;
}

.btn {
    background-color: #d3a971;
}

.sixthcontainer {
    background-image: url(/images/testi.jpg);
    /* background-position: center; */
    background-size: cover;
}

.sixthcontainer .heading {
    color: #d3a971;
}

.card {
    border: 1px #d3a971;
    border-style: double;
}

.message {
    font-family: poppins;
    font-weight: 400;
}

.thirdline:hover {
    background-color: #d3a971;
    transition: 300ms ease;
}

.p1 {
    padding: 10px;
}

.p1::placeholder {
    color: gray;
    /* padding-left: 10px; */
    font-family: poppins;
    font-weight: 400;
}

.seventhcontainer {
    font-family: poppins;
    font-weight: 400;
}

.eightcontainer {
    font-family: poppins;
    font-weight: 400;
}

.ninethcontainer {
    font-family: poppins;
    font-weight: 400;
}

.p1:focus {
    outline: #d3a971;
    border-color: #d3a971;
}

.p2:focus {
    outline: #d3a971;
    border-color: #d3a971;
}

.form {
    border-color: #d3a971;
}

.order {
    color: #d3a971;
}

.ninethcontainer .description {
    font-family: poppins;
    color: gray;
}

.ninethcontainer {
    background-color: #222222;
}

.tenthcontainer {
    background-color: #1b1b1b;
}

.poppinsbold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: white;
    letter-spacing: 1px;
}

.poppins3 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: rgb(155, 155, 155);
}

.poppins4 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: rgb(40, 40, 40);
}

.poppinsnormalgray {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: rgb(155, 155, 155);

}

.poppinsnormalgold {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: rgb(211, 169, 113);
}

.poppinsheading {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: rgb(249, 249, 249);
}

.poppins2 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.poppinsbtn {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    line-height: 48px;
}


.libre {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    color: rgb(255, 255, 255);
}

.libre_1 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    color: rgb(255, 255, 255);
}

.libre2 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 37px;
    color: rgb(40, 40, 40);
}

.libre3 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 55px;
    color: rgb(255, 255, 255);
}

.libre4 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    color: rgb(255, 255, 255);
}

.libre5 {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 37px;
    color: rgb(255, 255, 255);
}


@media screen and (max-width: 640px) {
    .custom1 {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: rgb(249, 249, 249);
    }

    .custom2 {
        font-family: "Libre Baskerville", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 27px;
        line-height: 32px;
        color: rgb(255, 255, 255);
    }

    .custom3 {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        color: rgb(255, 255, 255);
        letter-spacing: 1px;
        line-height: 30px;
    }



}

.TheButton:hover {
    cursor: pointer;
}

.TheButton:hover .DropDownMenu li {
    display: flex;
}

.description span {
    text-decoration: none;
}

@media screen and (max-width: 400px) {
    .description span {
        text-decoration: none;
    }
}

.special li {
    /* background-color: black; */
    border-bottom-width: 4px;
    border-bottom: 4px solid transparent;
}



.borderbottom {
    border-bottom: 1px;
    border-color: black;
}