html{
    height: 100% !important;
}
body{
    font-family: Rubik;
}
.bd-container{
    height: 100% !important;
}
.bd-main-section{
    height: 50% !important;
    padding-top: 2.5%;
}
#main-section-top{
    background-image: url(../uploads/bg1.webp?v=1.0);
    background-size: cover;
    background-repeat: no-repeat;
}
#main-section-bottom{
    background-image: url(../uploads/bg2.webp?v=1.0);
    background-size: cover;
    background-repeat: no-repeat;
}
.main-section-inside{
    height: 95%;
    width: 95%;
    border: 6px solid #decfbc;
    margin-left: 2.5%;
    border-radius: 97px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff73;
}
.main-section-logo-img{
    width: 100%;
}
.main-section-button {
    margin-top: 3%;
    width: 100%;
    text-align: center;
}
.main-section-btn {
    width: 70%;
    border: 2px solid #fff3e4;
    border-radius: 50px;
    height: 125px;
    background-color: #edae50;
    color: white;
    font-size: xxx-large;
    font-weight: bold;
}
.main-section-btn:hover{
    background-color: #ffffff;
    color: #ebab5c;
}
.bd-menu-nav {
    height: 7%;
    width: 100%;
    background-color: white;
    border-radius: 0px 0px 72px 72px;
    border: 3px solid white;
    border-right-color: #d2a66a;
    border-left-color: #d2a66a;
    border-bottom-color: #d2a66a;
}
.bd-menu-logo-img {
    height: 90%;
    /* width: 50%;
    margin-left: 25%;
    margin-top: 2%; */
}
.bd-menu-footer {
    height: 5%;
    background-color: #efefef;
    border-radius: 72px 72px 0 0;
    text-align: center;
}
.bd-menu-main {
    height: 84%;
    overflow-y: scroll;
    padding: 1%;
}
.bd-menu-service-card {
    height: 15%;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    direction: rtl;
    background-color: #efefef;
    border: 3px solid #d3a862;
    border-radius: 50px;
    margin-bottom: 2.5%;
}
.bd-menu-service-image {
    height: 100%;
    width: 25%;
    border-radius: 50px;
}
.bd-menu-service-img {
    height: 100%;
    width: 100%;
    border-radius: 50px;
}
.bd-menu-service-name {
    width: 50%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.bd-menu-service-price {
    width: 12.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.bd-menu-service-btn {
    width: 12.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.bd-menu-service-action-btn {
    height: 90%;
    width: 90%;
    border-radius: 50px;
    border: 2px solid #c5c1c1;
    background-color: #575756;
    color: white;
    text-align: center;
    font-size: 2vw;
}
.bd-menu-service-name-p {
    font-size: 3vw;
    text-align: center;
}
.bd-menu-service-arabicname-p {
    font-size: 2vw;
    text-align: center;
}
.bd-menu-sevice-price-p {
    font-size: 3vw;
    text-align: center;
}
.bd-menu-actionbar {
    width: 80%;
    height: 5%;
    background-color: white;
    margin-left: 10%;
    border-radius: 0 0 75px 75px;
    border: 3px solid white;
    margin-top: -1%;
    direction: rtl;
    border-right-color: #d2a66a;
    border-left-color: #d2a66a;
    border-bottom-color: #d2a66a;
}
.menu-back-btn {
    border-radius: 0 0 75px 0;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 100%;
    background-color: white;
}
.menu-back-btn-icon {
    height: 100%;
}
.menu-back-btn-title {
    font-size: 32pt;
}
.bd-submenu-main {
    height: 84%;
    overflow-y: scroll;
    padding: 1%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
    align-items: center;
}
.bd-submenu-service-card {
    width: 48%;
    height: 30%;
    border: 6px solid #c7954a;
    border-radius: 58px;
    background-color: #ffffff;
}
.bd-submenu-sevice-image {
    height: 66%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px 50px 0 0;
}
.bd-submenu-service-title {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 20pt;
    height: 33%;
    text-align: center;
    font-weight: 900;
}