body
{
padding:0;
margin:0;
font-family:"Lato",sans-serif;
font-size:22px;
color:#808080;
}

a
{
color:grey;
text-decoration:none;
}

.innercont
{
width:90%;
margin:auto;
max-width:1200px;
}

.fit
{
max-width:100%;
}

.ofc
{
height:100px;
width:100px;
object-fit:cover;
}

.proimgdiv
{
height:100px;
width:100px;
display:inline-block;
}

.tripreport
{
border:0px solid grey;
padding:12px;
border-radius:8px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.left
{
display:inline-block;
width:73%;
vertical-align:top;	
}

.right
{
display:inline-block;
width:23%;
vertical-align:top;
background:#ccc;
margin:6px;
padding:6px;
}

.next
{
display:inline-block;

}

#footer
{
height:300px;
}





.center
{
	margin:auto;
	text-align:center;
	max-width:96%;
}






.menu
{
display:inline-block;
font-size:18px;
font-family:"Lato", sans-serif;
margin:2px;
padding:5px;
}

.menu:hover
{
background:grey;
color:white;
}

.stretch
{
width:100%;
margin:0;
}

.gallery
{
height:100px;
width:100px;
border:1px solid black;
}






input
{
padding:7px;
}

select
{
	padding:7px;
}






.mtext
{
font-size:38px; 
font-weight:600; 
color:#00BFB5;

font-family:"Lato", sans-serif;

}

.htext {
  font-weight: 600;
  color: rgb(57, 132, 198); /* White, or use any HEX/RGB color */
  font-family: "Lato", sans-serif;
}

@media screen and (max-width:360px)
{
.htext1
{
font-size:18px;
}
}



.redstar
{
color:red;
}

h1
{
font-size:26px;
font-family:"Lato", sans-serif;
}

h2
{
font-size:16px;
font-family:"Lato", sans-serif;
}

.w
{
color:white;
}

.aqua
{
color:#00BFB5;
font-weight:600;
}

.skyblue
{
color:#C1D1FF;
font-weight:600;
}

.aquabutton
{
background:#00BFB5;
color:white;
font-weight:600;
display:inline-block;
padding:8px;
border-radius:8px;
}

.skybluebutton
{
background:#C1D1FF;
color:white;
font-weight:600;
display:inline-block;
padding:8px;
border-radius:8px;
}

.boxed-text {
  border: 2px solid #000000; /* This creates a teal colored border */
  padding: 15px 20px;          /* Adds space inside the box around the text */
  margin-bottom: 30px;         /* Adds space below each box */
  border-radius: 8px;          /* Makes the corners slightly rounded */
  background-color: #f9f9f9;   /* Light grey background color */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* Small shadow to lift the box */
  font-size: 18px;             /* Slightly bigger text */
  line-height: 1.5;            /* Better line spacing */
}


/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}



@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
  }

  #footer {
    min-height: 100px;
  }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
  }

  #footer {
    min-height: 100px;
  }
}

@media screen and (max-width: 600px) {
  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    gap: 10px;
  }

  #logo {
    width: 60px;
  }

  .mobile-title {
    flex: 1;
    text-align: center;
  }

  .mobile-title .htext {
  font-size: 20px !important;
  font-weight: bold;
  color: rgb(57, 132, 198); /* White, or use any HEX/RGB color */
  white-space: nowrap;
  }

  #menuicon {
    font-size: 28px;
    cursor: pointer;
    color: grey;
  }
}

@media screen and (max-width: 800px) {
  /* Make the mobile dropdown container full width and stacked */
  #hiddenmenu {
    background-color: white;
    position: absolute;
    top: 60px; /* adjust this if your header height changes */
    left: 0;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none; /* start hidden */
    flex-direction: column;
  }

  /* Make each link block-level (full width) with padding */
  #hiddenmenu a.menu {
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
    color: grey;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 18px;
  }

  /* Hover effect on links */
  #hiddenmenu a.menu:hover {
    background-color: #00BFB5;
    color: white;
  }
}