@import url('https://fonts.googleapis.com/css2?family=Acme&family=Asul:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Asul:wght@400;700&family=Bree+Serif&family=Lato:wght@300&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:wght@500;600&family=Raleway:wght@100;400&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
html {
    scroll-behavior: smooth;
  }
body {
    font-family: "Asul", sans-serif;
}
body::-webkit-scrollbar {
  display: none;
}
.container {
  height: 150vw;
  width: 100%;
}

.hr {
  margin: 2vw;
  margin-top: 60px;
  width: 96vw;
  height: auto;
  /* border: 1.5px solid #FD0707; */
  border-radius: 5px;
}

.privacy_header {
    width: 100%;
    text-align: center;
    margin: 1vw;
    font-size: 3.5vw;
}

.privacy-content {
    display: flex;
    gap: 2vw;
  }
  
  .privacy_menu {
    width: 25%;
    height: auto;
    border-right: 1px solid #000;
    line-height: 2vw;
  }
  
  .privacy_menu ul li {
    list-style-type: none;
    line-height: 2vw;
  }
  
  .sub {
    padding-left: 1vw;
    list-style-position: inside;
  }
  
  .privacy_body {
    width: 70%;
    line-height: 2vw;
    height: auto;
  }
  .h2 {
    margin: 1vw 0;
  }

  .bold {
    font-weight: bold;
  }
address a {
  text-decoration: none;
}

.space {
    height: 10vw;
    width: 100%;
}

@media screen and (max-width: 480px){
    .nav ul li a {
        nav {
            height: 3vh;  /* Adjust height for smaller screens */
            padding: 2vh 2vw;  /* Adjust padding for smaller screens */
          }      
          .nav ul li a {
            padding: 2vw 2vw; /* Adjust padding inside links for smaller screens */
            font-size: 2.5vw;   /* Increase font size for better readability */
          }
    }
    .privacy_body{
    line-height: 3vw;
    font-size: 3vw;
    }
    .privacy_menu{
    line-height: 3.5vw;
    font-size: 3.2vw;
    }
}
@media screen and (max-width: 768px){
    .nav ul li a {
        padding: 2.5vw 2.5vw; /* Adjust padding inside links for smaller screens */
        font-size: 1.5vw;
      }
    .privacy_body{
    line-height: 3vw;
    font-size: 1.8vw;
    }
    .privacy_menu{
    line-height: 3.5vw;
    font-size: 1.5vw;
    }
}
@media screen and (max-width: 1024px){
    .nav ul li a {
        padding: 2vw 2vw; /* Adjust padding inside links for smaller screens */
        font-size: 1.3vw;
      }
    .privacy_body{
    line-height: 2.5vw;
    }
    .privacy_menu{
    line-height: 2.8vw;
    }
}