*,
::after,
::before {
  box-sizing: border-box;
}
.desktop-menu a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-icons{
  height:clamp(1rem,1.3vw,1.5rem);
  width:clamp(1rem,1.3vw,1.5rem);
  margin-right: 5px;
}
.m-bicon{
  height:clamp(0.79rem,1.1vw,1.5rem);
  width:clamp(0.79rem,1.1vw,1.5rem);
}
.bkn,
.hamburger-button {
  box-sizing: border-box;
  overflow: hidden;
}
.bkn,
.hidn {
  overflow: hidden;
}
.LPD a,
.fqheading,
.heading,
.overlay,
form button,
h1,
h2,
h4,
#header_nav {
  color: #fff;
}
.hero a,
#header_nav {
  position: relative;
}
.LPD a,
.childJA .mpage a,
.hero a {
  transition: 0.5s ease-in-out;
}
.childJA ul li,
.fq-question li:first-child {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-weight: 700;
}
.LPD a,
.childJA .mpage a,
.childJA ul li a,
.dropdown-menu a,
.hero a,
.tp a {
  text-decoration: none;
}
body {
  font-family: Arial, sans-serif;
  margin: 0;
  background-color: #fff;
  text-transform: capitalize;
}
.dktp {
  background: linear-gradient(135deg, #012f8b, #0279b0);
}
.heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 1vw, 2rem);
  justify-content: center;
  height: clamp(6rem, 28vw, 40rem);
}
.heading p {
  margin: 0;
  font-weight: 700;
  text-align: center;
}
.heading p:first-child {
  font-size: clamp(0.9rem, 3.8vw, 2rem);
}
.heading p:nth-child(2) {
  font-size: clamp(0.8rem, 3.5vw, 2rem);
  text-transform: lowercase;
}
#header_nav {
  background-color: #0d298e;
  z-index: 100;
}
.mobile-nav-header {
  display: flex;
  align-items: center;
  padding: 3px 10px;
}
.menu-left {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: clamp(0.3rem, 2vw, 2rem);
}
.hamburger-button,
.hero {
  flex-direction: column;
  text-align: center;
}
.menu-left span {
  font-size: clamp(0.8rem, 3.6vw, 2rem);
  font-weight: 700;
}
.hamburger-button {
  width: 22px;
  height: 15px;
  display: flex;
  justify-content: space-between;
  background: 0 0;
  border: none;
  padding: 0;
  cursor: pointer;
}
.livbtn,
.live {
  align-items: center;
}
.hamburger-button .bar {
  width: 100%;
  height: 1.8px;
  border-radius: 2px;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.dropdown-menu {
  display: none;
  background-color: #012f6c;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding-block: clamp(0.3rem, 2vw, 1rem);
}
.bkn,
.hidn,
.live {
  background-color: #fff;
}
.bkn,
.live {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.dropdown-menu.active {
  display: block;
}
.dropdown-menu a {
  display: block;
  padding-block: clamp(0.4rem, 1.5vw, 2rem);
  margin-bottom: clamp(0.5rem, 1vw, 2rem);
  color: #fff;
  font-size: clamp(0.8rem, 3.2vw, 1.3rem);
  margin-inline: clamp(1rem, 2vw, 3rem);
}
.hamburger-button.active .bar:first-child {
  transform: translateX(7px) rotate(-47deg);
}
.hamburger-button.active .bar:nth-child(2) {
  transform: rotate(50deg);
}
.hamburger-button.active .bar:nth-child(3) {
  transform: translateX(-4px) rotate(133deg);
  width: 19px;
}
.desktop-menu {
  display: none;
}
#mobile-menu a{
  margin-bottom:clamp(0.7rem,2vw,2rem);
}
.JA,
.LPD,
.LPD a,
.childJA .mpage,
.childJA ul,
.hero,
.livbtn,
.live,
.onoff,
form .btnsbd {
  display: flex;
}
.livbtn {
  padding-block: clamp(0.5rem, 1vw, 8rem);
}
.live {
  margin-right: clamp(0.3rem, 2vw, 3rem);
  margin-left: 5px;
  border: 0.5px solid #000;
  justify-content: space-evenly;
  border-radius: 20px;
  height: clamp(1rem, 4.8vw, 1.5rem);
  width: clamp(10.5rem, 35vw, 15rem);
}
.bkn,
.hero a i {
  margin-right: 5px;
}
.onoff {
  align-items: center;
  justify-content: center;
  height: clamp(0.4rem, 2.1vw, 0.65rem);
  width: clamp(0.4rem, 2.1vw, 0.65rem);
  border-radius: 50px;
  animation: 0.5s ease-in-out infinite alternate liveup;
}
.livtext {
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: clamp(0.6rem, 2.8vw, 0.8rem);
}
.bkn {
  border-radius: 10px;
  border: 0.5px solid #000;
  flex-grow: 1;
  padding-block: clamp(0.1rem, 1.2vw, 3rem);
}
.hidn {
  margin-inline: 10px;
}
.FqSection,
.JA,
.LPD,
.formcn,
.hero {
  margin-inline: 5px;
}
.bkn p {
  animation: 25s linear infinite scroll-left;
  font-size: clamp(0.7rem, 2.8vw, 2rem);
  margin: 0;
  margin-inline: 20px;
  width: max-content;
  font-weight: 700;
  color: red;
}
.childJA .mpage,
.formcn,
.hero a {
  margin-inline: auto;
}
@keyframes liveup {
  0% {
    background-color: red;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes scroll-left {
  0% {
    transform: translateX(30%);
  }
  100% {
    transform: translateX(-90%);
  }
}
.hero {
  border: 0.5px solid green;
  margin-top: clamp(1rem, 2vw, 3rem);
}
.childJA,
.hero-content .webtitle {
  flex-direction: column;
  display: flex;
}
.fqheading,
h1,
h2 {
  margin-top: 0;
  text-align: center;
}
.hero-content {
  background-color: #f0f8ff;
}
.childJA,
.error-message,
.hero a,
.success-message,
form {
  background-color: #fff;
}
h1 {
  background-color: #115a01f3;
  padding-block: clamp(0.8rem, 1.8vw, 4rem);
  font-size: clamp(1.3rem, 6.5vw, 3rem);
}
.hero-content .webtitle p:first-child {
  font-size: clamp(0.8rem, 3.3vw, 1.2rem);
  color: red;
  font-weight: 700;
  display: inline;
  text-align: center;
  margin: 0;
  padding-block: clamp(0.5rem, 2vw, 3rem);
}
.hero-content .webtitle p:nth-child(2) {
  margin: 0;
  padding-inline: 10px;
  font-size: clamp(0.7rem, 2.8vw, 0.9rem);
  line-height: 1.7;
  text-align: center;
  font-weight: 700;
}
.hero-content .webtitle p:nth-child(3) {
  margin-block: clamp(0.5rem, 1vw, 2rem);
  text-align: center;
  color: #1da1f2;
  font-weight: 700;
  font-size: clamp(0.8rem, 2.8vw, 2rem);
}
.hero a {
  box-shadow: 0 3px 5px rgb(0, 0, 0, 0.3);
  color: green;
  font-size: clamp(0.7rem, 3vw, 3rem);
  font-weight: 700;
  width: fit-content;
  padding-inline: clamp(0.5rem, 2vw, 3rem);
  padding-block: clamp(0.3rem, 0.7vw, 3rem);
  margin-block: clamp(0.5rem, 2vw, 4rem);
  border-radius: clamp(0.5rem, 1vw, 5rem);
  border: 0.5px solid #000;
}
.LPD a,
form input {
  padding-block: 5px;
}
.hero a:hover {
  transform: translateY(-3px);
  transform: scale(1.1);
  box-shadow: 0 5px 8px #000;
}
.hero a:active {
  transform: translateX(20px);
  box-shadow: 0 0 10px;
  opacity: 0;
  background-color: #006400;
}
.LPD {
  flex-wrap: wrap;
  gap: 2px;
  border: 0.5px solid #000;
  padding: clamp(0.2rem, 1.3vw, 2rem);
  margin-block: clamp(1rem, 2vw, 4rem);
}
.LPD a {
  width: 25%;
  flex-grow: 1;
  padding-inline: 7px;
  text-align: center;
  border-radius: 1px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  align-items: center;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(0.65rem, 2.8vw, 0.9rem);
  font-weight: 700;
}
#all-gov-info h2,
form .fdiv {
  font-size: clamp(0.8rem, 3.8vw, 2rem);
}
.LPD a:first-child {
  background-color: #680864;
}
.LPD a:nth-child(2) {
  background-color: #2c596d;
}
.LPD a:nth-child(3) {
  background-color: #076001;
}
.LPD a:nth-child(4) {
  background-color: #740101;
}
.LPD a:nth-child(5) {
  background-color: #b22a23;
}
.LPD a:nth-child(6) {
  background-color: #0c0171;
}
.LPD a:nth-child(7) {
  background-color: #605301;
}
.LPD a:nth-child(8) {
  background-color: #ea02b4;
}
.LPD a:nth-child(9) {
  background-color: #2e8b57;
}
.LPD a:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 5px #2a2a2b;
  background-color: #406000;
}
.childJA {
  border: 0.5px solid green;
  margin-bottom: clamp(1rem, 3vw, 2rem);
}
h2 {
  background-color: #910000;
  padding-block: clamp(0.4rem, 4vw, 4rem);
  font-size: clamp(1rem, 4vw, 2.5rem);
  font-weight: 700;
}
#all-gov-info h2 {
  line-height: 1.6;
  background-color: #015d81;
}
.childJA ul {
  padding-left: clamp(1.4rem, 6vw, 5rem);
  padding-right: clamp(0.5rem, 2vw, 3rem);
  flex-direction: column;
  margin-bottom: 10px;
}
.childJA ul li {
  margin-bottom: clamp(0.4rem, 3.8vw, 2rem);
  font-size: clamp(0.8rem, 3.4vw, 1.1rem);
  line-height: 1.3;
  border-bottom: 1px solid #000;
}
#all-gov-info ul li {
  font-size: clamp(0.8rem, 3.8vw, 1.2rem);
  font-weight: 700;
}
#all-gov-info ul {
  list-style-type: square;
}
#all-gov-info ul li::marker{
  color: black;
}
.childJA ul li a:hover {
  text-decoration-color: rgb(2, 117, 12);
  color: #000;
  font-weight: 600;
}
.childJA ul li a:hover b {
  color: #d40101;
}
.childJA .mpage {
  text-align: center;
  justify-content: center;
}
.childJA .mpage a {
  padding-block: clamp(0.3rem, 0.4vw, 1rem);
  padding-inline: clamp(0.3rem, 2.5vw, 1rem);
  margin-block: clamp(1rem, 2vw, 5rem);
  border-radius: 10px;
  font-size: clamp(0.7rem, 2.8vw, 1.2rem);
  background-color: #1f7a3a;
  color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.childJA .mpage a:hover {
  transform: scale(1.1);
}
.childJA .mpage a:active {
  transform: translateX(10px);
  opacity: 0;
  background-color: #07e307;
}
.FqSection,
.success-message,
form,
form input {
  border: 0.5px solid #000;
}
.fq-question {
  margin-bottom: clamp(0.8rem, 3vw, 3rem);
}
.fqheading {
  background-color: #a43502;
  line-height: 1.8;
  padding-inline: 10px;
  padding-block: clamp(0.4rem, 2vw, 2rem);
  font-size: clamp(0.8rem, 3.5vw, 2rem);
}
.fq-question article {
	font-weight: 600;
  padding-inline: clamp(0.2rem, 3vw, 3rem);
}
.fq-question article a {
  margin-bottom: clamp(0.5rem, 2vw, 3rem);
}
.fq-question article p:first-child {
  font-size: clamp(0.7rem, 3.5vw, 2rem);
  line-height:2;
}
.fq-question article p:nth-child(2) {
  font-size: clamp(0.8rem, 3.6vw, 2rem);
  line-height: 1.9;
  font-weight: 700;
}
.formcn {
  margin-top: clamp(1rem, 2vw, 3rem);
  border-radius: 10px;
  width: 95%;
}
.overlay {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  background-color: #3a8000;
  height:60px;
  box-shadow: 0 5px 8px #5162b983;
  font-weight: 700;
  border-radius: 10px;
  margin-top:clamp(0.5rem,0.8vw,3rem);
  padding-inline: clamp(0.5rem, 1vw, 4rem);
  text-align: center;
  font-size: clamp(0.7rem, 3vw, 3rem);
  line-height: 1.7;
  display:none;
}
.error-message,
.success-message {
  font-size: clamp(0.7rem, 2vw, 2rem);
  padding-inline: clamp(0.5rem, 0.5vw, 2rem);
  display:none;
  font-weight: 700;
}
.formcn h2 {
  font-size: clamp(0.9rem, 4vw, 3rem);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: 0;
  text-align: center;
  background: linear-gradient(45deg, #b20528, #1900ff);
  padding-block: clamp(0.5rem, 3vw, 3rem);
}
form {
  padding-bottom: clamp(1rem, 2vw, 3rem);
  padding-top: 30px;
}
form .fdiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-inline: clamp(0.9rem, 3vw, 2rem);
  margin-bottom: clamp(1rem, 3vw, 3rem);
}
form input {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 5px;
  padding-inline: 5px;
  font-size: clamp(0.7rem, 3vw, 2rem);
}
form label {
  width: 50%;
  margin-right: clamp(1rem, 2vw, 3rem);
  margin-left: 7px;
  line-height: 1.5;
  font-size: clamp(0.7rem, 3.5vw, 2rem);
}
.error-message,
.success-message,
form button {
  width: fit-content;
  margin-inline: auto;
}
form button {
  background-color: #028402;
  box-shadow: 0 0 8px rgb(119, 96, 182, 0.7);
  border-radius: 8px;
  border: none;
  padding-inline: clamp(0.4rem, 2vw, 1.2rem);
  padding-block: clamp(0.2rem, 0.5vw, 1.2rem);
  margin-block: clamp(0.5rem, 3vw, 3rem);
  font-size: clamp(0.8rem, 2.8vw, 1.5rem);
}
.success-message {
  border-radius: 10px;
  justify-content: center;
  padding-block: clamp(0.2rem, 0.5vw, 3rem);
  color: #3b9e02;
  margin-top: 10px;
  margin-top: clamp(1rem, 2vw, 3rem);
  animation: 1s ease-in-out infinite alternate blink;
}
.error-message {
  min-width: 50%;
  max-width: 90%;
  padding-block: clamp(0.2rem, 0.5vw, 2rem);
  margin-top: 10px;
  color: #aa0303;
  border: 0.5px solid #000;
  border-radius: 10px;
  justify-content: center;
  animation: 1s ease-in-out infinite alternate blinkred;
}
@keyframes blink {
  0% {
    transform: scale(1.05);
    text-shadow: 0 0 1px green;
    color: #04a204;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.499);
  }
  50% {
    transform: scale(1.1);
    text-shadow: 0 0 1px #90ee90;
    box-shadow: 0 0 7px #0c6b0f;
  }
  100% {
    color: #81c31f;
    transform: scale(1);
  }
}
@keyframes blinkred {
  0% {
    transform: scale(1.05);
    text-shadow: 0 0 0.5px #80001a;
    color: #ff0008;
    box-shadow: 0 0 5px rgba(195, 14, 14, 0.499);
  }
  50% {
    transform: scale(1.1);
    text-shadow: 0 0 1px #bd6704;
    box-shadow: 0 0 7px #9c0135;
  }
  100% {
    color: #f80202;
    transform: scale(1);
  }
}
.footer-logo img {
  width: 100px;
  margin-bottom: 20px;
}
.social-media-links {
  min-height: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 50px;
  padding-block: clamp(1rem, 2vw, 4rem);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.social-media-links a {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  line-height: 1.5;
  font-size: clamp(0.6rem, 2.4vw, 2rem);
  font-weight: 700;
  margin: 0 15px;
  text-decoration: none;
  transition: color 0.3s;
}
.copyright p,
.tp a {
  font-size: clamp(0.7rem, 2.8vw, 2rem);
}
.social-media-links a .footer-icons{
  height: clamp(0.95rem,1.5vw,2rem);
  width: clamp(0.95rem,1.5vw,2rem);
}
.copyright,
.tp a {
  text-align: center;
  color: #fff;
}
.social-media-links a:hover {
  color: #0af;
}
.copyright p {
  margin: 0;
  padding-block: clamp(1rem, 5vw, 5rem);
}
.tp {
  display: flex;
  justify-content:center;
  gap: clamp(0.8rem,4vw,1rem);
  flex-wrap: wrap;
  padding-block: clamp(0.6rem, 2vw, 4rem);
  padding-inline:clamp(0.8rem,3vw,2rem);
}
.tp a {
  width:fit-content;
  padding-block: clamp(0.5rem, 0.8vw, 3rem);
}
.footer_page_link{
	background-color: black;
	text-transform: capitalize;
}
.add_new_page_link{
	display: flex;
	flex-direction:row;
	margin-block:clamp(0.5rem,1vw,3rem);
}
@media screen and (min-width: 0px) and (max-width: 600px){
  .JA {
    flex-direction: column;
  }
  .LPD {
    margin-block: clamp(1.5rem, 12vw, 10rem);
    background-color: rgb(200, 150, 100, 0.4);
  }
  .hero {
    margin-top: clamp(1.5rem, 6vw, 10rem);
  }
  .tp a{
	flex-grow: 1;
  }
  .formcn{
    height: clamp(18rem,70vw,30rem);
  }
.main-icons{
  height:clamp(1rem,4vw,2rem);
  width:clamp(1rem,4vw,2rem);
  margin-right:5px;
}
.m-bicon{
  height:clamp(0.8rem,3.3vw,2rem);
  width:clamp(0.8rem,3.3vw,2rem);
}
}
@media screen and (min-width: 600px) and (max-width: 1025px){
  .live,
  main {
    border: 0.5px solid #000;
  }
  #mobile-menu{
    display:none;
  }
  .dktp,
  .livbtn,
  .live,
  .onoff {
    display: flex;
  }
  .livbtn,
  .live {
    align-items: center;
    display: flex;
  }
  .bkn,
  .hidn {
    background-color: #fff;
  }
  .FqSection,
  .formcn,
  .live,
  main {
    margin-inline: auto;
  }
  .LPD,
  .bkn,
  .hidn {
    overflow: hidden;
  }
  .LPD::after,
  .LPD::before {
    content: "";
    position: absolute;
    z-index: -1;
  }
  .LPD,
  .childJA {
    position: relative;
  }
  #all-gov-info h2,
  .childJA ul li {
    font-size: clamp(0.85rem, 1.4vw, 3rem);
  }
  .hero a,
  form button,
  h2 {
    padding-inline: clamp(0.5rem, 1vw, 2rem);
  }
  body {
    background-color: #e4e4e4;
  }
  main {
    background-color: #efefef;
    padding-inline: clamp(1rem, 1vw, 4rem);
  }
  .livbtn {
    justify-content: space-between;
    padding-block: clamp(0.5rem, 1.5vw, 8rem);
    padding-right: clamp(0.3rem, 0.5vw, 3rem);
  }
  .live {
    justify-content: space-evenly;
    padding-block: 0;
    border-radius: 20px;
    height: clamp(1.2rem, 2vw, 4rem);
    min-width: 50px;
    max-width: 55px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  }
  .bkn,
  .hero {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  }
  .onoff {
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    height: clamp(0.5rem, 0.8vw, 2rem);
    width: clamp(0.5rem, 0.8vw, 2rem);
    animation: 0.5s ease-in-out infinite alternate liveup;
  }
  .livtext {
    font-size: clamp(0.7rem, 1vw, 2rem);
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  .bkn {
    border: 0.5px solid rgba(56, 56, 56, 0.3);
    border-radius: 10px;
    flex-grow: 1;
    box-sizing: border-box;
    padding-block: clamp(0.5rem, 0.8vw, 3rem);
    margin-right: 0;
    margin-left: clamp(0.5rem, 1.2vw, 3rem);
  }
  .LPD,
  .hero {
    border: none;
  }
  .LPD,
  .LPD a {
    border-radius: 10px;
  }
  .hidn {
    margin-inline: 10px;
  }
  .bkn p {
    animation: 25s linear infinite scroll-left;
    margin: 0;
    margin-inline: 20px;
    font-size: clamp(0.7rem, 1.1vw, 3rem);
    color: red;
    font-weight: 700;
  }
  @keyframes liveup {
    0% {
      background-color: red;
    }
    100% {
      background-color: #fff;
    }
  }
  @keyframes scroll-left {
    0% {
      transform: translateX(65%);
    }
    100% {
      transform: translateX(-90%);
    }
  }
  .dktp {
    align-items: center;
  }
  #header_nav {
    flex-grow: 1;
    background-color: transparent;
  }
  .heading {
    height: clamp(5rem, 8vw, 40rem);
    gap: clamp(0.5rem, 0.8vw, 4rem);
    padding-inline: clamp(0.5rem, 1.8vw, 2rem);
  }
  .heading p:first-child {
    font-size: clamp(0.8rem, 1.4vw, 3rem);
	line-height: 1.8;
  }
  .desktop-menu a,
  .heading p:nth-child(2) {
    font-size: clamp(0.7rem, 1.2vw, 3rem);
  }
  .dropdown-menu,
  .mobile-nav-header {
    display: none;
  }
  .desktop-menu {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding-inline: clamp(1rem, 1vw, 3rem);
    gap: clamp(0.5rem, 1.8vw, 4rem);
  }
  .desktop-menu a {
    width: max-content;
    color: #fff;
    margin-block: clamp(0.7rem, 1.2vw, 3rem);
    text-decoration: none;
	transition: all 0.5s ease;
  }
.desktop-menu a:hover {
  color:aquamarine;
  transform: scale(1.15);
  text-decoration: underline;
}
.main-icons{
  height:clamp(1rem,1.4vw,1.5rem);
  width:clamp(1rem,1.4vw,1.5rem);
  margin-right: 5px;
}
.m-bicon{
  height:clamp(0.8rem,1.1vw,1.5rem);
  width:clamp(0.8rem,1.1vw,1.5rem);
}
  .hero {
    margin: 0;
    margin-top: clamp(1rem, 2vw, 8rem);
    background-color: #ffffff;
  }
  .hero-content {
    background-color: transparent;
  }
  h1 {
    font-size: clamp(1rem, 2.7vw, 4rem);
    padding-block: clamp(0.5rem, 1vw, 3rem);
    margin-bottom: clamp(0.5rem, 0.8vw, 3rem);
  }
  .hero-content .webtitle p:first-child {
    font-size: clamp(0.8rem, 1.4vw, 3rem);
    font-weight: 700;
    padding-top: clamp(0.5rem, 0.5vw, 2rem);
  }
  .hero-content .webtitle p:nth-child(2) {
    font-size: clamp(0.6rem, 1.2vw, 3rem);
    width: 80%;
    color: #2a3fa9;
    font-weight: 700;
    margin-inline: auto;
    text-align: center;
  }
  .hero-content .webtitle p:nth-child(3) {
    font-size: clamp(0.8rem, 1.5vw, 3rem);
  }
  .hero a {
    font-size: clamp(0.65rem, 1.1vw, 3rem);
    padding-block: clamp(0.3rem, 0.5vw, 2rem);
    margin-block: clamp(0.5rem, 1vw, 3rem);
  }
  .add_new_page_link{
	padding-block: clamp(0.5rem, 0.5vw, 8rem);
	background-color: rgb(255, 245, 233);
	margin-top: clamp(0.5rem, 1vw, 3rem);
	margin-bottom: 0;
  }
  .LPD {
    margin-inline: 0;
    margin-block: clamp(2rem, 4vw, 10rem);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    gap: clamp(0.2rem, 0.6vw, 5rem);
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    padding: 10px;
  }
  .LPD::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
      45deg,
      red,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      red
    );
    background-size: 400%;
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .LPD::after {
    inset: 4px;
    background: #f6f6f6;
    border-radius: 18px;
  }
  .LPD:hover::before {
    opacity: 1;
    animation: 10s linear infinite alternate glowing;
  }
  .LPD:hover {
    transform: scale(1);
  }
  @keyframes glowing {
    0%,
    100% {
      background-position: 0 0;
    }
    50% {
      background-position: 400% 0;
    }
  }
  .LPD a {
    width: 18%;
    padding-block: clamp(0.5rem, 1vw, 2rem);
    padding-inline: clamp(0.5rem, 1vw, 1.5rem);
    font-size: clamp(0.75rem, 1.32vw, 3rem);
    justify-content: center;
    line-height: 1.2;
    font-weight: 400;
  }
  .JA {
    margin-top: clamp(2rem, 2vw, 7rem);
    margin-inline: 10px;
    gap: clamp(0.5rem, 1vw, 3rem);
    flex-direction:row;
	flex-wrap: wrap;
  }
  .mpage,
  .tp a {
    margin-top: 0;
  }
  .childJA {
	width:35%;
    border: 0.5px solid #000;
    padding-bottom: clamp(3rem, 1vw, 5rem);
    flex-grow: 1;
    background-color: #fff;
    margin-bottom: 10px;
  }
  h2 {
    font-size: clamp(1rem, 1.6vw, 2rem);
    padding-block: clamp(0.6rem, 1vw, 3rem);
  }
  .childJA ul {
    padding-left: clamp(1.4rem, 3vw, 3rem);
    padding-right: 7px;
  }
  .childJA ul li {
    margin-bottom: clamp(0.3rem, 1.6vw, 1.5rem);
    line-height: 1.3;
  }
  #all-gov-info ul li {
    font-size: clamp(0.75rem, 1.2vw, 2rem);
    line-height: 1.5;
    color: #1e90ff;
    font-weight: 700;
  }
  #all-gov-info ul li a {
    color: #0157d7;
  }
  .mpage {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    justify-content: center;
  }
  .childJA .mpage a {
    margin: 0;
    font-size: clamp(0.6rem, 1.1vw, 2rem);
    padding-block: 4px;
    padding-inline: 7px;
  }
  .FqSection {
    border: none;
    margin-top: clamp(4rem, 4vw, 8rem);
    background-color: #fafafa;
  }
  .fqheading {
    font-size: clamp(0.75rem, 1.2vw, 3rem);
    padding-block: clamp(0.3rem, 0.8vw, 1rem);
    padding-inline: clamp(1rem, 1vw, 3rem);
  }
  .fq-question article {
    padding-inline: clamp(1.3rem, 3vw, 3rem);
    font-weight: 700;
  }
  .fq-question article p:first-child {
    font-size: clamp(0.8rem, 1.4vw, 2rem);
    line-height:2;
  }
  .fq-question article p:nth-child(2) {
    font-size: clamp(0.8rem, 1.2vw, 2rem);
    line-height: 2.2;
  }
  .formcn {
    width: 50%;
    height:clamp(19rem,32vw,30rem);
  }
  #myform{
    box-shadow: 0 0 10px rgba(161, 155, 155, 0.707);
  }
  .formcn h2 {
    font-size: clamp(0.8rem, 1.4vw, 2rem);
    padding-block: clamp(0.5rem, 0.8vw, 2rem);
  }
  form .fdiv {
    font-size: clamp(0.8rem, 1.2vw, 3rem);
    margin-bottom: clamp(0.8rem, 1.5vw, 3rem);
    font-weight: 700;
  }
  form label {
    font-size: clamp(0.7rem, 1vw, 3rem);
    margin-left: 10px;
    color: #00008b;
  }
  form input {
    font-size: clamp(0.7rem, 0.9vw, 3rem);
  }
  form button {
    margin-top: clamp(0.5rem, 1.8vw, 2rem);
    margin-bottom: 5px;
    font-size: clamp(0.6rem, 1vw, 2rem);
    box-shadow: 0 3px 5px #000;
    padding-block: clamp(0.2rem, 0.3vw, 2rem);
  }
  .overlay {
    height: 50px;
    font-size: clamp(0.7rem, 1.3vw, 2rem);
    text-align: center;
    line-height: 1.5;
    padding-inline: clamp(1rem, 2vw, 3rem);
    align-items: center;
  }
  .error-message,
  .success-message {
    margin-block: clamp(1rem, 2.5vw, 3rem);
    font-size: clamp(0.6rem, 1.2vw, 2rem);
  }
  .error-message {
    min-width: fit-content;
    max-width: max-content;
  }
  .social-media-links {
    height: 20px;
    padding-block: 10px;
  }
  footer{
    padding-top: 10px;
    background-color: #ffffff;
  }
  .social-media-links a {
	transition: all 0.5s ease;
    font-size: clamp(0.5rem, 0.9vw, 3rem);
    margin-inline: clamp(1rem, 2vw, 3rem);
  }
  .social-media-links{
    margin-top: 10px;
  }
  .copyright p{
	padding-block: clamp(1rem, 0.5vw, 8rem);
  }
  .copyright p,
  .tp a {
    font-size: clamp(0.7rem, 1vw, 2rem);
  }
  .social-media-links a .footer-icons{
  height: clamp(0.9rem,1.3vw,2rem);
  width: clamp(0.9rem,1.3vw,2rem);
}
.social-media-links a:hover{
	transform: scale(1.15);
	color: aquamarine;
  }
  .tp {
    display: flex;
    padding-block: clamp(0.5rem, 1.8vw, 3rem);
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(1rem, 3vw, 4rem);
  }
.tp a:hover{
	transform: scale(1.15);
	color: aquamarine;
	text-decoration: underline;
  }
  .tp a {
	transition: all 0.5s ease;
    margin-bottom: 0;
    width: fit-content;
	flex-grow: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1441px){
  .dktp,
  .livbtn,
  .live,
  .onoff {
    display: flex;
  }
    #mobile-menu{
    display:none;
  }
  .livbtn,
  .live {
    align-items: center;
    display: flex;
  }
  .bkn,
  .hidn,
  body,
  main {
    background-color: #fff;
  }
  .heading,
  #header_nav {
    background-color: transparent;
  }
  .FqSection,
  .formcn,
  .live,
  main {
    margin-inline: auto;
  }
  .LPD,
  .bkn,
  .hidn {
    overflow: hidden;
  }
  .LPD::after,
  .LPD::before {
    content: "";
    position: absolute;
    z-index: -1;
  }
  .LPD,
  .childJA {
    position: relative;
  }
  main {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 15px;
    width: 90%;
    padding-inline: clamp(1rem, 1vw, 4rem);
    border: 0.5px solid #000;
  }
  .livbtn {
    justify-content: space-between;
    padding-block: clamp(0.5rem, 1vw, 8rem);
    padding-right: clamp(0.3rem, 0.5vw, 3rem);
  }
  .live {
    border: 0.5px solid #000;
    justify-content: space-evenly;
    padding-block: 0;
    border-radius: 20px;
    height: clamp(1rem, 1.5vw, 4rem);
    width: clamp(3.5rem, 5.5vw, 5.5rem);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  }
  .onoff {
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    animation: 0.5s ease-in-out infinite alternate liveup;
    height: clamp(0.45rem, 0.65vw, 3rem);
    width: clamp(0.45rem, 0.65vw, 3rem);
  }
  .livtext {
    font-size: clamp(0.6rem, 0.9vw, 2rem);
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  .bkn {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border: 0.5px solid rgba(56, 56, 56, 0.298);
    border-radius: 10px;
    flex-grow: 1;
    box-sizing: border-box;
    padding-block: clamp(0.3rem, 0.8vw, 3rem);
    margin-right: 0;
    margin-left: clamp(0.5rem, 1.2vw, 3rem);
  }
  .hidn {
    margin-inline: 10px;
  }
  .bkn p {
    animation: 30s linear infinite scroll-left;
    margin: 0;
    margin-inline: 20px;
    font-size: clamp(0.7rem, 1.1vw, 3rem);
    color: #cb0404;
    font-weight: 700;
  }
  @keyframes liveup {
    0% {
      background-color: red;
      box-shadow: 0 0 5px red;
    }
    100% {
      background-color: #fff;
    }
  }
  @keyframes scroll-left{
    0% {
      transform: translateX(70%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .dktp{
    align-items: center;
  }
  #header_nav{
    flex-grow: 1;
    padding-inline: clamp(0.3rem, 1vw, 2rem);
  }
    .site-header{
    position:sticky;
    top: 0;
    z-index:999;
    transition: all 0.5s ease;
  }
  .site-header.is-sticky{
    box-shadow: 0 5px 10px rgb(159, 155, 155);
    background-color: rgb(255, 255, 255);
    margin-inline: 0;
}
  .heading{
    padding-inline: clamp(1rem, 1.5vw, 2rem);
    justify-content: center;
	gap: clamp(0.5rem,0.5vw,1rem);
    height: clamp(5rem, 6vw, 40rem);
    align-items: center;
  }
  .heading p:first-child{
    margin-top:0;
    font-size: clamp(0.9rem, 1.15vw, 3rem);
  }
  .heading p:nth-child(2){
    font-size: clamp(1rem, 1.1vw, 3rem);
  }
  .dropdown-menu,
  .mobile-nav-header {
    display: none;
  }
  .desktop-menu{
    display: block;
    display: flex;
    justify-content: end;
    gap: clamp(1rem, 1.4vw, 4rem);
    padding-right:clamp(1rem,1vw,2rem);
  }
  .desktop-menu a{
    color: #fff;
    font-size: clamp(0.75rem, 1vw, 3rem);
    margin-block: clamp(0.7rem, 1vw, 3rem);
    text-decoration: none;
	transition: all 0.5s ease;
  }
  .desktop-menu a:hover{
	transform: scale(1.15);
	text-decoration: underline;
	color: aqua;
  }
  .main-icons{
  height:clamp(1rem,1.42vw,1.5rem);
  width:clamp(1rem,1.42vw,1.5rem);
  margin-right: 5px;
}
.m-bicon{
  height:clamp(0.8rem,1.08vw,1.5rem);
  width:clamp(0.8rem,1.08vw,1.5rem);
}
  .hero {
    margin: 0;
    margin-top: clamp(1rem, 1.2vw, 8rem);
    border: none;
	border-radius: 10px;
    background-color: #fffdfd;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  }
  .hero-content {
    background-color:#ffffff;
  }
  h1 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    font-size: clamp(1rem, 2.2vw, 4rem);
    padding-block: clamp(0.5rem, 0.6vw, 3rem);
    margin-bottom: clamp(0.5rem, 0.8vw, 3rem);
  }
  .hero-content .webtitle p:first-child {
    font-size: clamp(0.8rem, 1.2vw, 3rem);
    font-weight: 700;
    padding-top: clamp(0.5rem, 0.5vw, 2rem);
	padding-bottom:clamp(0.5rem, 1vw, 2rem) ;
  }
  .hero-content .webtitle p:nth-child(2) {
    font-size: clamp(0.7rem, 1.05vw, 3rem);
    width: 80%;
    color: #2a3fa9;
    font-weight: 700;
    margin-inline: auto;
    text-align: center;
  }
  .fqheading,
  .hero-content .webtitle p:nth-child(3) {
    font-size: clamp(0.8rem, 1vw, 3rem);
  }
  .hero a {
    font-size: clamp(0.65rem, 1vw, 3rem);
    padding-block: clamp(0.2rem, 0.4vw, 2rem);
    padding-inline: clamp(0.3rem, 1vw, 1rem);
    margin-block: clamp(0.5rem, 0.7vw, 2rem);
  }
  .hero .add_new_page_link {
	margin-block:clamp(0.4rem,1vw,2rem);
	gap: clamp(0.5rem,1vw,2rem);
  }
  .LPD {
    margin-inline: 0;
    border: 0.5px solid #000;
    border-radius: 20px;
    margin-block: clamp(2rem, 3vw, 10rem);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    gap: clamp(0.3rem, 0.4vw, 5rem);
    background-color: rgba(0, 0, 0, 0.02);
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
  }
  .LPD::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
      45deg,
      red,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      red
    );
    background-size: 400%;
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .LPD::after {
    inset: 4px;
    background: #f6f6f6;
    border-radius: 18px;
  }
  .LPD:hover::before {
    opacity: 1;
    animation: 10s linear infinite alternate glowing;
  }
  .LPD:hover {
    transform: scale(1);
  }
  @keyframes glowing {
    0%,
    100% {
      background-position: 0 0;
    }
    50% {
      background-position: 400% 0;
    }
  }
  .LPD a {
    width: 20%;
    padding-block: clamp(0.5rem, 0.8vw, 2rem);
    padding-inline: clamp(0.5rem, 1vw, 1.5rem);
    font-size: clamp(0.8rem, 1.17vw, 3rem);
    justify-content: center;
    border-radius: 10px;
  }
  .JA {
    margin-top: clamp(2rem, 2vw, 7rem);
    margin-inline: 10px;
    gap: clamp(0.5rem, 1vw, 3rem);
  }
  .childJA {
    border: 0.5px solid #000;
    padding-bottom: clamp(3rem, 1vw, 5rem);
    width: 33%;
    flex-grow: 1;
    background-color: #fff;
    margin-bottom: 10px;
  }
  h2 {
    font-size: clamp(0.88rem, 1.2vw, 2rem);
    padding-inline: clamp(0.5rem, 1vw, 2rem);
    padding-block: clamp(0.5rem, 0.8vw, 3rem);
    margin-bottom: 0;
  }
  .childJA ul{
    padding-left: clamp(1rem, 2vw, 3rem);
    padding-right: 7px;
  }
  .childJA ul li{
    margin-bottom: clamp(0.3rem, 1.3vw, 2rem);
    font-size: clamp(0.8rem, 1.18vw, 3rem);
    line-height: 1.3;
  }
  #all-gov-info h2 {
    font-size: clamp(0.85rem, 1vw, 3rem);
  }
  #all-gov-info ul li {
    font-size: clamp(0.75rem, 1.1vw, 2rem);
    line-height: 1.6;
    color: #1e90ff;
    font-weight: 700;
  }
  #all-gov-info ul li a {
    color: #0157d7;
  }
  .mpage {
    margin-top: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    justify-content: center;
  }
  .childJA .mpage a {
    margin: 0;
    font-size: clamp(0.65rem, 0.9vw, 2rem);
    padding-inline: clamp(0.3rem, 0.8vw, 2rem);
    font-weight: 700;
  }
  .FqSection {
    border: none;
    margin-top: clamp(4rem, 4vw, 8rem);
    background-color: #ffffff;
  }
  .fqheading {
    padding-block: clamp(0.3rem, 0.4vw, 1rem);
    padding-inline: clamp(1rem, 1vw, 3rem);
    font-size: clamp(0.85rem, 1.1vw, 1.7rem);
  }
  .fq-question article {
    padding-inline:clamp(1.3rem, 2vw, 3rem);
    font-weight: 700;
  }
  .fq-question article  p:first-child {
    font-size: clamp(0.8rem, 1.18vw, 2rem);
    line-height: 2.2;
  }
  .fq-question article p:nth-child(2) {
    font-size: clamp(0.8rem, 1.2vw, 2rem);
    line-height: 2.2;
  }
  .formcn {
    width: 50%;
    height:clamp(19rem,26vw,21.5rem);
    border-bottom-left-radius:10px ;
    border-bottom-right-radius:10px ;
  }
  form{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow: 0 0 8px rgba(112, 78, 78, 0.707);
  }
  .formcn h2 {
    font-size: clamp(0.85rem, 1.1vw, 2rem);
    padding-block: clamp(0.4rem, 0.6vw, 2rem);
  }
  form .fdiv {
    font-size: clamp(0.8rem, 0.9vw, 3rem);
    margin-bottom: clamp(1rem, 1vw, 3rem);
    font-weight: 700;
  }
  form label {
    font-size: clamp(0.7rem, 0.95vw, 3rem);
    margin-left: 10px;
    color: #00008b;
  }
  form input {
    font-size: clamp(0.7rem, 0.9vw, 3rem);
    padding-block: clamp(0.2rem, 0.2vw, 1rem);
  }
  form button {
    margin-top: clamp(0.5rem, 1.8vw, 2rem);
    margin-bottom: 5px;
    font-size: clamp(0.7rem, 0.8vw, 2rem);
    box-shadow: 0 3px 5px rgb(0, 0, 0, 0.4);
    padding-block: clamp(0.2rem, 0.2vw, 2rem);
    padding-inline: clamp(0.3rem, 0.6vw, 2rem);
  }
  .overlay {
    font-size: clamp(0.8rem, 1.12vw, 2rem);
    text-align: center;
    line-height: 1.5;
    padding-inline: clamp(1rem, 2vw, 3rem);
    height: 50px;
  }
  .error-message,
  .success-message {
    margin-block: clamp(1rem, 1.8vw, 3rem);
    font-size: clamp(0.8rem, 1vw, 2rem);
  }
  .error-message {
    min-width: fit-content;
    max-width: max-content;
  }
  .social-media-links {
    height: 40px;
    padding-block:clamp(0.5rem,1vw,2rem);
    margin-top: 15px;
  }
  .social-media-links a {
    font-size: clamp(0.6rem, 0.7vw, 3rem);
    margin-inline: clamp(1rem, 2vw, 3rem);
	transition: all 0.5s ease;
  }
  .social-media-links a:hover{
	transform: scale(1.18);
	color: aqua;
  }
  .copyright p,
  .tp a {
    font-size: clamp(0.7rem, 0.9vw, 2rem);
  }
  .social-media-links a .footer-icons{
  height: clamp(1rem,1.4vw,2rem);
  width: clamp(1rem,1.4vw,2rem);
}
  .tp {
    height: max-content;
    padding-block: clamp(0.5rem, 0.8vw, 3rem);
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(1.5rem, 4vw, 4rem);
  }
  .tp a {
    padding-block: clamp(0.4rem, 0.8vw, 2rem);
    width: fit-content;
	transition: all 0.5s ease;
	margin-block: 0;
  }
  .tp a:hover{
	transform: scale(1.15);
	color: aquamarine;
	text-decoration: underline;
  }
  .copyright p {
    padding-block: clamp(0.5rem, 1.8vw, 3rem);
  }
}
@media screen and (min-width: 1441px) and (max-width: 2561px){
  .bkn p,
  .livtext {
    font-weight: 700;
  }
  #mobile-menu{
    display:none;
  }
  .dktp,
  .livbtn,
  .live,
  .onoff {
    display: flex;
  }
  header,
  main {
    width: 80%;
  }
  .livbtn,
  .live {
    align-items: center;
    display: flex;
  }
  .FqSection,
  .formcn,
  .live,
  header,
  main {
    margin-inline: auto;
  }
  .LPD,
  .bkn,
  .hidn {
    overflow: hidden;
  }
  .LPD::after,
  .LPD::before {
    content: "";
    z-index: -1;
    position: absolute;
  }
  .LPD,
  .childJA {
    position: relative;
  }
  .bkn p,
  form label {
    font-size: clamp(1rem, 0.7vw, 3rem);
  }
  .overlay,
  form input {
    text-align: center;
  }
  .fqheading,
  .overlay {
    padding-inline: clamp(1rem, 1vw, 3rem);
  }
  body {
    background-color: #e4e4e4;
  }
  .FqSection,
  .bkn,
  .childJA,
  .hidn,
  main {
    background-color: #fff;
  }
  main {
    padding-inline: clamp(1rem, 1vw, 4rem);
    padding-bottom: clamp(0.6rem, 0.5vw, 8rem);
    margin-top: 0;
  }
  .livbtn {
    justify-content: space-between;
    padding-block: clamp(0.5rem, 1vw, 8rem);
    padding-right: clamp(0.3rem, 0.5vw, 3rem);
  }
  .live {
    border: 0.5px solid #000;
    justify-content: space-evenly;
    padding-block: 0;
    border-radius: 30px;
    height: clamp(1rem, 1.2vw, 10rem);
    width: clamp(5rem, 3.3vw, 16rem);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  }
  .dktp,
  .onoff {
    align-items: center;
  }
  .onoff {
    justify-content: center;
    border-radius: 50px;
    height: clamp(0.85rem, 0.4vw, 10rem);
    width: clamp(0.85rem, 0.4vw, 16rem);
    animation: 0.5s ease-in-out infinite alternate liveup;
  }
  .livtext {
    font-size: clamp(1rem, 0.6vw, 2rem);
    text-transform: uppercase;
    border-radius: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  .bkn {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    border: 0.5px solid rgba(56, 56, 56, 0.298);
    border-radius: 10px;
    flex-grow: 1;
    box-sizing: border-box;
    padding-block: clamp(0.5rem, 0.6vw, 3rem);
    margin-right: 0;
    margin-left: clamp(0.5rem, 1.2vw, 3rem);
  }
  .LPD,
  .hero {
    border: none;
  }
  .LPD,
  .LPD::before {
    border-radius: 20px;
  }
  .desktop-menu,
  .heading {
    justify-content: center;
  }
  .hidn {
    margin-inline: 10px;
  }
  .bkn p,
  .hero,
  h2 {
    margin: 0;
  }
  .bkn p {
    animation: 25s linear infinite scroll-left;
    margin-inline: 20px;
    color: red;
  }
  @keyframes liveup {
    0% {
      background-color: red;
    }
    100% {
      background-color: #fff;
    }
  }
  @keyframes scroll-left {
    0% {
      transform: translateX(80%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .heading {
	justify-content: center;
	gap: clamp(1rem, 0.5vw, 8rem);
    align-items: center;
    padding-inline: clamp(1rem, 1.4vw, 3rem);
    height: clamp(8rem, 7.5vw, 70rem);
  }
  header{
	margin-inline: 0;
  }
    .site-header{
	width: 80% !important;
	left: 0;
	right: 0;
	margin-inline: auto !important;
    position:sticky;
    top: 0;
    z-index:999;
	margin-inline: auto;
    transition: all 0.5s ease;
  }
  .site-header.is-sticky {
	margin-inline: auto;
    box-shadow: 0 5px 10px rgb(159, 155, 155);
    background-color: rgb(255, 255, 255);
    margin-inline: 0;
}
  #header_nav {
    background-color: transparent;
    flex-grow: 1;
  }
  .heading p:first-child {
    margin-top: 0;
    font-size: clamp(1rem, 1vw, 10rem);
  }
  .heading p:nth-child(2) {
    font-size: clamp(1rem, 0.9vw, 4rem);
    margin-top: 0;
  }
  .dropdown-menu,
  .mobile-nav-header {
    display: none;
  }
  .desktop-menu {
    display: block;
    display: flex;
    justify-content: end;
    padding-inline: clamp(1rem, 1.5vw, 3rem);
    gap: clamp(1rem, 1.2vw, 4rem);
  }
  .desktop-menu a {
    color: #fff;
    font-size: clamp(1rem, 0.75vw, 3rem);
    margin-block: clamp(1rem, 0.9vw, 3rem);
    text-decoration: none;
    font-weight: 600;
	transition: all 0.5s ease;
  }
.desktop-menu a:hover {
  color:aquamarine;
  transform: scale(1.15);
  text-decoration: underline;
}
  .main-icons{
  height:clamp(1rem,1.4vw,1.5rem);
  width:clamp(1rem,1.4vw,1.5rem);
  margin-right:10px;
}
.m-bicon{
  height:clamp(0.8rem,0.8vw,2rem);
  width:clamp(0.8rem,0.8vw,2rem);
}
  .webtitle{
	background-color:transparent;
  }
  .hero {
    margin-top: clamp(1.5rem, 1.2vw, 8rem);
	background-color: #ffffff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  }
  .hero-content {
	background-color: rgb(254, 243, 243);
  }
  h1 {
    font-size: clamp(2rem, 1.6vw, 7rem);
    padding-block: clamp(0.5rem, 1vw, 3rem);
    margin-bottom: clamp(0.5rem, 0.8vw, 3rem);
  }
  .hero-content .webtitle p:first-child {
    font-size: clamp(1rem, 0.9vw, 3rem);
    font-weight: 700;
    padding-block: clamp(0.5rem, 0.5vw, 2rem);
  }
  .hero-content .webtitle p:nth-child(2) {
    font-size: clamp(0.8rem, 0.7vw, 3rem);
    width: 80%;
    color: #2a3fa9;
    font-weight: 700;
    margin-inline: auto;
    text-align: center;
  }
  .hero-content .webtitle p:nth-child(3) {
    font-size: clamp(1rem, 0.8vw, 3rem);
  }
  .hero a {
    box-shadow: 0 3px 8px rgb(0, 0, 0, 0.4);
    font-size: clamp(1rem, 0.6vw, 3rem);
    padding-block: clamp(0.5rem, 0.3vw, 3rem);
    padding-inline: clamp(0.5rem, 0.8vw, 3rem);
    margin-block:0;
  }
    .hero .add_new_page_link {
	padding-block: clamp(0.3rem,0.5vw,2rem);
	margin-block:clamp(0.4rem,0.7vw,2rem);
	gap: clamp(0.5rem,1vw,2rem);
  }
  .LPD {
    margin-inline: 0;
    margin-block: clamp(2rem, 1.7vw, 10rem);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    gap: clamp(0.5rem, 0.4vw, 5rem);
    background-color: rgba(255, 255, 255, 0.606);
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
  }
  .LPD::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
      45deg,
      red,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      red
    );
    background-size: 400%;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .LPD::after {
    inset: 6px;
    background: #f6f6f6;
    border-radius: 18px;
  }
  .LPD:hover::before {
    opacity: 1;
    animation: 10s linear infinite alternate glowing;
  }
  .LPD:hover {
    transform: scale(1);
  }
  @keyframes glowing {
    0%,
    100% {
      background-position: 0 0;
    }
    50% {
      background-position: 400% 0;
    }
  }
  .LPD a {
    width: 17%;
    padding-block: clamp(0.5rem, 0.5vw, 2rem);
    padding-inline: clamp(0.5rem, 0.3vw, 1.5rem);
    font-size: clamp(1rem, 0.85vw, 4rem);
    justify-content: center;
    line-height: 1.6;
  }
  .JA {
    margin-top: clamp(2rem, 2vw, 7rem);
    margin-inline: 10px;
    gap: clamp(0.5rem, 1vw, 3rem);
  }
  .childJA {
    border: 0.5px solid #000;
    padding-bottom: clamp(3rem, 3.5vw, 8rem);
    width: 33%;
    flex-grow: 1;
    margin-bottom: 15;
  }
  h2 {
    font-size: clamp(1rem, 1vw, 4rem);
    padding-inline: clamp(0.5rem, 1vw, 2rem);
    padding-block: clamp(1rem, 0.7vw, 3rem);
    margin-bottom: clamp(1rem, 0.8vw, 8rem);
  }
  .childJA ul {
    margin-bottom: clamp(1rem, 0.9vw, 8rem);
    padding-left: clamp(1rem,1.5vw, 3rem);
    padding-right: 15px;
  }
  .childJA ul li {
    margin-bottom: clamp(0.3rem, 1vw, 2rem);
    font-size: clamp(1rem, 0.9vw, 3rem);
    line-height: 1.3;
  }
  #all-gov-info h2 {
    font-size: clamp(1rem, 0.9vw, 3rem);
  }
  #all-gov-info ul li {
    font-size: clamp(0.8rem, 0.8vw, 2rem);
    line-height: 1.5;
    color: #1e90ff;
    font-weight: 700;
  }
  #all-gov-info ul li a {
    color: #0157d7;
  }
  .childJA .mpage {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    justify-content: center;
    padding-block: 0;
  }
  .childJA .mpage a {
    font-size: clamp(0.8rem, 0.6vw, 3rem);
    font-weight: 700;
    margin-block: 0;
    padding-inline: clamp(0.8rem, 0.3vw, 2rem);
    padding-block: clamp(0.5rem, 0.4vw, 2rem);
  }
  .FqSection {
    border: none;
    margin-top: clamp(4rem, 4vw, 8rem);
  }
  .fqheading {
    font-size: clamp(1rem, 0.9vw, 4rem);
    padding-block: clamp(0.3rem, 0.4vw, 1rem);
  }
  .fq-question article {
    padding-left: clamp(1.3rem, 2.5vw, 7rem);
    font-weight: 700;
  }
  .fq-question article p:first-of-type {
    font-size: clamp(0.9rem, 0.85vw, 4rem);
    line-height: 1.8;
  }
  .fq-question article p:nth-child(2) {
    font-size: clamp(0.8rem, 0.85vw, 4rem);
    line-height: 1.8;
  }
  form {
    padding-block: clamp(1rem, 1.7vw, 4rem);
  }
  .formcn {
	margin-top: clamp(1rem, 1.5vw, 8rem);
    width: 40%;

    height: clamp(23rem,20vw,50rem);
  }
  .formcn h2 {
    font-size: clamp(1rem, 0.9vw, 3rem);
    padding-block: clamp(0.8rem, 0.5vw, 2rem);
  }
  form .fdiv {
    font-size: clamp(1rem, 0.8vw, 3rem);
    margin-bottom: clamp(1rem, 1vw, 3rem);
    font-weight: 700;
  }
  form label {
    margin-left: 15px;
    color: #00008b;
  }
  .social-media-links a,
  form input {
    font-size: clamp(0.8rem, 0.7vw, 3rem);
  }
  form button {
    margin-top: clamp(0.5rem, 1.8vw, 2rem);
    margin-bottom: 5px;
    font-size: clamp(0.8rem, 0.6vw, 2rem);
    box-shadow: 0 4px 10px rgb(0, 0, 0, 0.5);
    padding-block: clamp(0.3rem, 0.3vw, 2rem);
    padding-inline: clamp(0.5rem, 0.5vw, 2rem);
  }
  .overlay {
    height: clamp(4rem, 2vw, 40rem);
    font-size: clamp(0.8rem, 0.7vw, 3rem);
    line-height: 1.5;
  }
  .error-message,
  .success-message {
    font-size: clamp(0.8rem, 0.7vw, 2rem);
  }
  .success-message {
    margin-block: clamp(1rem, 3vw, 3rem);
  }
  .error-message {
    margin-block: clamp(1rem, 1vw, 3rem);
    min-width: fit-content;
    max-width: max-content;
  }
  .social-media-links {
    height: 50px;
    padding-top: clamp(1rem, 1vw, 8rem);
    padding-bottom: 3px;
    gap:clamp(1rem,1vw,3rem);
  }
  .social-media-links a {
    margin-inline: clamp(1rem, 1vw, 3rem);
     font-size: clamp(1rem, 0.6vw, 2rem);
  }
  .copyright p{
	padding-block: clamp(1rem, 1.5vw, 8rem);
  }
  .copyright p,
  .tp a {
    font-size: clamp(1rem, 0.7vw, 2rem);
  }
  .social-media-links a .footer-icons{
  height: clamp(1rem,1.02vw,2rem);
  width: clamp(1rem,1.02vw,2rem);
}
  footer{
	width: 80%;
	margin-inline: auto;
	background-color: white;
	padding-top: clamp(1rem, 0.3vw, 8rem);
  }
  .tp {
    height: max-content;
    padding-block: clamp(0.5rem, 0.8vw, 3rem);
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(2rem, 2.2vw, 8rem);
  }
  .tp a {
    margin-top: 0;
    margin-bottom: 0;
    width: fit-content;
    flex-grow: 0;
	transition: all 0.5s ease;
  }
    .tp a:hover{
	transform: scale(1.15);
	color: aquamarine;
	text-decoration: underline;
  }
}
@media screen and (min-width: 2561px){
  .bkn p,
  .livtext {
    font-weight: 700;
  }
  #mobile-menu{
    display:none;
  }
  .dktp,
  .livbtn,
  .live,
  .onoff {
    display: flex;
  }
  header,
  main {
    width: 80%;
  }
  .livbtn,
  .live {
    align-items: center;
    display: flex;
  }
  .FqSection,
  .formcn,
  .live,
  header,
  main {
    margin-inline: auto;
  }
  .LPD,
  .bkn,
  .hidn {
    overflow: hidden;
  }
  .LPD::after,
  .LPD::before {
    content: "";
    z-index: -1;
    position: absolute;
  }
  .LPD,
  .childJA {
    position: relative;
  }
  .bkn p,
  form label {
    font-size: clamp(1rem, 0.7vw, 3rem);
  }
  .overlay,
  form input {
    text-align: center;
  }
  .fqheading,
  .overlay {
    padding-inline: clamp(1rem, 1vw, 3rem);
  }
  body {
    background-color: #e4e4e4;
  }
  .FqSection,
  .bkn,
  .childJA,
  .hidn,
  main {
    background-color: #fff;
  }
  main {
    padding-inline: clamp(1rem, 1vw, 4rem);
    padding-bottom: clamp(0.6rem, 0.5vw, 8rem);
  }
  .livbtn {
    justify-content: space-between;
    padding-block: clamp(0.5rem, 1vw, 8rem);
    padding-right: clamp(0.3rem, 0.5vw, 3rem);
  }
  .live {
    border: 0.5px solid #000;
    justify-content: space-evenly;
    padding-block: 0;
    border-radius: 30px;
    height: clamp(1rem, 1.2vw, 10rem);
    width: clamp(5rem, 3.3vw, 16rem);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  }
  .dktp,
  .onoff {
    align-items: center;
  }
  .onoff {
    justify-content: center;
    border-radius: 50px;
    height: clamp(0.85rem, 0.4vw, 10rem);
    width: clamp(0.85rem, 0.4vw, 16rem);
    animation: 0.5s ease-in-out infinite alternate liveup;
  }
  .livtext {
    font-size: clamp(1rem, 0.6vw, 2rem);
    text-transform: uppercase;
    border-radius: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  .bkn {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    border: 0.5px solid rgba(56, 56, 56, 0.298);
    border-radius: 10px;
    flex-grow: 1;
    box-sizing: border-box;
    padding-block: clamp(0.5rem, 0.4vw, 3rem);
    margin-right: 0;
    margin-left: clamp(0.5rem, 1.2vw, 3rem);
  }
  .LPD,
  .hero {
    border: none;
  }
  .LPD,
  .LPD::before {
    border-radius: 20px;
  }
  .desktop-menu,
  .heading {
    justify-content: center;
  }
  .hidn {
    margin-inline: 10px;
  }
  .bkn p,
  .hero,
  h2 {
    margin: 0;
  }
  .bkn p {
    animation: 25s linear infinite scroll-left;
    margin-inline: 20px;
    color: red;
  }
  @keyframes liveup {
    0% {
      background-color: red;
    }
    100% {
      background-color: #fff;
    }
  }
  @keyframes scroll-left {
    0% {
      transform: translateX(80%);
    }
    100% {
      transform: translateX(-100%);
    }
  }

    .site-header{
	width: 80% !important;
	left: 0;
	right: 0;
	margin-inline: auto !important;
    position:sticky;
    top: 0;
    z-index:999;
	margin-inline: auto;
    transition: all 0.5s ease;
  }
  .site-header.is-sticky {
	margin-inline: auto;
    box-shadow: 0 10px 20px rgb(156, 153, 153);
    background-color: rgb(255, 255, 255);
    margin-inline: 0;
}
  .heading {
    align-items: center;
    height: clamp(8rem, 7vw, 70rem);
    padding-inline: clamp(1rem, 1.5vw, 5rem);
    gap: clamp(1rem, 0.5vw, 3rem);
  }
  .heading p:first-child {
    font-size: clamp(1rem, 0.9vw, 10rem);
  }
  .heading p:nth-child(2) {
    font-size: clamp(1rem, 0.8vw, 4rem);
  }
  .dropdown-menu,
  .mobile-nav-header {
    display: none;
  }
  #header_nav {
    flex-grow: 1;
    background-color: transparent;
  }
  .desktop-menu {
    display: block;
    display: flex;
    justify-content: end;
    padding-inline: clamp(1.2rem, 1.4vw, 5rem);
    gap: clamp(1rem, 1.1vw, 4rem);
  }
  .desktop-menu a {
    color: #fff;
    font-size:clamp(1rem, 0.7vw, 3rem);
    margin-block:clamp(1rem, 0.9vw, 3rem);
    text-decoration:none;
    font-weight:600;
	transition: all 0.5s ease;
  }
  .desktop-menu a:hover {
  color:aquamarine;
  transform: scale(1.15);
  text-decoration: underline;
}
  .main-icons{
  height:clamp(1rem,1.4vw,1.5rem);
  width:clamp(1rem,1.4vw,1.5rem);
  margin-right:10px;
}
.m-bicon{
  height:clamp(1rem,0.7vw,2rem);
  width:clamp(1rem,0.7vw,2rem);
}
  .hero {
    margin-top: clamp(2rem, 1.5vw, 8rem);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	background-color: #ffc0c01a;
  }
  .hero-content {
	background-color: white;
  }
  .webtitle{
	background-color: transparent;
  }
  h1 {
    font-size: clamp(2rem, 1.4vw, 7rem);
    padding-block: clamp(0.5rem, 0.7vw, 3rem);
    margin-bottom: clamp(0.5rem, 0.8vw, 3rem);
  }
  .hero-content .webtitle p:first-child {
    font-size: clamp(1rem, 0.9vw, 3rem);
    font-weight: 700;
    padding-block: clamp(0.5rem, 0.5vw, 2rem);
  }
  .hero-content .webtitle p:nth-child(2) {
    font-size: clamp(0.8rem, 0.7vw, 3rem);
    width: 80%;
    color: #2a3fa9;
    font-weight: 700;
    margin-inline: auto;
    text-align: center;
  }
  #all-gov-info h2,
  .childJA ul li,
  .hero-content .webtitle p:nth-child(3),
  form .fdiv {
    font-size: clamp(1rem, 0.8vw, 3rem);
  }
  .hero a {
    box-shadow: 0 3px 8px rgb(0, 0, 0, 0.4);
    font-size: clamp(1rem, 0.6vw, 3rem);
    padding-block: clamp(0.5rem, 0.3vw, 3rem);
    padding-inline: clamp(0.5rem, 0.8vw, 3rem);
    margin-block: clamp(1rem, 0.5vw, 8rem);
  }
  .add_new_page_link{
	margin-block: clamp(1rem, 0.5vw, 8rem);
	gap:clamp(1rem, 0.5vw, 8rem);
  }
  .LPD a,
  .fqheading {
    font-size: clamp(1rem, 0.8vw, 4rem);
  }
  .LPD {
    margin-inline: 0;
    margin-block: clamp(2rem, 2vw, 10rem);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    gap: clamp(0.5rem, 0.4vw, 5rem);
    background-color: rgba(255, 255, 255, 0.606);
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    padding: clamp(1rem, 0.8vw, 3rem);
  }
  .LPD::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
      45deg,
      red,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      red
    );
    background-size: 400%;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .LPD::after {
    inset: 6px;
    background: #f6f6f6;
    border-radius: 18px;
  }
  .LPD:hover::before {
    opacity: 1;
    animation: 10s linear infinite alternate glowing;
  }
  .LPD:hover {
    transform: scale(1);
  }
  @keyframes glowing {
    0%,
    100% {
      background-position: 0 0;
    }
    50% {
      background-position: 400% 0;
    }
  }
  .LPD a {
    width: 17%;
    padding-block: clamp(0.5rem, 0.5vw, 2rem);
    padding-inline: clamp(0.5rem, 0.3vw, 1.5rem);
    justify-content: center;
    line-height: 1.6;
    border-radius: 10px;
  }
  .JA {
    margin-top: clamp(2rem, 2vw, 7rem);
    margin-inline: 10px;
    gap: clamp(0.5rem, 1vw, 3rem);
  }
  .childJA {
    border: 0.5px solid #000;
    padding-bottom: clamp(3rem, 3.5vw, 8rem);
    width: 33%;
    flex-grow: 1;
    margin-bottom: 15;
  }
  h2 {
    font-size: clamp(1rem, 0.95vw, 4rem);
    padding-inline: clamp(0.5rem, 1vw, 2rem);
    padding-block: clamp(1rem, 0.7vw, 3rem);
    margin-bottom: clamp(1rem, 0.9vw, 8rem);
  }
  .childJA ul {
    margin-bottom: clamp(1rem, 1vw, 8rem);
    padding-left: clamp(2rem, 1.5vw, 3rem);
    padding-right: 15px;
  }
  .childJA ul li {
    margin-bottom: clamp(0.3rem, 1vw, 2rem);
    line-height: 1.3;
  }
  #all-gov-info ul li {
    font-size: clamp(0.8rem, 0.7vw, 2rem);
    line-height: 1.5;
    color: #1e90ff;
    font-weight: 700;
  }
  #all-gov-info ul li a {
    color: #0157d7;
  }
  .childJA .mpage {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    justify-content: center;
    padding-block: 0;
  }
  .childJA .mpage a {
    font-size: clamp(0.8rem, 0.6vw, 3rem);
    font-weight: 700;
    margin-block: 0;
    padding-inline: clamp(0.8rem, 0.3vw, 2rem);
    padding-block: clamp(0.5rem, 0.4vw, 2rem);
  }
  .FqSection {
    border: none;
    margin-top: clamp(4rem, 4vw, 8rem);
  }
  .fqheading {
    padding-block: clamp(0.3rem, 0.5vw, 1rem);
  }
  .fq-question article {
    padding-left: clamp(1.3rem, 2.5vw, 7rem);
    font-weight: 700;
  }
  .fq-question article p:first-child {
    font-size: clamp(0.9rem, 0.75vw, 4rem);
    line-height: 1.8;
  }
  .fq-question article p:nth-child(2) {
    font-size: clamp(0.8rem, 0.7vw, 4rem);
    line-height: 2.2;
  }
  form {
    padding-block: clamp(1rem, 1.7vw, 4rem);
  }
  .formcn {
    width: 40%;
    height: clamp(31rem,18.5vw,50rem);
  }
  .formcn h2 {
    font-size: clamp(1rem, 0.9vw, 3rem);
    padding-block: clamp(0.8rem, 0.5vw, 2rem);
  }
  form .fdiv {
    margin-bottom: clamp(1rem, 1vw, 3rem);
    font-weight: 700;
  }
  form label {
    margin-left: 15px;
    color: #00008b;
  }
  .social-media-links a,
  form input {
    font-size: clamp(0.8rem, 0.7vw, 3rem);
  }
  form button {
    margin-top: clamp(0.5rem, 1.8vw, 2rem);
    margin-bottom: 5px;
    font-size: clamp(0.8rem, 0.6vw, 2rem);
    box-shadow: 0 4px 10px rgb(0, 0, 0, 0.5);
    padding-block: clamp(0.3rem, 0.3vw, 2rem);
    padding-inline: clamp(0.5rem, 0.5vw, 2rem);
  }
  .overlay {
    height: clamp(4rem, 2vw, 40rem);
    font-size: clamp(0.9rem, 0.6vw, 2rem);
    line-height: 1.5;
  }
  .error-message,
  .success-message {
    font-size: clamp(0.8rem, 0.5vw, 2rem);
  }
  .success-message {
    margin-block: clamp(1rem, 3vw, 3rem);
  }
  .error-message {
    margin-block: clamp(1rem, 1vw, 3rem);
    min-width: fit-content;
    max-width: max-content;
  }
  .social-media-links {
    height: 50px;
    margin-top: 20px;
    padding-block: clamp(1rem, 0.9vw, 8rem);
  }
  .social-media-links a {
    margin-inline: clamp(1rem, 2vw, 3rem);
    font-size: clamp(1rem, 0.6vw, 2rem);
  }
  .copyright p,
  .tp a {
    font-size: clamp(1rem, 0.7vw, 2rem);
  }
  .copyright p{
	padding-block: clamp(1rem,1.2vw,5rem);
  }
  .social-media-links a .footer-icons{
  height: clamp(1rem,1vw,4rem);
  width: clamp(1rem,1vw,4rem);
}
  .tp {
    height: max-content;
    padding-block: clamp(0.5rem, 1vw, 3rem);
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(4rem, 2vw, 8rem);
  }
  .tp a {
    margin-top: 0;
    margin-bottom: 0;
    width: fit-content;
    flex-grow: 0;
	transition: all 0.5s ease;
  }
    .tp a:hover{
	transform: scale(1.15);
	color: aquamarine;
	text-decoration: underline;
  }
  footer{
	width: 80%;
	margin-inline: auto;
	background-color: #fbf6f6;
	padding-top: clamp(1rem,0.3vw,5rem);
  }
}