body { margin: 0;padding: 0;scroll-behavior: smooth;font-family: "Jost", sans-serif;background-color: #071E3C;}


* {padding: 0;margin: 0;box-sizing: border-box;border: 0;outline: 0;list-style: none;}
p {  font-family: "Jost", sans-serif;font-size: 18px;line-height: 23px;font-weight: 400;color: #fff;}
ol,ul {margin: 0;padding: 0;}
section {position: relative;}
a {text-decoration: none;}


h2 {font-size: 40px;line-height: 100%;font-weight: 700;color: #FFDEAC; font-family: "Cinzel", serif;margin-bottom: 12px;}
h4 {font-size: 28px;line-height: 100%;font-weight: 700; font-family: "Cinzel", serif;color: #000;}



.primary-btn {font-size: 16px;line-height: 21px;font-weight: 700;color: #163A68;padding: 12px 27px;text-align: center;background: #FFDEAC;border-radius: 5px;
 display: inline-block;width: max-content;transition: all .2s ease-in-out; box-shadow: 0 0 1px #FFDEAC;}
.navbar-toggler:focus {box-shadow: 0 0 0;}
.navbar-nav li a:hover {  color: #ffdeac !important;}

.headertop-left ul{padding:0;margin:0}
.headertop-left ul li{list-style:none}
.headertop-contents{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:16px; padding-bottom: 16px;  font-family: "Jost", sans-serif;}
.headertop-right p a{color: #fff;text-decoration: underline;}
.headertop-right p {margin:0;}
.headertop-left ul{display:flex;gap:20px}
.headertop-left ul li {font-size: 15px;color: #fff;}
.headertop-right p { font-size: 15px; line-height: 22px;}
.headertop-main { background: #071E3C; border-bottom: 1px solid #fff;}
.header-menuss { background: #071E3C;}
.navbar-toggler{background:#ffffff1a;padding:10px 30px;transition: all .2s ease-in-out;}
.navbar-toggler span{color:#fff;font-size:16px;display: inline-block;position: relative;top: 1px;}
.navbar{padding:22px 0}
.navbar-nav li a {  color: #fff; padding: 4px 12px;}
.navbar-nav li a:hover{color:#fff}
.dropdown-menu{background:transparent;border-color:#fff;background: #000;}
.navbar-nav .dropdown-menu li a:hover{color:#071e3c;background:#fff}
.dropdown-divider{color:#fff;border-color:#fff}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fff}
.nav-link:focus, .nav-link:hover {color: #fff;}
.navbar-nav .dropdown-menu li a {border-bottom: 0;padding: 8px 15px;}
.navbar-nav .dropdown-menu { padding: 0px 0;}
.navbar-toggler:hover { background: rgb(255 255 255 / 20%);}
.banner-main{background:#071e3c;height:520px}
.banner-contents{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 0 90px 0}
.banner-main .primary-btn { margin-top: 40px;}
.banner-inner {height: 100%;}
.primary-btn:hover { color: #ffdeac; box-shadow: 0 0 5px #fff; background: #000;}


.column-left{width:50%}
.column-right{width:50%}
.aboutus-img{width:100%;height:615px}
.aboutus-img img{width:100%;height:100%;object-fit:cover;object-position: 0 100%;}
.aboutus-inner{display:flex}
.aboutus-inner .column-left{background:#ffffff0d}
.aboutus-contents{display:flex;justify-content:center;flex-direction:column;height:100%;padding:20px 80px 20px 15px;max-width:660px;margin-left:auto}

.divdeivder{padding:100px 0;display:block}
.divdeivder span{display:inline-block;height:2px;background:#D9D9D94D;width:100%}
.diverder-bx{border-radius:1px;width:17px;min-width:17px;height:17px;background:#FFDEAC;transform:rotate(45deg)}
.divdevider-inner {display: flex; align-items: center; gap: 30px;}

.bistromenus-img{width:100%;height: 980px;}
.bistromenus-img img{width:100%;height:100%;object-fit:cover;}
.bistromenus-inner{display:flex;}
.bistromenus-right { position: relative;}
.bistromenus-inner .column-right{position:relative}
.bistroback-rightimg{width:100%;position:absolute;top:0;height:980px}
.bistroback-rightimg img{width:100%;height:100%}
.bisromenus-rgt-inner{position:relative;padding:50px;height:100%;max-width:940px;overflow: auto;padding-right: 100px;}
.bsito-menuslogo{width:171px;margin:0 auto}
.bsito-menuslogo img{width:100%;object-fit:contain}

.bistromenus-list{padding-top:60px}
.bistromenus-list h4{border-bottom:2px solid #163A6880;padding-bottom:8px;margin-bottom: 12px;text-align:center;}
.item1-name{font-size:20px;line-height:100%;font-weight:500;color:#000;padding-bottom:6px}
.items-list-left p{font-size:16px;line-height:100%;color:#000;margin: 0;}
.bistromenus-list-items{padding-top:30px;display:flex;justify-content:space-between;gap:20px}
.itenm-price{font-size:20px;line-height:100%;font-weight:600;color:#000;min-width: 77px;}
.bistromenus-inner .column-right { height: 980px;} 
.items-list-left p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.bistromenus-list h4 {
    text-align: center !important;
}




.bisromenus-rgt-inner::-webkit-scrollbar{width:5px;height:6px}
.bisromenus-rgt-inner::-webkit-scrollbar-track{background:#f6f6f6;border-radius:2px}
.bisromenus-rgt-inner::-webkit-scrollbar-thumb{background-color:#163A6880;border-radius:2px;border:1px solid #f1f1f1}
.bisromenus-rgt-inner::-webkit-scrollbar-thumb:hover{background-color:#555}





.dinnerwith-us {position: relative;}
.dinnerwith-backimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.dinnerwith-backimg img {width: 100%; height: 100%; object-fit: cover;}
.dinnerhealth-inner {padding-top: 115px;padding-bottom: 115px; position: relative;z-index: 2;}
.dinner-contents{width:100%;max-width:825px;margin:0 auto;text-align:center;padding:75px;background:#071E3CBD;border-radius:6px}
.dinner-contents p{margin-bottom:22px}
.dinnerwith-us::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 25%); z-index: 1;}



footer h4 {color: #FFDEAC;font-size: 20px;margin-bottom: 20px;}
footer{padding-top:100px}

.footer-logo{width:161px}
.footer-logo img{width:100%;object-fit:contain}
.footer-topcontents{display:flex;justify-content:space-between;max-width:1140px;padding-bottom:60px}
.footer-topcontents h2{font-size:32px}
.footer-grids{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom: 70px;}
.grid-bx ul li a,.grid-bx ul li{font-size:16px;line-height:24px;color:#fff;list-style:none;transition:all .2s ease-in-out;}
.grid-bx ul{display:flex;flex-direction:column;gap:12px;}
.ftrbtm-txt{color:#fff;display:flex;gap:4px;justify-content:center;padding:25px 0;border-top: 1px solid rgb(255 255 255 / 30%);}
.copy-text svg{width:45px;color:#ffdeac}
.gridbx-inner .form-control{background:transparent;border:0;border-radius:0;color:#fff;padding:8px 10px 8px 28px}
.gridbx-inner .form-control::placeholder{color:#fff}
.gridbx-inner{display:flex;border-bottom:1px solid #fff;position: relative;}
.grid-bx1{min-width:350px}
.gridbx-inner .btn-sumbit {background: transparent;}
.emailftr-icon { position: absolute; top: 8px; left: 0;}
.form-control:focus { box-shadow: 0 0 0;}
.grid-bx.highlight { padding-left: 50px;}
.grid-bx.highlight ul li {position: relative;}
.grid-bx.highlight ul li::before {content: "";position: absolute;top: 0;left: 0px;width: 12px;height: 24px;background-image:url(../images/arrow-menus.png);background-repeat: no-repeat;background-size: contain;}
.privacy-check{margin-top:25px;color:#fff;font-size:14px}
.privacy-check a{color:#fff;text-decoration:underline}
.privacy-check input[type="checkbox"]{margin-right:4px;accent-color:#fff}
.privacy-check label{display:flex;gap: 5px;}
.grid-bx.highlight ul li a {padding-left: 22px;}
.gridbx-inner .btn-sumbit svg { transition: .2s ease-in-out;}
.gridbx-inner .btn-sumbit svg:hover { transform: rotate(-45deg);}
.grid-bx ul li a:hover,.privacy-check label a:hover {color: #ffdeac;}



.navbar-nav li a,.model-menus ul li a{position:relative;padding-left:32px;transition:all .2s ease-in-out;display: block;}
.navbar-nav li a::before,.model-menus ul li a::before{content:"";position:absolute;top:50%;left:5px;width:13px;height:16px; background:url(http://minam107.sg-host.com/wp-content/uploads/2025/09/menu-arrow.png);
 transform:translateY(-50%);background-repeat:no-repeat;background-size:contain}
.navbar-nav li a:hover::before,.model-menus ul li a:hover::before {background:#ffdeac;}








.headmodel-inner { padding: 22px 0; margin-left: auto; display: flex; align-items: end; justify-content: end;}
.headmodel-inner button.model-btn{background:#ffffff1a;padding:10px 30px;transition:all .2s ease-in-out;border-color:#ffdeac1a}
.headmodel-inner button.model-btn:hover{background:#fff3;border-color:#ffdeac1a}
.headmodel-inner .modal .modal-dialog { width: 100%; height: 100%; max-width: 100%; margin: 0;}
.headmodel-inner .modal-dialog {position: relative;}
.modelback-img { position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.modelback-img img { width: 100%; height: 100%; object-fit: cover;}
.headmodel-inner .modal-content { border-radius: 0; border: 0;position: relative;height: 100%;z-index: 9;background: transparent;}
.headmodel-inner .modal-footer {border: 0;display: block;background: #071E3C70;padding: 25px 0;position: relative;}
.headmodel-inner .modal-dialog::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(180deg, #071E3C, #071E3C00);  z-index: 2;}
.headmodel-inner .modal-header { padding: 30px 0; display: flex; align-items: center;justify-content: center;border-bottom: 1px solid rgb(255 255 255 / 50%);}
.modelheader-logo {  width: 170px;}
.modelheader-logo img {   width: 100%;}
.headmodel-inner .modal-header .btn-close svg {width: 25px; height: 25px; fill: #fff;}
.headmodel-inner .modal-header .btn-close { opacity: 1; position: absolute; right: 30px; z-index: 9; top: 30px; transition: .2s ease-in-out;}
.headmodel-inner .modal-header .btn-close:hover svg { transform: scale(1.1);}
.containermenus ul{padding-top:40px}
.model-menus ul{padding-top:40px;display:flex;flex-direction:column;gap:10px}
.model-menus ul li a{font-size:32px;line-height:46px;color:#fff;transition:.1s ease-in-out;position: relative;}
.container.model-menus{max-width:1140px}
.model-menus ul li a:hover{color:#e7cba1}
.modal-footer .container{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.model-ftr-left ul li{color:#fff;padding:2px 0}
.modelright-bx ul li a{color:#fff;padding:2px 0;display:inline-block}
.modelright-bx h6{font-size:24px;line-height:32px;color:#FFDEAC}
.model-ftr-right{display:flex;gap:30px;max-width:400px}
.headmodel-inner .modal-footer button{position:absolute;right:15px;bottom:15px;background:#d12d2d}







.fullfrom-txt,.types-menus1{font-size:20px;line-height:100%;font-weight:500;color:#000;padding-bottom:8px}
.bistromenu-fullforms1{padding:60px 0;}
.bistromenusfrm-inner1{display:flex;gap:60px}
.types-menus1 span,.tag-a1{font-weight:400;padding:5px;background:#b29174;border-radius:50%;min-width:35px;height:35px;width:35px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}
.types-menus1{display:flex;align-items:center;gap:6px}
.fullfrom-txt{padding:10px 0}
.coursesmix-rate h2,.bistromenu-fullforms1 h2 { text-align: center; color: #163a68; font-size: 32px; line-height: 36px; margin: 0;}
.bistromenu-fullforms1 h2 { margin-bottom: 20px; text-align: left;}
.bistromenu-fullforms1 {  max-width: 450px;  margin: 0 auto;}
.tags-typesoffood { display: flex; align-items: center;  gap: 4px;}
.bistromenus-list-sec1-a .bistromenus-list {  padding-top: 40px;}
.winetop-heading{padding-top:60px;text-align:center}
.bistromenus-list-sec2 .bistromenus-list{padding-top:40px}
.winetop-heading h2{color:#163a68}
.bistromenus-list-sec2 .bistromenus-list .bistro-top-headings1 p{color:#163a68;margin:0;font-weight:600;letter-spacing:-.5px}
.bistromenus-list-sec2 .bistromenus-list .bistro-top-headings1{color:#000;border-bottom:2px solid #163A6880;margin-bottom:12px;padding-bottom:8px}
.bistromenus-list-sec2 .bistromenus-list .bistro-top-headings1 h4{border:0;padding:0;margin-bottom:5px}
.headingfood-tags span{display:inline-block;border:2px solid #b29174;padding:1px 10px;line-height:20px;border-radius:20px}
.headingfood-tags{display:flex;gap:5px}
.item1-heading-tags{display:flex;align-items:center;gap:12px;padding-bottom:12px}
.item1-heading-tags .item1-name{padding:0}






.wine-table{width:100%;border-collapse:collapse;color:#000;}
.wine-table th,.wine-table td{padding:8px 12px;text-align:left; font-size: 17px;}
.wine-table thead tr:nth-child(2) th:nth-child(-n+3){text-align:left}
.wine-table th {font-weight: 500;font-size: 19px;}
.table-scroll{width:100%;overflow-x:auto}
.wine-table{min-width:700px;border-collapse:collapse}
.wine-table tbody td:first-child{font-weight:600}
.wine-table tbody td:first-child {font-weight: 500;}


.coursesmix-rate p {
    padding-top: 12px;
    text-align: center;
    color: #85440c;
    font-size: 21px;
}
.bistromenus-list h4 {
    text-align: center;
}




.bistromenus-inner .column-right .bistromenus-list h4 {
    color: red;
}






@media (max-width:1399px) {
    .bisromenus-rgt-inner { padding-right: 50px;}
}




@media (max-width:1199px) {
    .footer-grids {  grid-template-columns: repeat(3,1fr); }
}




@media (max-width:991px) {
    .aboutus-contents { padding: 20px 20px 20px 15px; }
    .bisromenus-rgt-inner {   padding: 30px;}
    .footer-grids {  grid-template-columns: repeat(2,1fr); }
    .grid-bx.highlight { padding-left: 0;}
    .footer-topcontents h2 {font-size: 24px;}
    .ftrbtm-txt { flex-direction: column; padding: 20px 14px;}
}









@media (max-width:767px) {
    h2 { font-size: 30px;}
    p {font-size: 16px;line-height: 22px;}
    footer { padding-top: 60px;}

    .headertop-left ul li {font-size: 14px; line-height: 18px;}
    .headertop-right p { font-size: 14px; line-height: 20px;}
    .headertop-right p a { text-decoration: none;}
    .headertop-contents { flex-direction: column; gap: 8px;}
    .logo { width: 220px;}
    .logo img { width: 100%; object-fit: contain;}
    .banner-main { height: 420px;}
    .banner-main .primary-btn { margin-top: 30px;}
    .primary-btn {  font-size: 15px;  line-height: 18px;  padding: 10px 22px;}
    .column-left,.column-right {width: 100%;}
    .aboutus-inner {  flex-direction: column-reverse;}
    .bistromenus-list-sec2 .bistromenus-inner {flex-direction: column-reverse;}
    .aboutus-contents { padding: 40px 20px;}
    .aboutus-img { height: 335px;}
    .divdeivder {   padding: 50px 0;}
    .bistromenus-inner {flex-direction: column;}
    .bistromenus-img { height: 480px;}
    .bistromenus-list {padding-top: 40px;}
    .bsito-menuslogo { width: 140px;}
    .itenm-price,.item1-name {  font-size: 18px;}
    .dinnerhealth-inner { padding-top: 60px; padding-bottom: 60px;}
    .dinner-contents {  padding: 40px 18px;}
    .footer-grids { grid-template-columns: repeat(1,1fr);}
    .footer-topcontents {flex-direction: column; gap: 20px;}
    .footer-grids { margin-bottom: 50px;}
    .grid-bx1 { min-width: 100%;}
    .headertop-right p { text-align: center;}

    .model-menus ul li a {  font-size: 21px;  line-height: 32px}
    .modal-footer .container { flex-direction: column; align-items: self-start; gap: 10px;}
    .model-ftr-right {gap: 20px;}
    .headmodel-inner .modal-footer button { display: none;}
    .modelright-bx h6 { font-size: 20px; line-height: 28px;}
    .model-ftr-left ul { display: flex; gap: 20px;}
 
}