*{
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
   font-family: Open Sans, sans-serif, Noto Sans Khmer;
}
a{
   text-decoration: none;
   color: inherit;
}
.container{
   display: flex;
   flex-direction: column;
}
.navigation-bar{
   position: fixed;
   z-index: 100;
   height: 67px;
   width: 100%;
   background-color: white;
   box-shadow: 0 7px 18px #21212134;
   padding: 0 30px 0 30px;
}
.nav-container{
   max-width: 1120px;
   /* width: 100%; */
   /* width: 76.73%; */
   height: 100%;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   justify-content: space-between;
   margin: auto;
   padding-bottom: 8px;
}
.logo-nav{
   width: 50px;
   height: 38px;
}
.nav-container ul{
   display: flex;
   flex-direction: row;
   column-gap: 31px;
}
.nav-container ul li{
   text-decoration: none;
   list-style: none;
   color: black;
   font-weight: 600;
   font-size: 14px;
   border: none;
}
.nav-container ul li:nth-child(1) a{
   border-bottom: 3px solid #DE5D0A;
   padding-bottom: 12px;
}
.fa-caret-down{
   margin-left: 10px;
   color: #DE5D0A;
}
.main{
   padding: 67px 0px 50px 0px;
   background-color: #F2F2F2;
   display: flex;
   flex-direction: column;
   width: 100%;
}
.footer-bar{
   background-color: #FDF1EA;
   width: 100%;
   display: flex;
   padding: 0 30px 0 30px;
   flex-direction: column;
}
.foot-container{
   max-width: 1120px; 
   width: 100%;
   display: grid;
   grid-template-columns: 66% 34%;
   margin: auto;
}
.left-footer{
   padding: 12px 0px 0px 0px;
}
.head-foot-left{
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   font-size: 20px;
   column-gap: 26px;
   margin-bottom: 16px;
}
.logo-foot{
   width: 48px;
   height: 36px;
}
.address-detail{
   display: grid;
   color:rgba(0, 0, 0, 0.87);
   grid-template-rows: 64px 40px 40px;
   font-style: normal;
   font-size: 1rem;
   font-weight: 400;
}
address{
   grid-row: 1;
   display: grid;
   grid-template-columns: 95px 321px;
   font-style: normal;
}
.address-detail p{
   padding: 0px 0px 0px 20px;
}
.email{
   display: grid;
   grid-template-columns: 45px 243px;
}
.phone{
   display: grid;
   grid-template-columns: 26px 152px;
}
.right-footer{
   color: rgb(29, 29, 29);
   font-size: 20px;  
   padding: 12px;
   font-style: normal;
}
.social-media-icon {
   list-style: none;
   display: flex;
   column-gap: 10px;
   margin: 10px 0 22px 0px;
}
.social-media-icon li a img{
   width: 32px;
   height: 32px;
}
.payment-accept img{
   width: 250px;
   height: 24px;
   margin-top: 12px;
}
.foot{
   max-width: 1120px;
   width: 100%;
   margin: auto;
   padding: 0 30px 0px 30px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   color: rgb(110, 110, 115);
   padding: 12px 0 12px 0;
   border-top: 1px solid rgb(110, 110, 115); 
}
.trip-container{
   display: none;
}