/* herosection */
.policyherosection{
  margin-top: 7%;
}

.herosectionpolicy {
  background: linear-gradient(
    90deg,
    #34339b 0%,
    #262571 41%,
    #19194c 78.5%,
    #121135 100%
  );
  height: 240px; /* Responsive height */
  display: flex;
  align-items: end; /* Center vertically */
  padding-left: 5%; /* Adjust left padding for alignment */

}

.herosectionpolicy h1 {
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  white-space: nowrap; /* Prevents text from breaking */
  font-size: 80px
  
}

/* styling the content section */
.policy-section h4 {
    font-family: "Urbanist", sans-serif; /* Correct font-family */
    font-size: clamp(24px, 3vw, 40px); /* Correct font-size */
    color: rgba(41, 50, 122, 1);
    font-weight: 500;
    margin-bottom: 3%;
}
.policy-section h5 {
    font-family: "Urbanist", sans-serif; /* Correct font-family */
    font-size: clamp(18px, 2vw, 28px); /* Correct font-size */
    color: rgba(41, 50, 122, 1);
    font-weight: 400;
    
}
.policy-section p,ul,ol{
    font-family: "Poppins", sans-serif; /* Correct font-family */
    font-size: clamp(12px,1.5vw,15px); /* Correct font-size */
    color: rgb(113, 112, 112);
    font-weight: 300;
}

.policy-section{
    margin-top: 2%;
    margin-bottom: 3%;
}

gplayservice a {
  text-decoration: none;
}

@media (min-width: 768px) { 
  .herosectionpolicy h1 { 
    font-size: 70px; 
  } 
  .herosectionpolicy{
    height: 200px;
  }
}

@media (min-width: 425px) and (max-width: 767px) { 
  .herosectionpolicy h1{ 
    font-size: 50px; 
  }
  .herosectionpolicy{
    height: 180px;
    align-items: end;
  } 
}

@media (min-width: 320px) and (max-width: 424px) { 
  .herosectionpolicy h1{ 
    font-size: 30px; 
    
  }
  .herosectionpolicy{
    height: 160px;
    align-items: end;
  } 
}

/* Medium Screens (425px - 728px) */
@media (max-width: 728px) {
  .policyherosection {
    margin-top: 11%;
  }
}

/* Small Screens (320px - 425px) */
@media (max-width: 425px) {
  .policyherosection {
    margin-top: 16%;
  }
}