


    .mynav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        list-style-type: none;
        background-color: rgba(15, 15, 15, 0.692);
        height: auto;
        padding: 0.5em;
        border-radius: 100px;
        box-shadow: 0 0 19px -4px #003e85;
        border: 1px solid #004ba1;
    }


.mynav li:not(:last-child) {
margin-right: 10px;
z-index: 10;
}

.mynav button {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #96caff;
    font-family: Poppins;    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 3px 10px 3px 10px;
}

.target {
    position: absolute;
    background-color: #003ca3;
    border-radius: 100px;
    z-index: 1;
    transition: all 0.35s ease-in-out;
    backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.mynav {
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 24, 0);
    display: flex;
    justify-content: center;
}
.pckInfo1 {
    margin-top: 3em;
    width: 100%;
    height: auto;
    transition: 1;
}

.pckInfo2 {
    margin-top: 3em;
    width: 100%;
    height: auto;
    display: none;
}



@media (min-width: 600px) {
    .pckContainer{
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
    }
    .sectionLeft{
        background-color: rgb(0, 0, 0);
        width: 60%;
        position: sticky;
        top: 0;
        padding-bottom: 1em;
    }
    .sectionRight{
        background-color: rgb(0, 0, 0);
         width: 40%; 
         height: 1100px;
         overflow-y: auto;
         padding-bottom: 1em;
         overflow: hidden;
         display: flex;
         justify-content: center;
    }
    .pckInfo{
        width: 90%; 
        height: auto;
        position: sticky;
        top: 0;
        background-image: radial-gradient(circle at center center, transparent 0%,rgb(25, 25, 25) 99%),repeating-linear-gradient(0deg, rgba(163, 163, 163, 0.122) 0px, rgba(163, 163, 163, 0.083) 1px,transparent 2px, transparent 6px),repeating-linear-gradient(90deg, rgba(163, 163, 163, 0.12) 0px, rgba(163, 163, 163, 0.052) 1px,transparent 1px, transparent 6px),linear-gradient(90deg, rgba(33, 33, 33, 0.318),rgba(33, 33, 33, 0.367));
        height: auto;
        padding: 1.5em;
        border-radius: 1.5em;
        border: 1px solid rgb(165, 165, 165);
        padding-bottom: 1em;
        top: 70;
    
    }
  }

  .pckInfo{
    margin: 0 auto 0 auto;
  }
.InfoH1{
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
}
.pckInfo hr{
border: 0.3px solid rgb(165, 165, 165);
width: 95%;
margin-left: 0;
}


.t1{
font-size: 20px;
line-height: 120%;
color: white;
}
.t2{
font-size: 15px;
line-height: 1;
color: rgb(165, 165, 165);
font-family: PoppinsExtraLight;
text-decoration: dashed;
}

.t3{
font-style: italic;
padding-top: 5px;
color: rgb(0, 235, 16);
font-size: 12px;
text-shadow: 0 0 10px rgb(0, 221, 0);
text-decoration: dotted;
}

.pckContact{
    
    background-color: rgb(0, 0, 0);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.smD{
height: 30px;
margin-right: 0.4em;
}
.smD button{
border: 0;
background-color: transparent;
padding: 0;
cursor: pointer;
transition: 0.5s ease;
}
.smD button:hover{
opacity: 0.6;
    }

.C2C{
padding-top: 5px;
}

