* , *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .fa, .fa-solid, .fa-brands, .fas, .fab, i[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }

html{
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

body {
    background: linear-gradient(135deg, #141e30, #243b55);
    color: #2e2828;
    font-family: 'Poppins', sans-serif;
  }

/* header */
.header{
    width: 100%;
    position: fixed;
    background: linear-gradient(135deg, #141e30c2, #243b55e4);
    top: 0;
    padding: .8rem 2.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.header h1 , .header h2{
    background: linear-gradient(120deg, #004cff, #0072ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header a{
    text-decoration: none;
}


  /* main section */
  
.sections{
    max-width: 80%; 
    margin: 4rem 15%; 
    padding: 3rem 1.5rem;
}


.section{
    background:rgb(224, 223, 223);
    padding: 1.4rem; 
    border-radius: 8px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


.section h2{
    margin-bottom: .6rem;
}


.section .updationtitle{
    color: gray; 
    margin-bottom: 2rem;
}
  
.section h3{
    margin-top: 1.4rem;
}

.section  p{
    margin: .2rem 0rem .2rem  .5rem;
}


.section ul{
    margin: .2rem 0rem .2rem  1.5rem;
    padding-bottom: .3rem;
}

.section ul li{
    line-height: 1.4;
}

.section .contact-link{
    color: blue;
    font-weight: bold;
    transition: color .3s ease-in-out;
    white-space: nowrap;
}

.section .contact-link:hover{
    color: #243b55;
    text-decoration: none;
}

/*  back btn */

.section .gobackbutton{
    margin-top: 40px;
}

.gobackbutton .back-btn{
    background-color: #004cff;
    border-radius: 1rem;
    padding: .5rem .8rem;
    border: none;
    transition:box-shadow .3s ease-in;
    cursor: pointer;
}

.back-btn:hover{
    box-shadow: 2px 2px 10px black;
}

.back-btn  a{
    text-decoration: none;
    color: rgb(231, 238, 238);
    transition: color .3s ease-in;
}
a:hover{
    color: rgb(193, 190, 190);
}


/* footer section */
.footer{
    padding: 2rem;
    background-color: #061432;
}

.footer .footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer p{
    text-align: center;
}
.footer p i , .footer p a , .footer p{
    color: rgb(212, 209, 209);
    text-decoration:  none;
}

.footer  p .legal{
    color: blue;
    text-decoration: underline;
    transition:  color .3s ease-in-out;
}
.footer  p .legal:hover{
    color: rgb(212, 209, 209);
    text-decoration: none;
}

.footer  p .legal:active{
    color: red;
}



/* for mobile */
@media screen and (max-width:450px) {
    .sections{
        max-width: 100%; 
        margin: 3rem 0rem; 
        padding: 2rem 1rem;
    }

    .section{
        padding: 1rem; 
    }
}