*{
     
  font-family: "Inter", sans-serif ;

      }
strong{
    font-weight: 600;
}
    section{
        padding: 4rem 0;
    
    }

    
    .hero-section-content h2,h2{
     font-weight: 700;
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 3rem;
    }

    .hero-section-content{
        display: flex;
        gap: 7rem;
    }
.content-area{
        flex: 1;
        max-width: 700px;
        margin-inline: auto;
}

.navigation-links-content{
    padding-top: 15%;
      position: sticky;
     top: 40%; 
    z-index: 1;
}


.navigation-links-wrapper {
       /* padding-top: 15%; */
       position: relative;

}
.hero-section-content {
    overflow: visible;
  display: flex;    
}

    .page-links li{
        list-style: none;
        color: #a6a6a6;
        padding: 12px 0;
        cursor: pointer;
    }

    .page-links li a{
color: #a6a6a6;
text-decoration: none;
    }

    .hero-section-content .page-links:nth-child(3) {
        color: #000;
    }

    .page-links li a:hover,.page-links li:hover{
        color: #000;
    }

  hr{
        margin: 3.5rem 0;
  }

    

@media (max-width:1024px){

        .navlist-resp-upper-div {
        margin-left: 0px; 
        padding-bottom: 2rem;
        border-bottom: 1px solid gray;
        width: calc(100vw * 0.75);
        }
    .hero-section-content {
    gap: 1rem;

    
}

.navigation-links-wrapper {
      display: none;

}

.navigation-links-content {
    padding-top: 0;
    position: static;

    .page-links{
        margin-top: 30%;
    }
 
}
    
.page-links li {
    padding: 6px 0;
    font-size: 0.9rem;
}

}

@media (max-width: 767px) {
    .hero-section-content h2 {
        font-weight: 700;
        font-size: 1.5rem;
    }
}


  h4,h3{
            margin: 0rem 0px 1.5rem 0;
           
            font-weight: 700;
        }

        .terms li{
            margin-left: 30px;
        }
        
        .terms p , ul{
            font-size: 1rem;
            line-height: 1.6em;
            font-size: 0.95rem;
            /* margin-bottom: 10px; */
        }

        @media (max-width:600px){
            .terms li{
            margin-left: 30px;
        }   
        .terms{
           
            width: 85%;
             margin: auto; 
             text-align: left;
        }
        
        }