.tripsearch-content {  
  width:80%;
   transform: translate(100px, 200px);
   top: 75%;
   display: flex;
   flex-direction: row;
   align-items: center;
   background-color: #fff;
   border-radius: 25px;
   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   overflow: hidden;
}
body{
   background-image: url('/assets/image/home/triplistbg.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;        
}

.search-container {
   display: flex;
   align-items: center;
   background-color: #fff;
   padding: 10px;
}
.search-box {
   display: flex;
   align-items: center;
   margin-right: 0px;
   flex-grow: 1;
   border-right: 1px solid #ddd;
}
.search-box:last-child {
   border-right: none;
}
.search-box img {
   margin-right: 10px;
}
.search-box-input {
   border: none;
   outline: none;
   width: 100%;
}
.search-button {  
   background-color: #33b137;          
   color: #fff;
   padding: 9px 10px;
   border: none;
   border-radius: 50px;
   font-weight: bold;
   font-size: 20px;    
   padding-top: 0px;
}
.button-box{
   background-color: #33b137;
   display:flex;
   justify-content: center;
   padding : 15px
}
.search-img{
   width: 32%;
   height : auto;
   object-fit: contain;
   justify-content: center;
}
form{
   display: contents;
}

#menu {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
    width: 90%;
    height: auto;
}

.transparent-bg { 
   background: rgba(255, 255, 255,0.2) !important;
}

.banner-content {
    width : 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   */
    color: white;
}

.img-logo {
    width: 65%;
}

.topnav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-links a {
    color: white;
    text-decoration: none;
    margin-right: 20px; /* Adjust spacing between menu items */
}




.trip-card{
    width : 100%;
    translate : 0% 200%;   
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.publish-content{
   position: absolute;
            transform: translate(40px, 55px);
            top: 25%;
            display: block;
            flex-direction: row;
            align-items: center;
            background-color: #fff;
            border-radius: 25px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            width : 35%;
}

.publish-container {
   align-items: center;
   background-color: #fff;
   padding: 10px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.publish-box {
   display: flex;
   align-items: center;
   margin-right: 0px;
   flex-grow: 1;
   border-bottom: 1px solid #ddd;
   padding: 10px;
   background: #DFDFDF;
   width: 100%;
   border-radius: 10px;
}
.publish-box:last-child{
   border-bottom: none;
}

.publish-img{
   width: 13%;
   height : auto;
   object-fit: contain;
}

.tripslist-content { 
    display: block;
    border-radius: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    overflow: hidden;
 }

.tripslist-container {
   display: flex;
   align-items: center;
   background-color: #fff;
   padding: 10px;
}

@media screen and (max-width: 767px) {
   .search-box{
      border-right:none !important;
   }
}