html, body {
    margin: 0;
    padding: 0;
}


#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;  /* Optional, to make sure it's on top of other content */
}

#topmargin{
      
      margin-top:180px;
  }



@media (max-width: 768px) {
    
  .logo {
    
        
        width:65px;
        height:45px;
        margin-left:30px;
  }
  
  .container-fluid{
      
      height:40px;
 
  }
  
  #header{
      
      height:100px;
  
      
  }
  
  #topmargin{
      
      margin-top:100px;
      
  }
  
}





/* This part hides the pagination on larger screens */
@media (min-width: 768px) {
  .swiper-pagination {
    display: none;
  }
}

/* Fix the pagination at the bottom of the page */
.swiper-pagination {
  position: fixed; /* Fix the pagination at the bottom of the page */
  bottom: 20px; /* Distance from the bottom of the viewport */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Center the pagination dots */
  z-index: 10;
  pointer-events: auto; /* Ensure the pagination remains clickable */
  width: 100%; /* Ensure it spans the entire width */
}

/* Default style for the pagination bullets */
.swiper-pagination-bullet {
  background-color: #000; /* Default dot color */
  width:8px !important;
  height:8px !important;
}

/* Active dot color */
.swiper-pagination-bullet-active {
  background-color: #ff6600; /* Color for active dot */
}