.cv-container{
  display:flex;
  width:85%;
  margin-inline:auto;
  justify-content:space-between;
  margin-top:5%;
  margin-bottom:10%;
  gap:1.5rem; 
}
.cv-container .heading{
  max-width:80%;
  height:100%;
  flex: 0 0 65%;
  color:black;
}
.cv-container .heading h1{
  margin-left:0px;
  padding-left:0px;
  margin-bottom:3%;
}
.cv-container h6{
  font-size: clamp(0.80rem, 0.85vw, 0.9rem); 
  font-weight:var(--semi-bold);
  width:50%;
}
#cv-form textarea{
  min-height:5vh;
  width:90%;
  transition: min-height 0.24s ease;
}
#cv-form textarea:focus,
#cv-form textarea.active {
  min-height: 25vh; 
  max-width:90%;
}

#cv-form{
  font-weight:100;
  width:30%;
  height:100%;
  margin-block:auto;
  flex: 0 0 25%;
  margin-top:5%;
  margin-right:5%;
}
#cv-form input{ 
  height: 25px;
  font-size:0.30em;
  color:white;
  max-width: 89.5%;
}
#cv-form label{
  font-size: 0.65rem;
  font-weight:var(--light-weight);
  cursor:default;
  margin-bottom:0px;
}
#cv-form #cv-resume{
  display:none;
  margin:0;
  padding:0;
  max-height:0;
}

#cv-form input, #cv-form textarea, #cv-form #cv-resume{
  padding:3% 5%;
  border:1px solid black;
  background-color:black;
  font-size: clamp(0.65rem, 1vw, 0.65rem);
  margin-bottom:1%;
  color:white;
  font-family:'Poppins',sans-serif;
  margin-top:-1px;
  font-weight:var(--light-weight);
  border-radius:5px;
}
#resume-label{
  display:flex;
  cursor:pointer;
  position:relative;
  background-color: black;
  min-height:6vh;
  min-width:100%;
  margin: 5% 0 0 0;   
  align-items: center;
  border-radius:5px;
  justify-content: center;
}

#cv-form input::placeholder, #cv-form textarea::placeholder{
    color:white;
}
#cv-form input:focus, #cv-form textarea:focus, #cv-form input:not(:placeholder-shown) {
    width:100%;
    color:white;
    outline:none;
}
#cv-form input:focus::placeholder, #cv-form textarea:focus::placeholder{
    color:white;
}
#cv-form input:-webkit-autofill,
#cv-form input:-webkit-autofill:hover,
#cv-form input:-webkit-autofill:focus,
#cv-form textarea:-webkit-autofill,
#cv-form textarea:-webkit-autofill:hover,
#cv-form textarea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px black inset !important; /* Force black background */
  -webkit-text-fill-color: white !important; /* Force white text */
  background-color: black !important; /* Fallback */
  border: 1px solid black !important;
  transition: background-color 9999s ease-in-out 0s !important; /* Prevent flash */
}
#cv-form #resume-label{
    display:flex;
    background-color: black;
    margin-top:-1%;
  }
  #resume-label span{
    color:white;
  }
  #resume-label img{
    filter:invert(100%);
    margin-block:auto;
    width:6%;
    position: absolute;
    left: 1rem;
  }
  #cv-submit{
    display:block;
    width:21.5%;
    right:11.5%;
    height:40px;
    background-color:white;
  }
  #cv-submit .text{
    color:black;
  }
  #cv-submit .wave{
    filter:invert(100%);
  }
  #cv-submit:hover .text{
    color:white;
  }
  footer{
    margin-top:10%;
  }
/*Mobile Only*/
@media(max-width:768px){
  .heading .mobile-heading {
    width: 100% !important;         /* full width to center with flex */
    max-width: 90vw !important;     /* constrain width within viewport */
    margin:0 auto !important;      /* center horizontally */
    padding: 0 !important;
    text-align: center !important;
    flex-shrink: 0 !important; 
  }
.heading {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column; /* stack children vertically */
    width: 100%;
    text-align: center;     /* center inline content */
    padding: 0 !important;
    margin: 0 auto !important;
    gap:0.65rem;
  }

  .heading h6 {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    flex-shrink: 0;
    font-weight:300;
    font-size: clamp(14px, 1.4vw, 20px);
  }
  .cv-container{
    flex-direction:column;
    width:90vw;
    margin-top:20%;
  }
  #cv-form{
    width:80vw;
    margin-inline:auto;
  }
  #cv-form input, #cv-form textarea{

    min-height:50px;
    padding:8%;
    font-size: clamp(16px, 2.1vw, 24px);
    font-family:'Poppins',sans-serif;
    font-weight:var(--light-weight);
    min-width:80vw;
  }
  #cv-form #resume-label{
    min-height:52px;
    min-width:80vw;
    margin-top:-0.5%;
  }
  #resume-label img{
    padding-left:5%;
    filter:invert(100%);
    width:11.5%;
  }
  #resume-label span{
    position:relative;
  }
  #cv-form label{
    margin-left:3%;
  }
  #touch-heading{
    display:none;
  }
  #cv-submit{
    display: block;
    border-radius: 20px;
    width: 70vw;               /* 70% of viewport width */
    margin-inline:auto;
    height: 50px;
    text-align: center;        /* center inner text */
    right:auto;
    position: static; 
    margin-top:10%;
  }
  #cv-submit .wave{
    display:none;
  }
  #cv-submit .text{
    font-size: clamp(16px, 2.1vw, 24px);

  }
}