/* custom fonts */
@font-face {
  font-family: 'CustomFont';
  src: url('./CreatoDisplay-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #10E755 black;
  font-family: 'CustomFont', sans-serif;

}


#projects{
  padding-top: 20px;   /* Makes space for the navbar */
  margin-top: -20px;
}
#contact{
  padding-top: 40px;   /* Makes space for the navbar */
  margin-top: -20px;
}


html,
body {
  height: 100%;
  width: 100%;
  background-color: black;
  overflow-x: hidden;
  font-size: 62.5%;
  scroll-behavior: smooth;
  /* 1rem = 10px */
}


.bubbles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.bubble {
  position: absolute;
  bottom: -50px;
  border-radius: 50%;
  background-color: rgba(50, 205, 50, 0.3);
  animation-name: rise, grow;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite;
}

/* ! splash screen */
.splash-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: black;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.splash-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.splash-logo .splash-Heading {
  color: white;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  font-size: 2.1rem;
  margin-left: 1rem;
  animation: scrolling 8s steps(50, end) infinite;
}

.splash-container .splash-logo .splash-Heading {
  font-size: 10rem;
  margin-bottom: 2rem;
  background-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.5rem #10E755;
  white-space: nowrap;
  overflow: hidden;
  border-right: 0.3rem solid black;
  animation: typing 4.5s, blink 0.75s step-end;
  font-family: 'CustomFont', sans-serif;
}

.splash-container .splash-logo img {
  width: 19rem;
}

.splash-container.hidden {
  opacity: 0;
  visibility: hidden;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
    color: #10E755;
    -webkit-text-stroke: none;
  }
}

/*! Navbar section */
.navbar {
  width: 100%;
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: black;
  padding: 1rem 2rem;
  animation: fadeIn 1s ease-in-out;
  position: fixed;
  z-index: 1000;
 

}

.navbar-logo-conatiner {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navbar-logo-conatiner .navbar-logo-heading {
  color: white;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  font-size: 2.1rem;
  margin-left: 1rem;
  animation: scrolling 4s steps(50, end) infinite;

}

.navbar-logo-conatiner #navbar-logo {
  width: 4rem;

}

.nav-links {
  list-style: none;
  display: flex;
  gap: 2rem;
}
.nav-links li{
  margin-top: 1.2rem;
}
.nav-links li a {
  color: black;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  transition: background-color 1s ease;
  border-radius: 2.5rem;
  
}

.nav-links li a:hover {
  background-color: black;
  border-radius: 2.5rem;
  color: white;
  position: inherit;
  box-shadow: 0px 0px 6rem 1.6rem #dde1debb;
}
.downloadCV {
  color: black;
  background: #10E755;
  border: 1px solid #10E755;
  border-radius: 2.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.downloadCV a{
  color: black;
  text-decoration: none;
}
.downloadCV a:hover{
  color: white;
}

.downloadCV:hover {
  color: #ffffff;
  background: #10E755;
  border: 1px solid #10E755;
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
  box-shadow: 0 0 5px #10E755, 0 0 20px #10E755, 0 0 50px #10E755,
    0 0 100px #10E755;
}

.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 3rem;
  height: 2rem;
  cursor: pointer;
}

.hamburger div {
  width: 100%;
  height: 0.8rem;
  background-color: white;
  transition: all 0.3s ease-in-out;
  border-radius: 0.5rem;
}

.hamburger div:nth-child(2) {
  width: 60%;
  margin: 0.3rem auto;
}

.hamburger.cross {
  font-size: 2.8rem;
  color: white;
  cursor: pointer;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}

.hamburger.cross {
  transform: rotate(90deg);
}

.hamburger.change .bar1 {
  transform: rotate(-45deg) translate(-0.5rem, 0.6rem);
  color: black;
}

.hamburger.change .bar2 {
  opacity: 0;
}

.hamburger.change .bar3 {
  transform: rotate(45deg) translate(-0.5rem, -0.6rem);
  color: black;
}

@keyframes scrolling {
  from {
    width: 0;
  }

  to {
    width: 10ch;
  }
}

/*! Hero section  */
#hero-section {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  padding: 2rem;
  background-color: #000000;
  animation: fadeIn 1s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-top: 30px;

}


/* Make sure your content is above the bubbles */
.intro-hero-section,
.profile-card-section {
  position: relative;
  z-index: 1;
}

#hero-section .intro-hero-section {
  width: calc(100% - 40%);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding-top: 6rem;
  border-radius: 1.4rem;

}

.scroll_heading_hero {
  width: 90%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
}

.intro-hero-section h1 {
  width: 100%;
  color: white;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  animation: typing2 5s steps(60, end) infinite;

}


.victory-icon {
  display: inline-block;
  animation: shake 1.3s infinite;
}



.wave-hand {
  display: inline-block;
  animation: wave1 2s ease-in-out infinite;
  transform-origin: 70% 70%;
}



.intro-details {
  width: 100%;
  height: 60vh;
  color: black;
  font-size: 2rem;
  font-weight: bolder;
  font-family: 'Exo Space', sans-serif;
  text-align: center;
  color: white;
  margin: 0.7rem 0;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding: 2rem;



}

.intro-details span {
  color: #10E755;
  font-size: 4.3rem;
}

.intro-hero-section p {
  width: 80%;
  color: white;
  font-size: 3.7rem;
  font-weight: bolder;
  font-family: "Orbitron", sans-serif;
  text-align: center;
}



.intro-hero-section p:nth-child(4) {
  color: white;
  font-size: 2rem;
  margin-top: 1rem;
  padding: 1rem;
}

.intro-hero-section P span {
  color: #10E755;
}


.intro-hero-section p:nth-child(1):first-letter {
  font-size: 4rem;
  color: white;
  font-weight: bolder;
  font-family: 'Exo Space', sans-serif;
}

#hero-section .profile-card-section {
  width: calc(100% - 60%);
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;



}

.profile-card {
  width: 38.4rem;
  height: 45.6rem;
  background-image: linear-gradient(163deg, #10E755 0%, #10E755 50%, #10E755 100%);
  border-radius: 2rem;
  transition: all .3s;
  transform: skewX(3deg);
}

.profile-card-inner {
  --font-color: #fefefe;
  --font-color-sub: #7e7e7e;
  --bg-color: #111;
  --main-color: #10E755;
  width: 38.0rem;
  height: 45.4rem;
  background: black;
  border: none;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .2s;
  filter: blur(0.6rem);
}

.profile-card-inner:hover {
  transform: scale(0.98);
  border-radius: 2rem;
  filter: blur(0px);
}

.profile-card:hover {
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
  transform: skewX(0deg);
}



.profile-card-photo {
  width: 25rem;
  height: 25rem;
  border-radius: 50%;
  background: url('assets/hassan.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  transition: 0.4s;
  margin-bottom: 1rem;
}

.profile-card-title {
  text-align: center;
  color: var(--font-color);
  font-size: 2rem;
  font-weight: 400;
}

.profile-card-title span {
  font-size: 1.5rem;
  color: var(--font-color-sub);
}

.profile-card-socials {
  display: flex;
  height: 0;
  opacity: 0;
  margin-top: 2rem;
  gap: 2rem;
  transition: 0.5s;
}

.profile-card-socials-btn {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
}

.profile-card-socials-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--font-color);
}

.profile-card-inner:hover>.profile-card-socials {
  opacity: 1;
  height: 3.5rem;
}

.profile-card-socials-btn:hover {
  transform: translateY(-0.5rem);
  transition: all 0.15s;
}

.profile-card-photo:hover {
  transition: 0.3s;
  transform: scale(1.1);
}

@keyframes shake {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(0px, 2px);
  }

  20% {
    transform: translate(2px, 0px);
  }

  30% {
    transform: translate(0px, 2px);
  }

  40% {
    transform: translate(2px, 0px);
  }

  50% {
    transform: translate(0, 0);
  }

  60% {
    transform: translate(0px, 2px);
  }

  70% {
    transform: translate(2px, 0px);
  }

  80% {
    transform: translate(0px, 2px);
  }

  90% {
    transform: translate(2px, 0px);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes typing2 {
  from {
    width: 0
  }
}

@keyframes wave1 {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

/* ! Tools section */
#tools {
  width: 100%;
  height: 140vh;
  display: flex;
  flex-direction: column;
  background-color: black;
  color: white;
  padding: 2rem;
  animation: fadeIn 1s ease-in-out;
}

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

.button-holder i {
  font-size: 5rem;
}

.light-button {
  width: 90%;
  height: 35vh;
  display: flex;
  gap: 7rem;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;

}

.light-button button.tool-bt {
  position: relative;
  height: 20rem;
  display: flex;
  align-items: flex-end;
  outline: none;
  background: none;
  border: none;

}

.light-button button.tool-bt .button-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 10rem;
  width: 10rem;
  background-color: #0a0a0a;
  border-radius: 0.5rem;
  color: #0f0f0f;
  font-weight: 700;
  transition: 300ms;
  outline: #0f0f0f 0.2rem solid;
  outline-offset: 20;

}

.light-button button.tool-bt .button-holder svg {
  height: 5rem;
  fill: #0f0f0f;
  transition: 300ms;
}

.light-button button.tool-bt .light-holder {
  position: absolute;
  height: 20rem;
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 4rem;
}

.light-button button.tool-bt .light-holder .dot {
  position: absolute;
  top: 0;

  width: 1rem;
  height: 1rem;
  background-color: #0a0a0a;
  border-radius: 1rem;
  z-index: 2;
}

.light-button button.tool-bt .light-holder .light {
  position: absolute;
  top: 0;
  width: 30rem;
  height: 20rem;
  clip-path: polygon(50% 0%, 25% 100%, 75% 100%);
  background: transparent;
}

.light-button button.tool-bt:hover .button-holder svg {
  fill: #10E755;

}

.light-button button.tool-bt:hover .button-holder {
  color: #10E755;
  outline: #10E755 0.2rem solid;
  outline-offset: 0.2rem;
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;


}

.light-button button.tool-bt:hover .light-holder .light {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg,
      #10E755 0%,
      rgba(255, 255, 255, 0) 75%,
      rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
}

.Bat-tool-button {
  border: none;
  position: relative;
  width: 25rem;
  height: 7.3rem;
  padding: 0;
  z-index: 2;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  background-color: transparent;
  transform: translateY(0.8rem)
}

.Bat-tool-button:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0 0 0 white;
  transition: all 2s ease;
}

.Bat-tool-button:hover:after {
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
}

.Bat-tool-button span {
  position: absolute;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 100;
  left: 50%;
  top: 39%;
  letter-spacing: 0.3rem;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 3rem;
  transition: all 2s ease;
}

.Bat-tool-button:hover span {
  color: black;
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
}

.Bat-tool-button:before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #10E755;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  transition: all 1s ease;
}

.Bat-tool-button:hover:before {
  width: 100%;

}

.skill-catagory {
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 80vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin: 3rem auto;
  border-radius: 20px;
}

.skills {
  width: calc(100% - 65%);
  padding: 2rem;
  border-radius: 1.5rem;
  ;
}

.skills-heading {
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  color: #ffffff;
  margin-bottom: 2rem;
}

.skill {
  margin-bottom: 2rem;
}

.skill-name {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  color: #ffffff;

}

.skill-name img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}

.progress-bar {
  width: 100%;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, 0.484);
  border-radius: 1.5rem;

}

.progress {
  height: 100%;
  background-color: #02fe52d0;
  border-radius: 0.5rem;
  text-align: right;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  font-size: 1.2rem;
  font-weight: 00;
  color: black;
  line-height: 1rem;
  width: 0;
  /* Initially set to 0 */
  transition: width 2s ease-in-out;
  /* Smooth animation */
  box-shadow: 0px 0px 3rem 0.1rem #10e75449;


}

.progress-container {
  width: calc(100% - 65%);
  min-height: 56vh;
  padding: 2rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  border-radius: 15px;
}

.progress-heading {
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  color: #ffffff;
  margin-bottom: 2rem;
}

.prograss-list {
  width: 100%;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3rem;
  text-align: center;
  border-radius: 15px;
}

.progress-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  font-size: 1.4rem;
}

.progress-circle {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  background: conic-gradient(#10E755 0deg, rgba(0, 0, 0, 0) 0deg);
  box-shadow: 0px 0px 3rem 0.1rem #10e75449;
}

.progress-circle::before {
  content: "";
  position: absolute;
  width: 8rem;
  height: 8rem;
  background: url("./assets/h1_hero.jpg");
  border-radius: 50%;
}

.progress-value {
  position: relative;
  z-index: 1;
}

.progress-value-heading {
  font-size: 1.6rem;
  margin-top: 0.7rem;
  color: #ffffff;
}


/* ! Work details */
.company-section {
  width: 100%;
  height: 90vh;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  animation: fadeIn 1s ease-in-out;
  position: relative;
  overflow: hidden;
}

.experience-heading,
.company-section {
  position: relative;
  z-index: 1;
}

.com-card {
  position: relative;
  top: 3.6rem;
  width: 64.8rem;
  height: 21.8rem;
  transition: .4s ease-in-out;
  border-radius: 3rem;
  overflow: hidden;
  border: 2px solid #10E755;
  box-shadow: 0 0 2px #10E755, 0 0 4px #10E755, 0 0 6px #10E755, 0 0 8px #10E755;
  background: #000000;
}

.com-heading {
  position: relative;
  color: #10E755;
  font-weight: bold;
  font-size: 3.52rem;
  padding-top: 1.6rem;
  padding-left: 3.2rem;
  transition: .4s ease-in-out;
}

.com-details {
  position: relative;
  color: rgb(255, 255, 255);

  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-left: 3.68rem;
  transition: .4s ease-in-out;
}

.com-year {
  position: relative;
  color: #10E755;
  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-left: 3.68rem;
  transition: .4s ease-in-out;
}

.com-project {
  position: relative;
  color: rgb(255, 255, 255);

  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-left: 3.68rem;
  transition: .4s ease-in-out;
}

.com-label {
  position: relative;
  border: none;
  outline: none;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  font-size: 0.96rem;
  padding-left: 11.04rem;
  padding-right: 11.04rem;
  padding-top: 1.28rem;
  padding-bottom: 1.36rem;
  border-radius: 1rem;
  left: 12rem;
  top: 14.68rem;
  transition: .4s ease-in-out;
  font-weight: bold;
  transition: 0.3s all;
  animation: company-label-glow 2s infinite;
}

@keyframes company-label-glow {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.1);

  }

  75% {
    transform: scale(1.1);

    background-color: #10E755;

  }

  100% {
    transform: scale(1);
    background-color: #10E755;
    box-shadow: 0px 0px 1px #10e75488 inset,
      0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
      0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
      0px 0px 5px #10e75488;
  }
}

.com-label:hover {
  background-color: limegreen;
  cursor: pointer;
}


.glasses {
  position: relative;
  top: -11.8rem;
  left: 48.8rem;
  width: 10rem;
  height: 10rem;
  transition: .4s ease-in-out;

}

.com-card:hover {
  width: 56.8rem;
  height: 42.8rem;
  transform: translateY(2rem);
}

.com-card:hover+.glasses {
  transform: rotateX(360deg);
  height: 10rem;
  width: 10rem;
  left: 23.04rem;
  top: -34.8rem;

}

.com-card:hover .com-heading {
  transform: translateY(11.8rem) translateX(6rem);
}

.com-card:hover .com-details {
  transform: translateY(11.2rem) translateX(6.4rem);
}

.com-card:hover .com-year {
  transform: translateY(11.2rem) translateX(6.4rem);
}

.com-card:hover .com-project {
  transform: translateY(11.2rem) translateX(6.4rem);
}

.loader2 {
  position: relative;
  width: 38rem;
  height: 35rem;
  background: url("./assets/astro.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: start;
  /* color: #10E755; */
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.5rem;
}

.loader2::before {
  width: 6.3rem;
  height: 6.3rem;
  top: 3.6rem;
  left: 15.7rem;
  content: "1";
  position: absolute;
  font-size: 2.5rem;
  font-weight: bold;
  color: rgb(255, 255, 255);
  animation: count 10s linear infinite, loaderGlow 2s infinite;
  background-color: #64ef365e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.experience-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;

}

.Bat-experience-button {
  border: none;
  position: relative;
  width: 34rem;
  height: 8rem;
  padding: 0;
  z-index: 2;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  background-color: transparent;
  transform: translateY(0.8rem)
}

.Bat-experience-button:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0 0 0 white;
  transition: all 2s ease;
}

.Bat-experience-button:hover:after {
  box-shadow: 0px -13px 56px 12px #ffffffa6;
}

.Bat-experience-button span {
  position: absolute;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 100;
  left: 50%;
  top: 39%;
  letter-spacing: 0.3rem;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 3rem;
  transition: all 2s ease;
}

.Bat-experience-button:hover span {
  color: black;
}

.Bat-experience-button:before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #10E755;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  transition: all 1s ease;
}

.Bat-experience-button:hover:before {
  width: 100%;
}

@keyframes count {
  0% {
    content: "1+";
  }

  2% {
    content: "2+";
  }

  4% {
    content: "3+";
  }

  6% {
    content: "4+";
  }

  8% {
    content: "5+";
  }

  10% {
    content: "6+";
  }

  12% {
    content: "7+";
  }

  7% {
    content: "8+";
  }

  8% {
    content: "9+";
  }

  9% {
    content: "10+";
  }

  10% {
    content: "11+";
  }

  11% {
    content: "12+";
  }

  12% {
    content: "13+";
  }

  13% {
    content: "14+";
  }

  14% {
    content: "15+";
  }

  15% {
    content: "16+";
  }

  16% {
    content: "17+";
  }

  17% {
    content: "18+";
  }

  18% {
    content: "19+";
  }

  19% {
    content: "20+";
  }

  20% {
    content: "21+";
  }

  21% {
    content: "22+";
  }

  22% {
    content: "23+";
  }

  23% {
    content: "24+";
  }

  24% {
    content: "25+";
  }

  25% {
    content: "26+";
  }

  26% {
    content: "27+";
  }

  27% {
    content: "28+";
  }

  28% {
    content: "29+";
  }

  29% {
    content: "30+";
  }

  30% {
    content: "31+";
  }

  31% {
    content: "32+";
  }

  32% {
    content: "33+";
  }

  33% {
    content: "34+";
  }

  34% {
    content: "35+";
  }

  35% {
    content: "36+";
  }

  36% {
    content: "37+";
  }

  37% {
    content: "38+";
  }

  38% {
    content: "39+";
  }

  39% {
    content: "40+";
  }

  40% {
    content: "41+";
  }

  41% {
    content: "42+";
  }

  42% {
    content: "43+";
  }

  43% {
    content: "44+";
  }

  44% {
    content: "45+";
  }

  45% {
    content: "46+";
  }

  46% {
    content: "47+";
  }

  47% {
    content: "48+";
  }

  48% {
    content: "49+";
  }

  49% {
    content: "50+";
  }

  100% {
    content: "50+";
  }


}

/* ! feature section */
.feature-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 80vh;
  width: 100%;
  animation: fadeIn 1s ease-in-out;
  
  
  


}


.features {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.feature-card {
  margin: 10rem auto;
  background: transparent;
  box-shadow: 0px 8px 28px -9px rgba(0, 0, 0, 0.45);
  position: relative;
  width: 24rem;
  height: 33rem;
  border-radius: 1.6rem;
  overflow: hidden;
  transition: all .3s;
}

.feature-card:hover {
  transform: scale(0.9);
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
}

.card-wave {
  position: absolute;
  width: 54rem;
  height: 70rem;
  opacity: 0.6;
  left: 0;
  top: 0;
  margin-left: -50%;
  margin-top: -70%;
  background: linear-gradient(744deg, #10E755, #0ba23b 60%, #08742b);
}

.icon {
  width: 7rem;
  margin-top: -1.6rem;
  padding-bottom: 1.6rem;
}

.infotop {
  text-align: center;
  font-size: 1.4rem;
  position: absolute;
  top: 8.96rem;
  left: 0;
  right: 0;
  color: rgb(255, 255, 255);
  font-weight: 500;
  word-spacing: 1.2px;
  letter-spacing: 1.5px;
}

.infotop svg {
  font-size: 2rem;
}

.name {
  font-size: 1.3rem;
  font-weight: 100;
  position: relative;
  top: 1.5rem;
  text-align: center;
  text-transform: lowercase;
  word-spacing: 1.2px;
}

.card-wave:nth-child(2),
.card-wave:nth-child(3) {
  top: 210px;
}

.playing .card-wave {
  border-radius: 40%;
  animation: card-wave 3000ms infinite linear;
}

.card-wave {
  border-radius: 40%;
  animation: card-wave 55s infinite linear;
}

.playing .card-wave:nth-child(2) {
  animation-duration: 4000ms;
}

.card-wave:nth-child(2) {
  animation-duration: 50s;
}

.playing .card-wave:nth-child(3) {
  animation-duration: 5000ms;
}

.card-wave:nth-child(3) {
  animation-duration: 45s;
}

.feature_heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.Bat-feature-button {
  border: none;
  position: relative;
  width: 28rem;
  height: 7.3rem;
  padding: 0;
  z-index: 2;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  background-color: transparent;
  transform: translateY(0.8rem)
}

.Bat-feature-button:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0 0 0 white;
  transition: all 2s ease;
}

.Bat-feature-button:hover:after {
  box-shadow: 0px -13px 56px 12px #ffffffa6;
}

.Bat-feature-button span {
  position: absolute;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 100;
  left: 50%;
  top: 39%;
  letter-spacing: 0.3rem;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 3rem;
  transition: all 2s ease;
}

.Bat-feature-button:hover span {
  color: black;
}

.Bat-feature-button:before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  background-color: rgb(16, 231, 85);
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  transition: all 1s ease;
}

.Bat-feature-button:hover:before {
  width: 100%;
}


@keyframes card-wave {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ! coding funfact */
.coding-funfact {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* background: url("./assets/h1_hero.jpg"); */
  background-color: black;
  animation: fadeIn 1s ease-in-out;
  position: relative;
  overflow: hidden;
}

.earth-animation,
.coding-advice {
  position: relative;
  z-index: 1;
}

.earth-animation {
  height: 35rem;
  width: 35rem;
  position: relative;
  transition: left 0.3s linear;
  background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDACYaHSEdGCYhHyErKCYtOV8+OTQ0OXVTWEVfinmRj4h5hYOYq9u6mKLPpIOFvv/Bz+Lp9fj1lLf////u/9vw9ez/2wBDASgrKzkyOXA+PnDsnYWd7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Oz/wAARCAE5AfQDASIAAhEBAxEB/8QAGgAAAwEBAQEAAAAAAAAAAAAAAgMEAQAFBv/EADoQAAIBAwIFAwIFAgUFAQADAAECEQADIRIxBCJBUWETcYEykRRCUqGxI8EFYnLR8DOCkuHxQxVTY//EABgBAQEBAQEAAAAAAAAAAAAAAAABAgME/8QAIBEBAQEAAwEBAAMBAQAAAAAAAAERAiExEkETUXEDYf/aAAwDAQACEQMRAD8A9T1Adg32rZPtWavI+9bA8VpAy3dftRDP5vtSmuDaPtXBWI5dSjyaYhx0jd/3riyD89TlXH029fzWAOufTtp96Yaf61rb1Kw3rQ/P+1KD92n2U0epTnQ3wKuAhxFo7GfisPE2huY94rAQThG9sAULBQPox4IpkDBftMJUz8Vmv/QPegV7cxoB/eiKof8A8ZpgFr4XdlHwaAcWn6x8LTQkbWVH2rpYHCn7U6AjiVPU/wDjW+uP1D5FFqJEQD70GknMADsBFAYuk7H7LXa26k/+NcGYefijWf8AgqANTxgH/wAazXc/Sf8AwpuOprGmOWKKSbrgTA/8TWes/wClaZqHWJ8Zro1dvmqhfrxuq/eu9YxISfY1rLp3VfkCsVo2Fv8AiqM9c/8A9bV3rx/+T/aiJU/UFHkNShYXJV1z3n/enSGi8D+UzRqxP5alNoz/ANa17ATWCyx+niAPmmQV6u4rdY61J6fELtdDfNDr4lTzIGHjemGrda9x962QdiKlW8mrmLp4KmqF0ESp/aKij0jxW6B0iksLUwXAPvXemoEy0eDQO0e1ZpHilBViSG+WrtNsn64PioGEe1cQImaDQnVprilsDOP+6qO1Cd5rp7A/ehLWx9Pp/LUOt5hTY+9A2T2H3rA+Y5fvS9dwQSLQ8zXfiAMMLRH+qiGF4MHT967VPQfcVO13hyZ9FSfDVnqWelhfk1cDjdUd/g0QugiQ0fNJFwDK2bcdxXeuZghR4j/1QMN8D89aL6H84oBfH6Y/7aI3kjNsfagaHU9Qfmt1Cdh96Ut2ye3/AI0X9IjlVDUUZYfoP3rNX/8Am3waGF/T+9CSqnKAe5oDNwdVYe9YbqdA1Z6w2BU0J4gLgqtMB+snUH70QvWz3+9Bbu+ocLjvpxWu4Xe1PkUB+qld6qePvSg9o/lK0RNro0e1MDPUH+X71nqp1FK1WRktq+KIC0/0zUyBnqp0/it9W33H2oBbQ400JtocTHtTIG60/UK6khE6XG+9dTBIeKukSBB7QKKzxF0nnIj2rbic35vcCsXUJ2MdDW+kVAh1lTFMXaovWB6Ed4NN9UEjH71nFVD3rPSU5k/egt3J/KBFZdukJIYKo3JzUxR+mi5E/c1zagOWKSpvMNXqrpO2JrR62row77UGM7A5kewqch9wQx7RVbFozbn2M1i20YfTHvVlTE/rNbXntftWWuKRjpKaT3BptxdLAKRnoKWbNtxGgT3HStdIpV8YIIrifJFQCwVIKOwHWMU4LciRcvDsGG9TIacbkGAwohdM5AIpDawCXtK4HWCDXWmRtgV8MaYKCysOvxQZGzVhxRCQNqhodRHU12onua6u22qprQW2j96wgjOPvXAEVsGJCE+1F1mqGkAVpdWHMs/NCCMyo+ZrdYGNGr5NBk2JyF+4oh6PRT8Ut3Trailm1auNKgr/AKRQURaO6P8A+NZpsloCtPaK62giAHI7kYpn07H9qi4XptHKhj8U1Vjv80vUQ+ogrPmuLmcKfcGgYdUYJqN7xW7pchx/mUVR6hIgjHkVLxNkMZClT52pIU1b1m6IkKR0Bx+9M3H9Ncd1ivPWxJyG+BNV8Pw628uAD071bJENlQOYE+9CSp+m18laZqVR9LHzFGus7KAP8xqauEAtP/TSPIrtJnCLnuKpz4/iu001cTi23VU+1ELafpXzijM94odQiAfim1HC2o2An/SKE236KnvprIA5rhI6RWszRI5E+5P+1Bg4ePqcjwKNURTAT5oFa3Opyy/5ZrvUDNB5VO0GnZ0J7kYEg9MVi3gejTQNw7ESpB7VhssowsE+Jq9BhuADJNL/ABABjB96A8OWySQfesW3peDme9XIhwdGyUFYSs8oIrhaBPYe9NW1AgMY8VAvUZzntTxKrLYFYtsJ596wyNgKlVzC0RLKtLe2pUemo+cURtyMA/FC9twOVT96DEtEzJJHaSKMWQNrYHvmpmLkEGB7rRW72kQY+KuVFOhh+VPtQXLZK8qKD3mlniiozDe4Io0vi4JE+RU7Ur036KCaaL11bcent13ojeQDr9xQ/iB00/ar6jA11iCAZ9q66HccyKvk4NMF8gA8p9gaWRdvOeXSvmgEWrjCdaV1A1u4CdJePaupqYaLzIDrU+DRq9q5iAf2NKJ/TDL+k5ikkgDUDHijat7VttomkPZIBIyPFLW6ymdQgdTVKuHTnI+KCeGAkN9jT0vLEODMUGoAn8w7daFoJlRimmHWgtsQhHpk7bgU9Au6mPFQA5wKIcQRiRioPQrCpI3n5qMcXJgdKf6pUDUMHY96mGmAMP0x96xrcn6iPbFctxWyGo8UAC2BsI75zWBVGYgzTY81kVNUkl5AgnOykUItXGuarhGiPpmRW3CgYMQ6kdQKWblu7I9VWB6DV/vVRO7XLbEKDp7EdKqtkNaDCYPep7o9Jiq2f+e1O4e4XTSTLDcRWmKYq6jR/wBNBLGZ2oCwt2yxHKKga63EXfGwFT1Y9A3URslQPFcLiXCAA4z0xSV4VNOWnzSL1tLbaVE+ZpkV6JdUHM4juxpfrNq/phWBOJevM0ZzE1VwqQZW6yxvimYapLv1VB/3H/asN5UGp3UD3NNVgRGpm8kUFx7TLBAbrtUUPqI41C8n/bBrLiyQpuEE7cu9TOigFovqv+oCkEIBLKQO+qasiLXdbWTcUt5eP2pB4vnEPv8ApQ/yTU6i3MgR5OKciocBZO21XEGt/wBQx/U94mjTh2uGeb5NErpYJIEv17Um5xV0neJ7Vm8msWJZW2p1QJ6k1xu2VEhgenKK8m9xRAAkt7nArEXRl31E1P8AR6n4m1OzT3NGrl8gGPtXli4Z3ptu4yiVP96ar0DcCgSRG2aW18wcrEdDk+1JRzIlmjsaaDbIL+mogwwjpVRqkuDv8mmi3jaKS922qkWwVnqKS11j9LEeNWaCi9ZY8w3japnVhkiTTLXFMmG5h5qlXt3TA3q7iYiFu4d9KjfJFPQoluG0knqM1Pdtm2xIyJ3oQVjrNVDjdGAq/vTV4joRUgHiPbFEHYY1Y81ehWLtpsGiGjp/FRlh1g/FbgbE1MNXACiORSVb00BuH2pLcUGeNOOgms4uqGuKlIucSFMaTPY4pPq88sCR2ihI1NJA7fFWCq3d1gsGhR36UxHBGGDDxSbNq0qmTq8UbXLekDpttQH6iiZbBxWPbRxI0k+01LdKs2Xke9FbVDEOZ6AUwb6DfpI9tqw2Lh3EeZmmG+qmJON60XptmO8Sau0yFLaKiGEHuaM2wxBYwegArrxuFeXIMQdqU+ldJWPUAgsTimmHniLds6YyOtYeJaJ0iNgamfXcIySfBmuJ0WxLEnsRU6OzzeYHKgGuqX1T2rqbDKp5QeYhpG0UF0DVKmR2pHqw8HV70dt4MgzntU1XBZ2FOI0EDdgJNZaUBA5EdKwQ8yd/3q6MYjJXoY7xWoTGrHvFEq6CSRMUBTSCy7desVFOKW2WSnyBUN+zHMN53mmBocGSCcxt801nUjmGfAmgmNzVYUG22pd2OK1eMa3iZ7SJph15Akidlz9xvSmtW2GxX22q7E+RfioYFWwd6us8QGEEj3ryrdokw2zdR1pyAKYmI7Hapasj1VuoRvFHIPWvOVyhzBEYP+9NNwrGRt0FPRXQlUGdI94paXRoy2Z3mDRJq3JBG80QF8ADSpXU3V2wKWeFthAblwKe4wKHjFD8wH01Ot6RpfmUbZqyIO4LOnSL5j/QaXbcWzg6xttFY40EsBg9DSmddQOBmqituJaNielLBdj2Hk1OXIwSI3it9aQObPSgsSzbwTc+FFHr9Mf0/SUdyTJrzyzHm39jBoWZ99hvE0HoniQiS7hyezRU9/iy4gQoqInIHWhck5GBtNXDVLXzqIDEntNBdF5AWMHqSBtRHhlt2muMWJXMjFFbH4izDrAjDT+9YvJUfqv+oiquE4opq15MdqnuWmtHmBicHoaK1avOJRQJ6mt2yxJqj1dTTBAJiT3rTOSYxXXLTPp1BSQMg9DQNZuu2bgA/wAo3rj03tT3WDMCqwCMVRbLsdLswIE/SKxeF0OG1ExmIqlQSIwPereUvUSBt2oJLPI89a1FVcIvyTRhJOTRaVEQMT96are4Bmd+9EnKfjbuKWxEkgx7VjPAgEk+cRTUES0EAwPHalyZ3/esJ61qnbvTVEJKnIjzTLOgZYGOsGkPJPb2oZINX6hiq86hAgbUR1qYk+9DJ70Shm2FWVMaGIGduldMYmZo0QTklvCj+9MVih5bBB7jJqpgEtsSMR770TMll8QSPmuYastdjw9KuIU3GB+YbGpeS465edzuAPaglgpwCpMSaE71pk7MCO1Z+qY0M8zrIPijF30ztPfzSciRMVhMZJppiuxxJDqGVQD9RJinlV4kF1kKBAkRXnodX1HTJ+wqgMuUyQMkjE+9WUUKthGVVy5/N/eivM+vRbUT+qkorTzaY6TWG22AA3vFUBpcTq+1cgDCWACDMT36UbsmnSWJj/kTStRbqJG0dKaYdecuoAaE6YqV7oJ/UfAgCiuF7ilSZnqaWU5SSdtwKswd6pyFBidxQo7MTj96w9oEdia7WEJ0IgjqTNMiaxjcnlcgdtNdXalYkvJPvXUyGtt3lcREkd9xTUy/71HaWL+e2artkgEgEzWOUyrO1CmSVJAHvAoyvMDIWDmaRqKzIydiacmllALcsSfFVY1LunG4O9YCNQ0zM70okhuUYitW4Y2x1rO9tYdIksCFJPwKU7rmMGehxXE5xGe2KwgYDCDV1kAuANLuABgSJpgbUAVuJHeSaTdRArPpAEZih0MlqQoneBQNNpoNzlYd5z9qAkySwNdDadTgAHbNZAIHbxUHaniJkVhe4BgY8muLKuZCjuaD1keRiAMk4qxNZ+KAEjJ7GrbT3MEEgHYHavMZ7InQpMj2HvQhric4JHmt4a9i5dS6wEBbi5UzGalfmElRIzEVH65IEk42g04X1Nogy0kZ61ZEa+ogAZHilvIXIx280RAwwneRPTxQnDSCJjvVQKhsEYH81yIDzawo280WiTzbdhREBFGCf70GaQgwhM9CcUBPTBPatLFnBAAAPU70Uu7EsQevvQAQoEDB796AntuDMiibAyoH96WSAMb1UFcZmbmcv8zVVtuIYLotgKfzE6qjCsRIUke1HYZ7d1SoIz2rPKTFi0WdZm/DnoBgCm/TgEDoIoWYkTGKzWMEkAR3xXDutiB6zPvXKZPQGlo6XEJQgkdAIzQWrgZiCNLjcGphqg75FcDB7GsD4iKwAkb1AZjeawsTSb970UEDmO1JtcVykXDnoQtbk5WabFWnNZEGJqa1eDMfUuMewIgVWiM55QTSywlBGaYFFJ4ktYWdJmevSu4X1bv9RrxgH6QMU+eta38OYClkE1TpDGpbNy414gppUCpFccHNdOKawUmCc0PpjoZpKAljiTWy22o+1bpzvjxWrbLGAPirtOgAd6etsWlMNDMMjxWC31I5R+9axVgdX1U8M0s2wfJodJRt4opg5BnuKINJzHzU0woyZ6igKxmMmq/RkTkRua4WweoqpiZVxtTkJGwE00WsTQxpJ6U1ccXIG8fNYxcpqdjpOwJrok4msKjrk1fpnANBoc0emK4iR1qagE3jrQLcDi9LYBgEd6C8WKlLWSTBM0qyrmw+lQ2QCCM/Fbk61nRlyUnAn7UtiOgrV1L9XJ2neuAWZyK6INAI5lJPWBXUS8SqKFVMe011QLtfXgSoXOKrssBeOtRB6AdPFQKNLQWgHBq1XW5J2IJjzWee+tcT7h5o0hc401oGSoEr1JrkAKlHyvQjMVtu6FVkkTMz3FY1uwp7skKByjFaaBhmU/fpTOmaxQMZ7Vp8Z9zWMa4NO2aMj0sVI2FaY04MYxFYpxG9aD9qstCgGkkMfk1l11tqWf8A+0zSCZH2qDjGl1AcN3jvV4zal6DeueodJUKAd94oLVr1CwnbrFYiydRwvUzFPN1SCiCZjJx8V3zGSltAOdZ5V+oigRgpJgT0kVTxCLb4YCIZyDSE0aCSwB2jvVGF9SAFcgQDFcAxHKrQR96YWVVaDH6Rn71od8B3wR0xjzQYj4CtgiiuoTBiR4oSLe8EeWp1omYYQNvIqCe2xBGCQDmDRnNuTzT1rXTTcGoAnc9iO9YrMNm9t8fagxSIzt0okD7lSoPWtIKTIAIXMjJ/vQlOUxk46YoAJM5IPvXQg3WuYQD37djWLcO0KfeiLbCkW11AyBTznmC47VDZvuWVdIjxTDdvn6bQXse1cbxuussxl66NRQKADgk1KXgQmB3qheEZsu+TvRfgfLGewrcvGM2WkuzWbo0MDyiYGKPVb4idSlbkYIzNZf4cWlXTJJ6f+qBy5T/phO5URNXJe4nh3DXMshfVtpmjuXxafTBJqFWKsCNxTXuNdM8oA2ExFS8OzVN2x69wN9IjeZol4BFA1yT4NIt8WUUAiYFOHHMLBlBOwJb/AIamcp0vQX4EBuVyB5zTbNo2k06if2o7SveTVmOviteyyAnUJHes22+tZGK7JgH4ORSfxa+vpVVEmCw/mjSSYOPegb/DySSsgdYzV43+0v8A4qUkKA33ArQAJg70sKYE5jArjIHWsOjnkjFcokgMaxQTvTrBb1OUCBvAFIld+HO3XzFGLCrlobxOKewV4l9x96VpNsgGCPetpMYw5pU6R2iuLJsyJPeK4yWiYz1NZoyeZZ/1VntroIFsGYPvitNu0STzfaKLSYwy5812gwcH4FU2N5SgQao74rRaUdpNLDEMwKAnuBBFd6mJEE1E010dMxONxSnYxE/FcbzsNyB4oe5pbE0tr4spzH2AyTWNdWVDMA5/KTmgvm3a/qsIO3JjV7155vH1fUSVI7nV/Na48djNq69eW0MnmOwiak/EONXNrnuSB9qo4iG4bn+qJE7zUiWXddQGPOK1xkztmhdzcYsxyf8AkVTea5atIVICsIiNsVtrhkVQ10ie04pfEH1+JVEIOwHaau7UK5i3OSWIwSaJlZbmiDPYVl1QpicjeBArNR3G81saQ6cpLA9jiuo2uKsaGGRJ1AEz7muqDXsG1AuyAdiM0y5aCW+RixAkEGRFU8Xp/CLa1Auu53jNRopB0u3KDHf4qeh3D8SPTcuCdOcbxVQe3etFiqsNMg9a8sP6d1SRKj9OMU4X9BBUn0mJjGVNYvHL06S7FaqoUQTvNETilBulF0B6VybdO9YJNBfYrblNyQKnaxc1iSdZ71vjx1zqssB9TKD5MUQYBZBkHOK8+7OqC5Yjc0SsFvKwXlXcKavx0mm3Lj3bhtBtCgx5NBfsKqKbYIOxB/mi4llW8rqRDCQf70oX9I0lRGxg1vj4lGlkOAbrmQYx0FYStt0ULAB1HO9Dcu2ysKrE7yTtSoJInrma0h1wtel2xJiIwtKlnYEnwIHSmMhNnJ+k/T3oeRnWBA05B6Gg5CQYTMHOKIEqxYvBxhYmKWHIQiIPetXDRt70Dw4XJkHyN6zWSx9NcdcTSIAPc91py3baCLeo5mG2oNNzAS6ueh7UDDSZHMo6jpWsy5IQBu8z+1AiTq1Y0jp3oD1sFAccvTqR7dqDXzNpEg7E71qIG5hnuK0Wi2cnt5oBBVSNShjH5TQAbDHzTQCsQomrE4NUCs6zc7TgVLyxZNDaspyqoljgmrk4fSAPpPtW2lCLqAM96NGDNAmBXF0avDiZIDUwWFAIH70q4+lSA2SayzcLZ3A3nrVCr/DW3PMBt7EVPc4HUvJE+a9BwrOZHjeuKou/70lsT15Nn/D2a4VuKygCZGxo7n+G5JtsV8MJr1gqPkMa3lGCwmr9VMjxf/4xwJN1Z6ACawf4c++sHO0RXssVU8oAPQ1Hxl64FYnJAytX7p8mWHVLaqLcsNzRPb1A9O0dKk4fiEeHckLHaqBfV/pA0/vXO2tkOhUgEZ7ijtsLkpdeEjBGwp+kNiRFefeuXeHuEXF1ICOZcR8VePaVeLSgw+rTGGkUL2VSNR5fGakPFhhyux6ZG1ZqJ21H4q24TtW9tVgpI65pRMuCcKO1CrHsQetH9Zhois61jg+htVssD2JxVOsXbfKRMSyHMVO2kYFCq62AG/TxVlSw4hhlhHnvXSPHemEhLAD3C0mCJ2pJW3+VwR5Bq4mj080aST4rnL2iCoKjwaWrorAzMdIrn4uSVdQwPbpTU1zMW3O46npXaYUZz1pKkk9Ypg3gmKzQSgA0RyMUERBmtLYmoAuhWlDsRBFeQ66XKzMHeN69S64RGuHYDYda8264eDnUcsfNdv8AmzycDpdWdRBG3cU27ebURb+naaWSOUqxIAGD0NcR6jHSOcmAo6963kZAzMzSxJI706zqRTdG+ynse9LdVDQjagwjIyD7VwMKbbCJPXpVHb5ZiW81gUExq60egOx9NWbPaiPDXFHPC+C2aDllRCsI9q6jR0CgG5c/7RiuoCwpVdQAIkAf8/5FAzSoEjqNJ6jpQqzMCG0BiPqIjHiu06Ms5PTsM+9RQQSdJIMztnbamLavLaANstbIkjsaosH0xhrd0dlgVlziGj6NIMZnegn4W4wYWyZXp4qwbeakB0qGzqUQI6R/9ol4kGA40nv0rny473GpT7cC7bLEAAmCdp6VJxLv+IeSJBIxVnLctkGCD2pP4RCSTcJ+KceUnqWJxausuoIY3msTSVOtyPA61TxDBLBG04FSbmtcbrKhbaM4Nm9Ljo4ikm2wIR0YN0xvRFECqRcmfqGnIojcLtpa67p0Bj+KvakR80YjSGBOqcCMVTqs3SEHDwTuZ0xU7qtskFiWGDEEferLqYIk8+qCD5zWl7iGEc6SJB8UkKSBAmqrPCu7hGIIAk5kL/tQTgk3JLRO5rGJD4Mx1Br0P8SsIiTbCrBkwe9QBCTyjV7UgK1bNwnBgbkVS/CXEtEA6Qc6Tuar4Lg2VJuHSAZIjeu4lVuhn1KF2mdqmmPKSdypOIkDatIK5YMPfFExUHlZiAZAnrTLKq0kvG5O81Qq2hIPQb0TXdI0g1pEbBiDtiJ9qS+CcR4oLOAt+rda6/MEIgdz0r0gJbmgHpXlf4Y2niSemkye1eqtxVbB33Jrjz9dOPjmQwZOOwrrZj8kUwXEnLCuZ16Gsa0WwUkEjNDpecRp80LaS3T70TtC7T7U1TAumGjPjrWM4JDNgAYFbYDm1Fz470bqoG01EJt3SXYKeUeN6Y3MATM+KWiBCWXA7UxDIJoObK9zU3EEMNR22qg7RSHwuYgUHmQbN0AQUc9RtV1k6QAzZjbtU/E2vUBg5mQehpfCXicEnUNjXS9zU8uPUtycnatv2UvLpcSJneK62y+mCe2a43BHiuap7nCp6JtqsJM4rzuJs/h2UK+SJicivSvcbbtKVUFn7dvevKcPcuFiZYmYmu3CVjlYAMRkEz71dwl57iuWElAM96gII3EUbaktxsGg4O9dLxlZlseizhgSDnauRypBHTvUvBn+mw7GapRScmuFmV1l2KXvC5YaSAx770j1VUczRO00q44tjMknYDc1IbzawzAGPykYFanG8mLcW+qj4U53o2SFVu9QPeLOrDBHUVcjF7KE4nYVOXHEl1oNHBYz2rFWQKC+j6GVTkjesxTNaEGLi8u5nalNxVkHSpL/AOkVHbYLZe2bYDsYLN0+KFQSWCmYE4rpOETTXum5cT1UItqfpmk3X9S+z4AY9q0EC4qqsNMb7Uy/psnREtOoEYitzJUYgtJdALErOQFNZ6SO8rcUL1JxFIZtRJySTOTXCCeYwPatIuuW+EUIQxOMsrbn5qa61ksPSVh3LGZpIBY4BJ8UbeoUWQdI2ximAjfuxGvHZcD9q7QxIe5gRIB60r8tMVRI1cx6CgYb5/KgbyVmupluwugTH3rqgWtxmH9Yak7msYp6IXTzdM7eTQKYPc7ZrZ1nmIgbVQBl3lmz3rQwDGJmNyYoyjlJW2xHeJpYEk6ht0oDeSIBkdR3oWwxZtz0FFayGMxAyQK5LbXFLjYYzUCwSuxI9qOxeay0jKncGsFsk5kDvFZsI/tTILBxCnSGGnVtkGu4oA2dhMx7VGELHlExuaqBDWvSurt9LKZM+1YvHPGtSkwSCKJYMDSF/wAxk1S1myTat6xqIPOBAPv5qmzaCBcBmOxYbCtXliY882m1RE1sW1DAnPTTtNezbsAuTCyTMAbD+9KvcJaVv+iq53B3qfS/LyAY/aiRtTBSSE3IFWX7AIOjSp7bVHoKvpICknM9KssqWYc9w8QujoFgE0zhnt2w1kA3LjGB0BqVtSFh9Q6mis8hZ1ABAxPSriPWvXw+sTpQCJB3+K8p7bXLui3LH3oNTOwUSPc1zAkwpkAZMUwX2/wlhCt4lnKj8sxSn4qwoK2wxEQMATUhVljUDByJ600j00xoJI3A6Uwa91rjBjAA2WMUi5JYkiJpyXGwCiXB1GmP3Ga7iNDEabXpmNg2oUg7g3ChxAnGetU+riKgRLkzbBMbkbVcypoUq6kxDAdDXPnx/W+PIQuHrRi5mkbVsma5419KBcAOTRK41SKlMnatyBTDVoumYms/FNqYEbVGWjrXSSJj5imGqm4gMcmhW8QQAZFS+RWqzdKfK7FhugDfFTXrpJ5TQyzY3rNBjO/ak4mtQs2OlJcBbq3BiBDVbZti2NbCRE57UllXUVKkDse3mt+M7pY47SCBzfxSjxFy44AuBVOCdhVNq1YU/Qv2mkccwJVEgBckVeOb0XS7oHqkIy3B0Y9qEJcIJUjsQDmO/tSgYmtDkgKWMdprrjmMKzAqo1kAZGf+CutFCyrcgAbkjxtXa99LaFPQSZrPShdZMKdp/N7UDbSvZuAlSEfAkRNXcsAgjGTXmO1y5AY/TgSdqrHEK9tEUy74PjvXPnx71qVLDgrcBkk4PmgaSxPWaawKFrbGY+kk0sNAMgGe9dIzTEt+ogCkBhMz1roZXTUTKnEmgtkFgCYnrWMFF2EaVnc1B6i3kQhCQDEieua13LdMd6g4oRd1TqDDlNGOMK2Su7TjH81y+OumtZxkLcVgBJWphqIMdBJondrhliTS9q68ZkZMsMUvKw6GdulOvWhcd2QktO28+xoGVfSLqV5sGTke1Osa2tWwFGpZhien81Lf1YmVtNuEEMcEn+1LIgwZmjvL6d51zg0bO1yyJkkGMwa0haNoBgDOJjatd2do3A2iqOHtWLkAzJWDJ69KVdtPaYcrAjuIpoXIGnE96fwdv1+LtqTk5JNLthR9YOrz0piIRc12mUMMhZ39qlFP4f1HuEysNETMV1b+IQ5bWCcmFH966oqDGYWB19qK3ABMjuCeleld4S0y67av3xkVBdUqQXmScBsn7VdRTY4lfUUPLIMcmwNNuJY4i4SP6aHfFQXLvpsAiskZy00+3xYKhW0g0wdxHCm2g9PU9o/mA6ii4d2scOBjPRhmT1pqOBazlTlgDis4srdRXsprZVgx0FRQ2la8xW6ueojpVL8Lw2lmVVwuc4qS3xMcM3pOVuAAMX/tQ+qt1FtkPqJ5iNj8UQPEJbFqFTAzqBxSFvBUK20A1CGJyaddIsYsvrBXBjYf2qQKT4rUDbagsS2817KQACwjrHepP8PsBucDwvt5r0btjXpUEKsbd65crtahT3YcHeexpdy6boMQF99zQPbYSXme8TTuFFtmIJBIyDUUhRqkkQR22oLiK2lrtrPQzFVta5nUsRGcCcVKyExrhcbdT8UzAN7hbdy0GtFsHJPXxSbFuwZN25B7KJpygK07jrNTtYZnYrDKR06fFalZwN22gckEmT+1Y+pRrWAOkRWiJ0uCrDOf4qi3whvLAXQRnUx6VrQhnIsDUupiRzzJxSVdgI0gj2os2rpQ8yg5HQ117ScohCjvNVDFvC4ArWhqn6hvFV3xYS2NOpHIzI6V5s7ECCKaOILf9VQ5/wAxIqKaVtH/AKV0wT9BU796M+itouGAcYAXp7ih4fibNljcNpdQOBJNLbiFa8zC2NROGZtu2KYKGvW7SKdM3OoLf2pbcQ557lkqoEAzAouHspdZ71xmKJu3UnvUjXHucpuMyTiTU+YaMX7jEAHTPan2eLW2vMGcg4IiKkIAnSfFcIhgd+lX5hr0NQcHmUO0SYkjx/FUfh7SJpVw9xtpO1RWCy2x6eJ6gVtxHDQ5zg1zUZh7pGqJPUQKf+GeSWYEHqCIqQAF4LQp3MVZw7IF9JyCCZGdzGfirKA4eyru7sx9Mdx0oipNzVbj68AZn70T2Xd/6NzkP+alG4bPEujJqiSxJ3oNvXDOliW0mBNILljLGSase3aFsl5BzAG/zXm37oQGBntUu1fDy4VCUEkAmDXnKNbEsxk+Jk1vqFgdZJboe1Yhi4Dgidj1rpx44zbrSqL3PcHFAxEmBFbu2THmsJ3EzW0aqgkSQB1ozcLE82F2nFKraA5wJjrmjW3cGlkXMghpEClAwBRazq1AgnrI3qA9TNcm5BBwcTjxW+gdSqHUE9Cf2oFcajPKpOwGKIvbjSLY3kUGG0yNzAiDuOlHatJdUAlluedjS2BJO4gTBNGzaNMbadwSM96lFFoKVayyEAflJmPY+9RldLNBwpPzVqMLgyOZcHpBpTaRxDNcTWI22BOwNY43taQukNnNO4ewSNVzC76Y3plhUAMhfUVjkZpv/M05cvwkS8R6Ru7ENuegpVu66XNSxMRkdKdcX1L5/pkhVnBjUKB0Cf8A5GTsNUx8VqeYEsZMkyTXAAEGZnoDR7WIjmLV34dypdSpAzvV0clz0Lp1IDIj2q61/iKXkFviLQc7dp/2rzvTMEntOM1wPLAAmd+tM0e3xP8Ah6suuyRn9Rn96867baw+loHtRWOMvWdIuDUnkbV6d27ZuWZJGiN27eKng8cXD3B966iv2AtyFlRGzGDXVUWWeLcWbnrIxExM1IyEu98IRbB5Z716d69bs2dOmIEDr8YryeIv+s4YAADAHapApjqaT3ya5bbNEAmdsb1jGWxV2m6/puqGQMFYHtP2rQjXVBClj0Iiaaoe2MYaYDA1Uipw1lTcYi7BPeut2w7AhxO8nEVNEiK6NzyJIyTHXvVljhyES4RpdpjtB8066ba31uELoRdMHAM9ql4riXYaFblGyrEUFVlOHtDRcIIjcDFT8TYsoNVlwy7x2qK5cZ4DT5rAIwRMdRTB63BQtvlyHWRnaqbMOksWLyQJNeVwtxbd5VDSj4E4g16L3fRaSgaZNc7MbDcRrgKIIJOd4obFt2S4QRJXlMfemXeIttBB1CJC6Zg96nVxMLIzjxUDLLMsqSArbgiQa65YJP8ATKE9Qp2o3ZTbBOSBB5s/alrduKAFKoh6ximBT23Vgrb+21Ekpmd+4ow5DqVEMBzNMhq0IXsyDmdompgwqt1gDaTJ3C0F3h9S6bZ0FdhOK49ASSexFMUGdx8VO2pI8u7auWrgDwDvIrnJgM0sT3NVcVcB4gIw5QIM9T70i+qat4gSZzPiu02ztzvpTABgVjI2Gaw6SD0I2810kNrWFMyKK4Gy9wSW2M1UAFBEagD2NGFlRHMZ6UJCwCJgHNapKNAeI65oD9ZfTdFGjUZnfHal2/rABAzuaxgJ5FaPajNi6qByuCYjrQbeZS7aCIkxj96V5qq0i310BlW5MknrXXuEu20iJjJA3oO4a96dwKMjbNenxT22t6dUsfAM/PSvIUjUvUjpG9etbs27g9QDBGANge1Y5RqE27OsQokjxRM3oaxcRWuHY9qoa4LSaWBBBw460q/dS6nRjBjBkVAdm4lgFUEkj71124guQbahxMkrNKtJoI1AzkEHAGKAurFQYxIIyRUVl1wNRChl75Ge/ivOUhbpPEWywJ6yK9MOqjlQGJ3yD5qDiXN5yArEqSWmtcGaHiUsQHsMMzy5wKmpyBCpBB1RygCZoHGx0x8YrpEBTLbqkygY9J6VtoIZ1KT/AN0U8W7PQZI2kEfegWosXFOo+m3sTNGLdhZVjqPTTkmtt8ItxuUkAYMkR96tt8DbAMK7eUFS1XnXkBJCWCmdyZpLIy7qR71654Sw5ILlH35hFTXuDldQIJHnBikqIM0+w+idQERtGTXIAL2i4IEdBEVbxPC2nS21toJ5c4Aq6IyLaoWB1Qdz/tThD2VKiIP7VIHdDpnAO001eJbRoKoQQZMZ96BgIRpQMR1HitvOHs/0yGJO0ZipxdbTvttR8O0XC2oqW2jas2fpoBcZLjRAPWBijXimEyAfbFVXWtpJW5bdj3Xp5IpYtG+ZW3I2JU4FT32KXZvHnDGOXBJz7Cl3ypbXbP1bx0pjcN6ZBMxEyCCDQjSQ2oaAOpAB+BTrdCw4mfSBJ6mTRWrhBOm3qDHaetCzieUH5NCXJiIEdq1gt4e7ZgW01Kex60TWLbHKj3GDUnDIzPqVQxXIWYqkXggIuowcDIGa52WXpSr9p0Xllh3A2obXr2VMs1u2ckzE060WvWyr7mcLgx381KLLKwIZSNwRWpvlHeldu88MwPU9a6ii+6jlZgBAIMYrq0jj6ttmtsSpGCCaWQF6ya245dyxySetZ5OTVRwAI6A9qc1xTbAJMqCARShgeZ2owAxMqAe21AKX3U7k/NGb2n6d+xG1AEEaiuPBrlU6pUbd6A9bYkySJntQSrHYjsJogx1CVB8U305MvOckrk0GLwjPiCG7VycMSdJKhgMLqyasNhPTFzSLg3BJ/vWHi1wGAI8ipohILn0gMgmPftV9i4L/AA664LDDUl0V3mVE/Y+9ZcR0s60OUGCMEVLNWdKhYBhVfS3SScmgOpG0sIZehpfD8R6kq0SomQP+Zq4onELDmLijcb1yrefqR2DNlSPHau0xqGvpsOtXpw5Nso8EjYmpblh7Txk9QwGxohABHXNPDAgAIFB6igYAMep23msPjFTWsE1wxBzHWlcRxBtW4BILY1Dp7Vu+JqbimGtF6ASavHupfC7beoTqgwD9Rk0H03Mc2k9NqzqzyCZrEYqZU8x813c2zAzufFNlnREOCnRh9opDSG5p9qcLksG1EMNmJ/aoGRrQQFDYwh/mjS0BAcaSTtG1St9Mg7HAO9XcGUdCjKG7EeKigUKrDBk9RQcRce3dhSQwwSDXo6Ftg6UJuE48ea8/i09Jxr5ycmcTSBCjROoQYwKdY4t7WZDZzJqcwVJBg9qyMTqG21VDSBcvcmJPWvZtsq8OpZmCgadMzPmvF4Z1t3wzbfxXrWnKiGYAE48Vjl61J0XfYuusnqRt06VKSwO9U3NEAZMd6QVBEg5FZqsDd+tOtkHRIBA2AME0j+a3VB2HzU0UEMyRoMgAT1Fee2ocW6KwGpoknHzTLnFv9NtsRBM4NTH6uacnNdOM/WbVFywFvQtxdawTpOx70xi7W7q6Sy/UWnINPtWlZSVgBVnakcPeVeJaCChJw+JjzUltMRMdLYEd60Mp+qas4jhla5rkWg2QPqFQsulokEdxXSIat0lkUAwOwya9VrpRUCrLETpDbVLwl+1w41i0CwBk0u7xQvcQX0gA7gioKbYN2I17yWjAz2qg2NZaCjA/VJiT3rzTcKmQSTMkZzT14tTbyV1dv/dMVQ3AqTqdwAegqe8Q9uNxP0DtFMbjBcxqHtOalvKxzpJM9+lSCMiCRR2VLOIE09OGVx1BP2qqxwRtMtyDyiSSd6tqYmtcLcN4powDDA7CuvqisbaQSm0V6N5v6Bh8HfVJFeQ31fVk43qTsaq6yeaCF/NWqyoxBTWvUTSSZJ236Vonoa0K7V4I+i2rKH2ESPtQXlF1QVWH1FSsbeKC5xNy4YJnEBQKt4XhWKIIOvfesW4smom4VxoAXJ3O4qz0EIIYavenm26nTpz2FZp+K5Xla18vN4jTauKLXKV3gmaLhh63ql5JIg5qy9ZW4IYA+aGzYFkNBmTO1a++k+UjWkU/mDAA43HkUl3knOqe4qviQwIdJkYMdqmCi79UIf1bA1043YhJJO9dRMukxIPtXVpHHxW2hNwDPxRG2VyRIG8UAkHG5oCxpnYjEdz3rGbVmMmtA1HOJ8VnpvMaT22oNQ9yK1ebEGK0pyjTnuOorgRkDHvQbqhYjE9q5bmjrA7DFcLTs3IGIAnvXGy88wHsaBlu8VA0sQJ6U9LK3l+vbOOnmplQ4GnfvRhmsPn7A7VBXZtqpIK6iD0PSguIpEA6e4M11niNaEGQ4XPkd6DiiVuXCesHHSorrctedoGFCwBEVaFuCLmr6Rg/2qWwQ2pg5dQZkiKZ6zKAFMT+9c763PHoC4ttFVmJaNz1oLlwMg5wucZivP8AVciWhveuZmcySZjFNiCYgMTLH3oWYb0s6gMihDJrm4wgD6SdzUzaa1ryic5FCbtp2i6OU7N+mp3bW8xiIAGTQ7jH2rpOOMn8TwdzhnDCGttswzSLiFR0jvVacW9tNBAe3H0npQXUmyt1Mox+x7GqJnlhMgwKxSQaLTPTMT70IEtWkMEiP4NMRtGVJOcRiaWn1Q370wrqYBdjuRtNQVX+KZQsiSRM96guO1xpMmqrzg20UcwAnOM0gjlABKk9ZxQKho2P2rSjKJIIFNK3UQyuDjUDFDcv3GVUJhRsJoA0Np1FTp2mKv4Zi3DBtmVonvUKluh+Jqrhbo9P02gfpjvWeU2NcfVA1QdRmaCYo1OM7UpyCxFcnSuYjSABkUJH+1ZSrrSVXUQIzFWTWLSASjypgg4ow/qXF15z0FZcQpgjPcdaADrOa7/jD0XulLDAYMRUJUqxUENHaididJdzB7DamNZi3ba2wYncatzWeMyLeyg1y0rW4jM7ZrrRBmSBA3Oa5iGPMCD1oMBYg5rSGAMbcT4g0uCBBkfxW6ogg46CZo1H9P68kyRE0AjWxiSYFEl3TIZZ/kVy6naFXp2oiAR/UDavBmis9VQOXHcEVUilCDAYLGQ2PaoyEnZ1zmc0StctAsjcpFQenaXUpws9CTBpssBp9TTG2ARUvCcda0BXQB4yTsatco9oQVznJrNEl8apU3FjweledetaMiIOwmavvoSpzA7xMGvO06X550/5a1EbbtszMwUHSJI6VYvD23XXoZP8vT/5UvqRaBVSBMaviquCu6rcSeXBz0rPPc6a4+nWwEEKqr7CKot3fT5h9qSSJxWg4rz67K2vK2FAII2OKWbTsoxEn7UmCdjTE4i4uCQRtBrU5f2zZ/TDbZOVhSzyY3FVK2sGZEbUi+p1RWa1CDA2qTiFZSXXI7ETFVRuKxgAM1rjcc+URDh3uDUpEHtXVju9u46qxUTsK6vQ5q+I4O96YKwY3UUlOCusQWQgbV6fqzWi5ynEz2NTarxzZYNBEeTiuAu2+uVP071fetl9i+M6TmK30UaCQW8f/KuiNOJsx/UsDVO6mJrfxFjSALJZhuSTVT8EGLAHB7D+9CvA7xOMxtREovcPPNw0ezEURXhHgo7qf0nMfNOvcLpUkDVmonWgpPCoGhkuEMcMCCKaLIRB/SIUiGa4IqazxBQEESp3ESDVbB7LB0b+g/fOk1BLdPpXYUYCkb9DWtcN200gx9RbvHSqJtsGx6mkYC4jv8Uu2HW8QbZVGyB0xVG8MNHDspENOa1vqxWpAVgPihyDXC+uv4MQBFaNsbUBNLuu6AG2d+lJNZ0x3C5I1dh3qcWrlx/6aEmckD+TW2zNzVcyYnJiR2ouI4m40W0aBEEKIrrJjOse0lkf1HVX/TOpv2oFVX2DA9yBFBI5VABE7964LJ+qI85rQJ7ZmOvSRE0Vi8LRZGBNt8OOoofUgc3MvWmXLYVRcEkeO1B1+yAguW21LvU11PTfBlWEiruFYLcW0xlTlT0IoeKtcpQAgatSH36UEI37imSHH1cw26e1B9cYClcHzmjdTpMCCuSKo5izfWx5d4M9aFV6hgP9Q3rg+ASQIFcxWALYIxzZ3NAx7ruyLcgKPyqBmjCa49JdTr9QJ5j7Cp2OFGo7bREVqhkMgwag5o3Bz1ERFYqs2RuDimtfL/Vbtse5GTWhbcElTbBxIOoexoGrdYopMiRXFqUq+jc03XBXspyRVjWuGuIwUMjTvJEe9Y+WvpLcuhB3Y7CstvZZh6qsr9XVv7V1zhLqtqtrIicVOZ1QZDecVqSRm1Rd4a4rldWpMFWnGdsVO6MjQeuZG1UcPxDoCoaARB8e1WcUlu7b9S2ouM2xmIq7g8uSIM5FOttCkhiB+kzFElsXOXTBG++a9BEWzaPplyp/KpGPuKWo8gtJJP5t65CS4iJnrtTuItDVKIQNs0pkZBDCPNUYZaVkRvXIrIVcCRO4zWFTA87ZrJIwKoct2FGApB3jMVh0OZmCd5xS9WVI6CmhlJJHLNQYGAkMCJ7U2AIKsvNjIwfegCkEqxx0xg1qrpvBYJB7ZqDmtENzIV8gTRar9vCmQOlW8HatMp9S6STgANVR4WxEDVq6Zqarxm4h8hwRq7msDW1uK31L1gRVnE8NoIUspAyekVI6lV7DeNoqor4mxZbhSOHONWrJ3qLhGKXxjcQa21fuWSNIGn9JE1Xeshit6yChYZEYqXzFG8KJWsW6F+s6R3NTXjdgBmC7nBpJaZ1MzdhXP+Nv7XPxlnpqY+BWJxtt20kaSe9RKpJlSAd96EkR1kVr+OJ9165vQsA5rjdLQJ2ETXm277dckCBVaMGAMQCK53jjc5aKebahdhnVGO9EXCiftUnFPIAx5FSTazypFzSzltW+dq6tF1QI0T811elzO9V/P3o14hhiTHalgHVGTTEt6mAPXY9qgt4dvUBKtnp/86V34h7c+qhEGJqMF+GeRg/83r00C3rcsuR0NRQJxCvOg/ejd7kQqe+amvKRJ08wM460K3IVjrGo9JoDu+o6EHAqG5bCnuT0iqbrEkwCRAyTUrLDY61UL2r0f8NJuW7loiRuKgKiDODXo/4SQrOrCCRialWIdfpXZM6TKNHam2WAW4jNBtgwQN+lN/xHhCrs9sSGOr270m3bYW9JGXwI3Oab0GWeprrkaSwBMdBk1yYFBxN46DbUEedq5SbXTyE3b3MFQsAN8QZpds+oSHJjEz2pUw2Z/vWo0Ag5JrtJI52ntc1EgBVU9IyaFlhi25/k0kOwERIph5iACIHX3qowBWyd5+1EogdRnrWEaPnJo4xIM95oDNq4i6rQDhsYqmzYZbBFxSuxOYxU1m9csvyEROxq4f4gLo0X7P8A3DNShPCC56xXRGkSkZx1g1bd4dbiQu6MSPnpU6cYUeBcDIRAgAR7063xan6s/wCYGs3VQ3OAPqsVnedppVyy6mGh574Ir1W4mwWMPB8ijS5aKnUVMb4mrpjwm4VlElgPeksjKYK56V9C9pGXWpgeNqma2oOrA9lGaujx9LQTpNOs8T6QhrauOzVebxkyoM4IYY+1ATYdYuWQROCpgimiY3+HuiGs+m3Qq1Lu2YEoxYdiIMf3r0bfCcI4JRioP5XiiezctnPoFei4Ej5po8XY/wC1MUuxjUfk1678Lw963y2lV4xDbe8VH+Fu2WC6dQbaCY/amjbfEcRauI1xmdfzdcU3iOJ4O7GtS5HWKmucPdCgsjLGJIpbJpVsrynPmgpI4O4x5tIiBRJwV62jG28+DiomInVbUqO0zmvW/wAOOrgzpeWEyD0qVAcDa9Ry10MrJg+adxDMtzTpGk41f2oHuC05UMAxH0nvW6znBHeaisa8qMAwnHTINcfw5BDBVB3mhu3EtyEA+1SO3qMS37RVRnE8LoGtLcp4NZat2GQaiy98ZBo0Ny3lCY3iqk9LihDKFuDqBVHn3bVtG5XLINwRBrLcKiSE55EkTFW3rEAq66YnS3Q/+6newY0sCsmVJFABtMogyCf3rHYEZGryaotWCbUlsqYM9qX6NzWIGo7Y6UCEAmVMHtNXW+K0f9TlMZ80r8Hfa6LRUqWBPMMClXUuWGCPAkSJMip6KL943hrXIAjGajaHbnYnO5NHbJtkkqQerUxFLnkUPOSFOftVG2HVGAgMhGQcirrZF4KUEEYAio7tpkaFAaczEGl2btzh3OW3yvWoouKtvIZskjealZSWGxJ6CvVN31FDEqwYxBE9Kl/E2Ux+ESZwQaIBbdlkQ+sVbZgw29qG9w7W4aNaHZhtV/DcbZuOEa2ik7EqK9H0wbZOkT4xNNxcfNMgiQG+dqK2xUQJ8aTvVPFWUS5GkITmO1ToHa4LarLE9OtX1BAXbijSx0ncFqnIAYjMA1VdtXeHkAiCdwQf+GhtuqKcKzfxUhS3tyQQQARiYFdRNoczqtjxBrqor4O2Ll7IwFNZct3bVw2n1EETynFbwN023eBqldqe/EvuDBPWBNAhbJOAnN3bAHsKtTTZtBQdh1qR+LuFdh/FTa3dj/UUe7RTBRfvBpEb0FhdVxUYmCdzS1XrOqdop9qN4E9Y3pSKOItFLZVSfaKjdCBJECrTdkGTIO+KmugENEk96kE24IO4NHaZ0Iu7aTuKU0g4G9XWE9ay1tjpYbA1RWx9W2IO+xqYMjcRbxCgAdo7jxTeEUqgtvOrpQ8XYKsbiH3U1lonYSdqRdLsRpHLuBRlzIEQexO9daYW5JGtD0napItvRbhbiyRJmDHSkXEtoY0tt2irNVpiVRiFO2YIrfw/JObncTmtsIFDNy6dUjr0reZDIGe9Wra0MQVhencUxbJY5Bj2mqPPILACInMHFGNSAgie9O4m16UFl1LP0mkm5ADWg3p9iJigwMsYzTUCHfB9qQ5QnUrET0HStS442hh96B13hrg5tOpf1CgVTbOHimW7oflU6GjOcGityNlVx4AP8VAEEtuCTWglYyQPFUqllxhdLdiKF7LrOn9qAbd0oeUsJG24rvU6f+qAAzBAmihisHbyKDAx+PPStdRMlceIrltjqRHirV4VSkqDHY4oqBhBGmR71p9TTOqREirTwS6DCEGMQ2KBeFJYgELI2bepoiGoNkSdwYyPtV/DPedTKSRkNnP/ALpL8M5y2B0Pf2orRucPc0lge4nalGXL1wMW1NB/Kw/4RS+KVDZD+mM5JP8ANXlEdfUC5IzUl9XvOqhToQSF7nzUggWy93mCcverP8LtMLjvBCxEVUlogL0LDboBR3FHDp/TJB2icVdEXGw14DIalXTPKrkhcA11wuXLE58UEnAGogVUZckiG5x56Ua2TEyKHQ0/SZog5GX9vNAwKFWZyOkb1lrQ7AQVbxXTI6fFajC25Oj5maCu3dKgW7v9ROpO9Hc4ZdP9NZU5xup7j/akLcD/AEkT/FH+I9MgQQTgBRUxSp9C4uvUB3AMGg12vVJVgqT9h2NWLeJUhlBB7x/FJa1w7TrtquNwKBFu/N5lS4xQLCgtg0q7ZW4S7GGPWmtwAgNaeAe5x96eiBgRdlWAjU0Gfmgkkrw7qFOpIHxSLY19NJ9quexrGnM9IMGphZggHDCiG27rqpR2YgEEZ7UN+0L0suZM5MEU5LaMgk596FrBBlHWPNFDZuPYQroFwTMEgkV3orcMki03fof9q4m5b6qRQi9p6ZojW/w9gpjmY5BU1Zw/F3FTTdQyOhGaHg7yS2dIp9zhhkhtI/ap/qk3H4fiTDSG7HBrLNheGLFYJP5jmsa2shbihvP/ALqjRotBVIdowxoPN4+09tka2RobeO53pVnh34hgqgqozJ7V6b2fXt8ygMBOKltKS4UbTgVYMHDoZABGnH011PfhnuNOsDpG1dU0efaGmJ3296YwDfG1GV6SDHShMdK2ySbTM2Wo0tKOWC58VsmYMx9qarFMAADrFBqD08BFB7STW+swwVEeKE3kLZGT1BirEsKyDTn2NSql9UTzAiguurrAmmPw7IGgYFIYaWOINBoUFQW2GDFE6tZdSJDbgnFLDeenvTHuq1rSQSZxjags4a+LpGIIG1OvGWXEggg+K8lDpgmYGZG4qxLxvLpB5/OJqYunvZTrilXFtAaWcQfzDBo0utGl5le1Ia+UulWXUD+ZcUQTWhAIi4PImhFoO0FDnEKaxFFxgULqfGxp44e7cB/qMGB3bpVCxw2NCqxnInApg4e6pEsIAzDRT7a8Qoi4yN5WhuWy7STgfNZ1cIulr39PRC9M0i3Yu2gQmUmrRptid/FC2pzKR7TV1EZ4UN/UMjME023wFt/qAnoe9W21KLBBPvS7lyyridIxmpq4BOBtgiQY871lzhks3JFgsIwy7im/iE0whkDoK1eIUiCYPY07XpPctC4pJmB9xQLaa2wzMEYqktbYQTk9qBVUYW6wB/K1VkkFUBuMoMkwKcLrushAVH6qG+moxqB7xWIugeizEq2zDp7igZauWmTUEVWGw7+1a/FAGAxBjNZctFUPp3Cqnt2qcWRqMvPsN6i6aeJdt465Fbw1x2YgGBMkmuFpY65/UaIW1gjUtXobxF0C4oYyFM7VI/O4YklydztTTaeDDRPShXhiSJuFT5EURVaNshYwRRsuk6k+R0qVbekHVcn2pyMA0Y099VTF0u4zOeVip7Gpb151EEz4NXl1EzDewpVy3ZvNzg+KsR52ssZMrXQT9Jcj3iq7nDKAfTf4NTMjqvNlaqMJKgz9gaUxjpRQMkk52rihO0mgK0QQQSRTQTkfFDass4xAC9aIiOkmg5E1GVwR8U10uBVaBHeaXaaLkkxVDkC3FFCra9lx5NOVU3uEewqQLGYON4NOkESG9xOaYaoYoDqSV6V2gXDC7eNqBbYIEODNOtpGQ2anigSxG/TuelKv8OGdjkT1qzV0PSgulNJB/Y1B5DhkbSGx71tvruT70y/6SEkA/JmhDiJUZrSCCKTkfc1ly1bP0sV+aZa4Z7il2wKFrIUmcr4oAslrFwMpDf3r1bYBthkBAYTBO1QWwuiOk1SlzEEgDbapYSjnU8YDV2prcgzilsCeaPJNMtuGwTJHc/3qKzSWyTB96SYQ4XaYNW8oXtUtyILRSFLuPDcoAHuc11KLz2rq1iaNQrAApH8il3LJ/Jn33qgoynvXKCD9FB5zq4MEZoeYdP2r1Sqn6lx7Ul7VonDQfNXUedVNm84UDUYFMNgHYfNaOEc5A+KCsMb/AA5I36RUN22bZ2OKoso9uYjG8mnyCJaCBWVeaF1bADtRHh2jUBgbntVoe10AB/00l7jsYJkDoKCUIZ5dJ8GuBKY2I7inC/dQkZg5yK0Xdci5LL7ZFUHwj+qYddR87/eh46ycuCYn7UC3Bauh7Tah5Ga9EXFe2GH0moIuHUogSNsiKq9QqMHlHVhml3Wj6cGlMbpH6varmpuDPHANBJB/atZ3IlTM1MbcnUw0n704EASJI+1MNdN4qZTPeKSL7IdIVlP2qnU+4kCsLK+LmfMUCTf1iH9Ro2yKWHg4AHgiqmeyygEz7xSCeHzAbxBoFs+r8x9gIoWAXYgHzmqrd/Qp9Gyfc0Xpm8QXSI80COHHMWd4WqHQHSyyAdlJyaIWCTLYUdKJrYa4pOAuaitRdFpicadiaLUtxQWAXHSsZdaiSVXtUysysVywnBFJNVUEVZgnTvWMAy6kAkHAOKUt2AVaR5rtFwkuhB/y9KYmjAuFofSF6kGTRNYtRLaiO80vVdE+okDxTVaBDRFBJetvbnQrBfeRShdddmI+f7VfbZQIViRXXbNp8sBNNEI4lpyqn4ijN5Dumk+Kqt2rdudIrGS2zS4nxFUIRwxgNTemVmu9G0DK8vtWsqRyhvvFAB9oriAylSRBogpMnTPaDSm1AkFT9iaI30VCwEU0r0AzCdvGKJdZOxA70xbTn6QCPOKowlEt6QPgVO8sJx8VYOGkbkHztQNw7oNp9qglSRcBOwOZqj6gOtCbZ6CugjvVGOcHFLBOIIJpwtlxvRjhl6tTQFu5JjmnxTfUI6tWqidBRBFHtQTtxFzUYUn3FA3qvnPsKrZgBgQKQ7Mx5JFAleFcnKx81XY4NAAWOrwKUtu4WBZtu1WpJETFSrHMMQDAqa+krApt7UtR3rhJIyPFJCm/h1UA+poJ6VgtIrZu6j4pSAucuB5piqky10n4qoqFlQkAQe5ogqgZ37yKm1sTysI/1Gjsq6kl2LexrOLpxdQJGfc1LduPcMDTHim3FD5BIpDIFBMn2irAvR7Cuogy/pb9q6qi8gGhI7GK4GN64sO1RQNr6EfJrgJHOi/FECO9cdJ3zQCLQnGK5kcZVVn3ogw6YHiuZlODOaBYN1jzIPvRgCIZSI+1EqiMMCKMDHSpoUVAwF+KFkJEC3/aqAIrJHUCmiX0n3iK08MCJIIP7VQXIOBNCXY7UE34Vdzc+y5p4UBAqECO9EDdA2X7VvNH0KDQJNtgTpEjvOTQ+hcgQKpFwjBUVhuDoufeKdmJhYY9vmtazdj6lgU8luwj71mmchRPg1dMTm3eMAssVxsXDgH9qrQONwPvRFgN5n2qaYi/CsMGfvTF4eIJI/mn6idlJ+KOI3AmmmJiEUZyR2FMSQMKfkUZI+a3PegAqSc7dqEkhvpxRkkCYH3oSGPaKBbFmbqBXAaTjPck0yI7VkHuaoxraOohVY+GiuTUuCqgdBvXKoBmD8UXIcZqApAG9Lu6WENEUJt/oafeuCtEFB9qo1WAAgTjcGhe4D9D6fBFGF04Az7VpV+oX5WoBtgsOYrPisKN0WR4NboEzpM+KZkjK00KKv0Qn5rDrjdQe001VPWQPegcsDysftV0DmNoPhqNVwMkHyJpeq5/9FcC+5j7UBs1xM6hHsKJWdiCCPmlg5yw+00cKREn4FA0TGYmuKk70I0jq1bCHdprKlvbjagKYzP2p8IvauMnY4q6hIKAQJn2oXMEY+aafMGsI7CqOUmJAEd4rQCwwAfMxQOGJABx2iiVWX2ioBZIIJArgUAyINcVSeYGfmt9JWyJ+1VGiCMUxDHShCxitgdTUURTUN6nuWDrJAmmnT+ofNZqQ4J+xpBP6Qg6wBXC3amCx9xVXLGT96AhP+CrpgVsqolDWqur9I+K2Y2LV2f1n5oCLTjaOtDoY7hftXA9zJog3TFQAbTdIHutdRk+RXVexpcEbj7UM+f2rK470Rs1wNd1oxQBjua6O2qmUQqapMN+ljRgHsRTDQmmgSveuiOpraEb0HT/AJo+KElpw4+RRnagNUEA5/NPxWaH6afvWDeibpUGhT1j4rtOKEVvSg0qP1EfArNJ6E/auFGN6gVzLu371wYnr+9P60LVZQrU3cV2o7av3ohvWmqgAVG5BrdY7itND1oNJHiuAmuFMWopZQfqodI/XT+lYaahOkfrNbAH5q25tSDVDSJ2A+9coPUfY0la01UUDHSt+4+amXemVMXTNUd6zX3mu7UYqKHWO9YW8kfIrTuaBtqGuJn87fauGjqCfcUo/VXdaqGhLJOxH7UcKBgn70rpXCop0DrJ9zXAqMQKXW0wHy/8FZI7D7Vx2oDvQES3QCsAJ3P7Vwoqo6B1roE711D1qDSortu1cayqjTq8fahIJohW9KKCD2/atWR/8ojWURuofprixO8fNYdqyorSs9BXG1P5f3rl3pp2qWqT6X+U/eu9M9J+9N6UBq6F+m36R966irqqP//Z");
  background-size: cover;
  background-position: left;
  left: 10%;
  top: 2%;
  border-radius: 50%;
  animation: coding-funfactRotate 30s linear 0s infinite;
  box-shadow: 0px 0 20px RGBA(255, 255, 255, 0.2), -5px 0px 8px #c3f4ff inset,
    15px 2px 25px #000 inset, -24px -2px 34px #c3f4ff99 inset,
    250px 0px 44px #00000066 inset, 150px 0px 38px #000000aa inset;
}



.curved-corner-star {
  display: flex;
  position: relative;
}

#curved-corner-bottomleft,
#curved-corner-bottomright,
#curved-corner-topleft,
#curved-corner-topright {
  width: 0.4rem;
  height: 0.5rem;
  overflow: hidden;
  position: relative;
}

#curved-corner-bottomleft:before,
#curved-corner-bottomright:before,
#curved-corner-topleft:before,
#curved-corner-topright:before {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  border-radius: 50%;
}

#curved-corner-bottomleft:before {
  bottom: 0;
  left: 0;
  box-shadow: -5px 5px 0 0 white;
}

#curved-corner-bottomright:before {
  bottom: 0;
  right: 0;
  box-shadow: 5px 5px 0 0 white;
}

#curved-corner-topleft:before {
  top: 0;
  left: 0;
  box-shadow: -5px -5px 0 0 white;
}

#curved-corner-topright:before {
  top: 0;
  right: 0;
  box-shadow: 5px -5px 0 0 white;
}

@keyframes twinkling {

  0%,
  100% {
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }
}

#star-1 {
  position: absolute;
  left: -2rem;
  animation: twinkling 3s infinite;
}

#star-2 {
  position: absolute;
  left: -4rem;
  top: 3rem;
  animation: twinkling 2s infinite;
}

#star-3 {
  position: absolute;
  left: 35rem;
  top: 9rem;
  animation: twinkling 4s infinite;
}

#star-4 {
  position: absolute;
  left: 20rem;
  top: 29rem;
  animation: twinkling 3s infinite;
}

#star-5 {
  position: absolute;
  left: 5rem;
  top: 27rem;
  animation: twinkling 1.5s infinite;
}

#star-6 {
  position: absolute;
  left: 25rem;
  top: -5rem;
  animation: twinkling 4s infinite;
}

#star-7 {
  position: absolute;
  left: 29rem;
  top: 6rem;
  animation: twinkling 2s infinite;
}

/* card */

.coding-advice {
  font-family: "Manrope", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 32rem;
  height: auto;
  background-color: hsla(0, 8%, 83%, 0);
  border-radius: 1rem;
  padding: 3rem 1.6rem 0 1.6rem;
  border: 1px solid hsla(0, 0%, 100%, 0.1);

}

.advice-paragraph {
  font-size: 1.7rem;
  background-image: linear-gradient(to right, hsl(150, 100%, 66%), #f1f1f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1rem
}

.advice-details {
  color: hsl(193, 38%, 86%);
  font-size: 2rem;
  font-weight: 500;
  margin: 3rem 0;
  line-height: 2.5rem;
  text-wrap: balance;
  letter-spacing: 0.1rem;
}

.pattern-divider path {
  fill: hsl(217, 19%, 38%);
}

.advice-glow {
  height: 5.5rem;
  width: 5.5rem;
  border-radius: 50%;
  border: none;
  background: #00e673;
  margin-top: 2rem;
  margin-bottom: -2.5rem;
  cursor: pointer;
  transition: 0.3s all;
  animation: circle 2s infinite;

}

.advice-glow img {
  height: 3.5rem;
  width: 3.5rem;
  animation: zoom 2s infinite;
}

.advice-glow:hover {
  box-shadow: 0rem 0rem 1rem 1rem rgba(82, 255, 168, 0.5);
}

@keyframes coding-funfactRotate {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40rem 0;
  }
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes loaderadvice-glow {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);

    box-shadow: 0rem 0rem 1rem 1rem #6BF142;

  }

  50% {
    transform: scale(1.1);

  }

  75% {
    transform: scale(1.1);

    box-shadow: 0rem 0rem 1rem 1rem #6BF142;

  }

  100% {
    transform: scale(1.1);



  }
}

@keyframes circle {
  0% {
    transform: scale(1);


  }

  25% {
    transform: scale(1.1);

    box-shadow: 0rem 0rem 1rem 1rem rgba(82, 255, 168, 0.5);

  }

  50% {
    transform: scale(1.1);

  }

  75% {
    transform: scale(1.1);

    box-shadow: 0rem 0rem 1rem 1rem rgba(82, 255, 168, 0.5);

  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* !Contact Section */
.contact-section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 110vh;
  position: relative;
  overflow: hidden;
}

.contant-main-part,
.contact-main-heading {
  position: relative;
  z-index: 1;
}

.contant-main-part {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
}

.contact-main-heading {
  border: none;
  position: relative;
  width: 28rem;
  height: 7.8rem;
  padding: 0;
  z-index: 2;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  background-color: transparent;
  transform: translateY(0.8rem);
  margin-bottom: 1rem;


}

.contact-main-heading:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0 0 0 white;
  transition: all 2s ease;
}

.contact-main-heading:hover:after {
  box-shadow: 0px -13px 56px 12px #ffffffa6;
}

.contact-main-heading span {
  position: absolute;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 100;
  left: 50%;
  top: 39%;
  letter-spacing: 0.3rem;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 3rem;
  transition: all 2s ease;
}

.contact-main-heading:hover span {
  color: black;
}

.contact-main-heading:before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  background-color: rgb(16, 231, 85);
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  transition: all 1s ease;
}

.contact-main-heading:hover:before {
  width: 100%;
}

.contact-main-heading span {
  color: #ffffff;
}

.contant-main-part {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 80vh;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.contact-info {
  width: 35%;
  height: 65vh;
  padding: 2rem;
  background: rgb(0, 0, 0);
  border-radius: 10px;
  box-shadow: 0 0 2px #10E755, 0 0 4px #10E755, 0 0 8px #10E755,
    0 0 10px #10E755;
  text-align: center;
  animation: fadeIn 1s ease-in-out;
}

.contact-info h2 {
  font-size: 3rem;
  color: #10E755;
  margin-bottom: 1rem;
}

.contact-info p {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: white;
}

.contact-info-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.contact-info-item i {
  font-size: 1.9rem;
  padding-bottom: 1.5rem;

}

.contact-info-item .fa-phone-alt {
  color: red;
}

.contact-info-item .fa-envelope {
  color: goldenrod;
}

.contact-info-item .fa-map-marker-alt {
  color: green;
}

.contant-social-icons {
  width: 100%;
  height: fit-content;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  gap: 20px;

}


.socialLinkContainer {
  width: 52px;
  height: 52px;
  background-color: #10E755;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.3s;
  border-radius: 30px;
}

.containerOne:hover {
  background-color: #d62976;
  transition-duration: 0.3s;
  transform: scale(1.2);
  box-shadow: 0 0 5px #d62976, 0 0 20px #d62976, 0 0 50px #d62976,
    0 0 100px #d62976;
}

.containerTwo:hover {
  background-color: #00acee;
  transition-duration: 0.3s;
  transform: scale(1.2);
  box-shadow: 0 0 5px #00acee, 0 0 20px #00acee, 0 0 50px #00acee,
    0 0 100px #00acee;
}

.containerThree:hover {
  background-color: #0072b1;
  transition-duration: 0.3s;
  transform: scale(1.2);
  box-shadow: 0 0 5px #0072b1, 0 0 20px #0072b1, 0 0 50px #0072b1,
    0 0 100px #0072b1;
}

.containerFour:hover {
  background-color: #067128;
  transition-duration: 0.3s;
  transform: scale(1.2);
  box-shadow: 0 0 5px #067128, 0 0 20px #067128, 0 0 50px #067128,
    0 0 100px #067128;
}

.socialLinkContainer:active {
  transform: scale(0.9);
  transition-duration: 0.3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialLinkContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


.contact-form-container {
  width: 40%;
  background: rgba(0, 0, 0, 0);
  padding: 3rem;
  border-radius: 10px;
  text-align: center;
  animation: fadeIn 1s ease-in-out;
  box-shadow: 0 0 2px #10E755, 0 0 4px #10E755, 0 0 8px #10E755,
    0 0 10px #10E755;
}

.contact-form-heading {
  font-size: 4rem;
  color: #10E755;
  margin-bottom: 1rem;
}

.contact-form-subtext {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  color: white;
}

.form-input-group {
  position: relative;
  margin-bottom: 3.5rem;
}

.form-input-group input,
textarea {
  width: 100%;
  padding: 1rem;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 2px solid #10E755;
  color: #fff;
  font-size: 1.5rem;
  transition: 0.3s;
}

.form-input-group input:focus,
textarea:focus {
  border-bottom: 2px solid #fff;
  background-color: rgba(16, 231, 84, 0.064);
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
  box-shadow: 0 0 5px #10E755, 0 0 20px #10E755, 0 0 50px #10E755,
    0 0 100px #10E755;
  border-radius: 8px;
}

.form-input-group label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #10E755;
  transition: 0.3s;
}

.form-input-group input:focus+label,
textarea:focus+label,
input:not(:placeholder-shown)+label,
textarea:not(:placeholder-shown)+label {
  top: -10px;
  font-size: 1.5rem;
  color: #fff;
}


.contact-submit-btn {
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 500;
  color: #ffffff80;
  text-shadow: none;
  background: transparent;
  cursor: pointer;
  box-shadow: transparent;
  border: 1px solid #ffffff80;
  transition: 0.5s ease;
  user-select: none;
}

.contact-submit-btn:hover {
  color: #ffffff;
  background: #10E755;
  border: 1px solid #10E755;
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
  box-shadow: 0 0 5px #10E755, 0 0 20px #10E755, 0 0 50px #10E755,
    0 0 100px #10E755;
}


#success-message {
  margin-top: 1.4rem;
  color: #10E755;
  font-size: 1.7rem;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}


@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ! project gallery */
.myGallery {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  position: relative;
  overflow: hidden;
}

.Gallery-heading,
.grid-container {
  position: relative;
  z-index: 1;
}

.Gallery-heading {
  color: #10E755;
  font-size: 3rem;
  margin: 3rem 0;

}

.grid-container {
  columns: 4 20rem;
  /* 200px -> 20rem */
  column-gap: 2rem;
  width: 92%;
  height: auto;
  padding: 1rem;
  margin: 1rem 1rem;

}

.grid-container div {
  width: 15rem;
  /* 150px -> 15rem */
  margin: 1.8rem 1.8rem 1.8rem 1.8rem;
  display: inline-block;
  width: 100%;
  padding: 0.5rem;
  /* 5px -> 0.5rem */
  border: 1px solid #e6eae7;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5);
  /* 5px -> 0.5rem */
  border-radius: 0.5rem;
  /* 5px -> 0.5rem */
  transition: all .5s ease-in-out;
}


.grid-container div:hover {
  scale: 1.02;
  z-index: 3;
}




.grid-container div:hover img {
  filter: grayscale(0);
}

.grid-container div:hover {
  border: 2px solid #10E755;
  border-color: #10e75488;
  box-shadow: 0px 0px 1px #10e75488 inset,
    0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
    0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
    0px 0px 5px #10e75488;
}

.grid-container div img {
  width: 100%;
  filter: grayscale(100%);
  border-radius: 0.5rem;
  /* 5px -> 0.5rem */
  transition: all 0.25s ease-in-out;
}
.grid-container div video {
  width: 100%;
  filter: grayscale(100%);
  border-radius: 0.5rem;
  /* 5px -> 0.5rem */
  transition: all 0.25s ease-in-out;
}
.grid-container div:hover video {
  filter: grayscale(0);
}

.grid-container div p {
  margin: 0.5rem 0;
  /* 5px -> 0.5rem */
  padding: 0;
  text-align: center;
  font-style: italic;
  color: #ffffff;
  font-size: 1.5rem;
  /* 14px -> 1.4rem */
  font-weight: 700;
}

.glowing-button {
  position: relative;
  height: 4rem;
  width: 39rem;
  background-color: #1a1a1a;
  /* Dark shade of black */
  border: 1px solid #333333;
  /* Dark gray border */
  border-radius: 26px;
  color: #ffffff;
  /* White text */
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 2.4rem;
  text-align: left;
  overflow: hidden;
  text-decoration: underline;
  text-underline-offset: .2rem;
  text-decoration-thickness: .1rem;
  transition: 500ms;
  text-align: center;
  margin-bottom: 1rem;
}

.glowing-button::before {
  content: '';
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  right: .4rem;
  ;
  top: .4rem;
  z-index: 10;
  background-color: #ffffff78;
  /* White */
  border-radius: 50%;
  filter: blur(16px);
  transition: 500ms;
}

.glowing-button::after {
  content: '';
  position: absolute;
  width: 8rem;
  height: 8rem;
  background-color: #32cd32;
  /* Limegreen */
  right: 3.2rem;
  top: 1.2rem;
  z-index: 10;
  border-radius: 50%;
  filter: blur(16px);
  transition: 500ms;
}

.glowing-button:hover {

  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  color: #32cd32;
  /* Limegreen */
  transition: 500ms;
}

.glowing-button:hover::before {
  right: 4.8rem;
  bottom: -3.2rem;
  filter: blur(20px);
  box-shadow: 20px 20px 20px 30px #228b22;
  /* Darker limegreen for glow */
  transition: 500ms;
}

.glowing-button:hover::after {
  right: -3.2rem;
  transition: 500ms;
}

/* ! footer */
footer {
  position: relative;
  overflow: hidden;
  width: 100%;

  background-color: #000000;
  padding-top: 2rem;

}

.footer-content {
  position: relative;
  z-index: 10;
  padding: 3rem 2rem;
  color: white;
  max-width: 1200px;
  margin: 0 auto;

}

.footer-logo {
  text-align: center;
  margin-bottom: 2rem;
}

.footer-logo h2 {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(90deg, #ffffff, #32cd32);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  letter-spacing: 1px;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  border-radius: 18px;
  padding: 2rem;
  background-color: rgba(241, 236, 236, 0.021);
  backdrop-filter: blur(2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);

}


.footer-column h3 {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  color: white;
  position: relative;
  padding-bottom: 0.75rem;
}

.footer-column h3::after {
  content: '';
  position: absolute;
  left: 42%;
  bottom: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #32cd32, transparent);
  border-radius: 3px;
}

.footer-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;

}



.company-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  letter-spacing: 0.5px;
}

.footer-column p,
.footer-column address {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1rem;
  font-weight: 300;
  line-height: 1.8;
  font-size: 1.3rem;
  text-align: center;
}

.footer-social-links {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;

}

.footer-social-links a {
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);

}

.footer-social-links a:hover {
  color: #000;
  background-color: lime;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(50, 205, 50, 0.4);
}

.social-icon {
  width: 18px;
  height: 18px;
}

.footer-column h3 {
  text-align: center;
}

.footer-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.3rem;
  list-style: none;
  font-size: 1.4rem;
  margin-left: -2.3rem;
}

.footer-links li {
  margin-bottom: 0.75rem;
  transition: transform 0.3s ease;
}

.footer-links li:hover {
  transform: translateX(5px);
}

.footer-links a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s;
  display: flex;
  align-items: center;
}

.footer-links a::before {
  content: '→';
  margin-right: 8px;
  color: lime;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateX(-5px);
}

.footer-links a:hover {
  color: lime;
}

.footer-links a:hover::before {
  opacity: 1;
  transform: translateX(0);
}

.footer-column .footer-contact-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-contact-item {
  width: 30%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;

}

.footer-contact-item div {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  width: 60%;
  justify-content: center;
  font-size: 1.2rem;

}

.footer-contact-icon {
  font-size: 1.5rem;
  color: lime;
  flex-shrink: 0;
}

.footer-bottom {
  text-align: center;
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.3rem;
  font-weight: 300;
}

.footer-bottom p {
  margin-bottom: 0.5rem;
}

.footer-bottom a {
  color: lime;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-bottom a:hover {
  color: white;
}

/* Bubble animation styles - kept unchanged as requested */
.bubbles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.bubble {
  position: absolute;
  bottom: -50px;
  border-radius: 50%;
  background-color: rgba(50, 205, 50, 0.3);
  /* Lime green with opacity */
  animation-name: rise, grow;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes rise {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-120vh);
    /* Move beyond the top of the viewport */
  }
}

@keyframes grow {
  0% {
    transform: scale(1) translateY(0);
  }

  50% {
    transform: scale(2) translateY(-60vh);
  }

  100% {
    transform: scale(3) translateY(-120vh);
  }
}



/* ! media query  */


/* Tablets (768px to 1024px) */
@media screen and (max-width: 1024px) {
  .splash-container .splash-logo .splash-Heading {
    font-size: 8rem;
    -webkit-text-stroke: 0.3rem #10E755;
  }

  .splash-container .splash-logo img {
    width: 15rem;
  }

  .navbar {
    padding: 1rem;
  }

  .nav-links {
    gap: 1.5rem;
  }

  .nav-links li a {
    font-size: 1.4rem;
  }

  .navbar-logo-conatiner .navbar-logo-heading {
    font-size: 1.8rem;
  }

  #hero-section {
    flex-direction: column;
    height: auto;
  }

  #hero-section .intro-hero-section {
    width: 100%;
    padding: 2rem;

  }

  .intro-details {
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  .intro-hero-section h1 {
    font-size: 2.5rem;
  }

  .intro-hero-section p {
    font-size: 2rem;
    width: 100%;
  }

  .intro-hero-section p:nth-child(4) {
    font-size: 1.6rem;
  }

  .intro-hero-section p span {
    font-size: 2rem;
  }

  .intro-hero-section p:nth-child(1):first-letter {
    font-size: 2.2rem;
  }

  #hero-section .profile-card-section {
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  #tools {
    height: auto;
  }

  .company-section {
    flex-direction: column;
    height: auto;
  }

  .com-card {
    width: 48.8rem;
    height: 16.8rem;
  }

  .glasses {
    left: 37.4rem;
    top: -10.6rem;
  }

  .com-heading {
    font-size: 2.88rem;
  }

  .com-details {
    font-size: 1.28rem;
  }

  .com-card:hover {
    width: 48.8rem;
    height: 36.8rem;
    transform: translateY(2rem);
  }

  .com-card:hover+.glasses {
    transform: rotateX(360deg);
    height: 10rem;
    width: 10rem;
    left: 19.2rem;
    top: -30.8rem;
  }

  .com-card:hover .com-heading {
    transform: translateY(8.5rem) translateX(6rem);
  }

  .com-card:hover .com-details {
    transform: translateY(8.2rem) translateX(6.4rem);
  }

  .com-label {
    padding-left: 7.84rem;
    padding-right: 7.84rem;
    left: 11.32rem;
  }

  .features {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .feature-card {
    width: 22rem;
    height: 30rem;
    margin: 5rem auto;
  }

  .Bat-feature-button {
    width: 24rem;
    height: 6.5rem;
  }

  .Bat-feature-button span {
    font-size: 2.5rem;
  }

  .skill-catagory {
    flex-direction: column;
    height: auto;
    padding: 2rem;
  }

  .skills,
  .progress-container {
    width: 90%;
    margin-top: 1rem;
  }

  .prograss-list {
    flex-direction: column;
    gap: 3rem;
    padding: 1rem;
  }

  .progress-item {
    font-size: 1.2rem;
  }

  .progress-circle {
    width: 8rem;
    height: 8rem;
  }

  .progress-circle::before {
    width: 6rem;
    height: 6rem;
  }

  .contact-section {
    padding: 2rem;
    height: auto;
  }

  .contant-main-part {
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    text-align: center;
  }

  .contact-info,
  .contact-form-container {
    width: 80%;
    height: auto;
    padding: 2rem;
  }

  .contact-main-heading {
    width: 27rem;
    height: 6.5rem;
  }

  .contact-info h2 {
    font-size: 2.5rem;
  }

  .contact-info p {
    font-size: 1.3rem;
  }

  .grid-container {
    columns: 2 15rem;
  }

}

/* Mobile Devices (Below 768px) */
@media screen and (max-width: 768px) {
  .splash-container .splash-logo .splash-Heading {
    font-size: 6rem;
    -webkit-text-stroke: 0.2rem #10E755;
  }

  .splash-container .splash-logo img {
    width: 12rem;
  }

  .navbar {
    flex-direction: row;
    align-items: center;
    padding: 1rem 1.5rem;
  }

  .navbar-logo-conatiner {
    justify-content: center;
  }

  .navbar-logo-conatiner .navbar-logo-heading {
    font-size: 1.6rem;
  }

  .nav-links {
    display: none;
    position: absolute;
    top: 8rem;
    right: 0;
    background-color: rgb(1, 1, 1);
    border-radius: 3rem;
    flex-direction: column;
    width: 100%;
    text-align: center;
    z-index: 2;
  }

  .nav-links.show {
    display: flex;
  }

  .nav-links li {
    width: 40%;
    padding: 0.3rem 0;
    margin: 0 auto;

  }

  .nav-links li a {
    display: block;
    font-size: 1.4rem;

  }

  .hamburger {
    display: block;
  }

  .splash-container {
    justify-content: center;
    align-items: center;
  }

  #hero-section {
    flex-direction: column;
    height: auto;
  }

  #hero-section .intro-hero-section {
    width: 100%;
    height: 100%;
    padding: 2rem;
  }

  .intro-hero-section h1 {
    font-size: 2.7rem;
  }

  .intro-hero-section p {
    font-size: 2.3rem;
    width: 100%;

  }

  .intro-hero-section p:nth-child(4) {
    font-size: 1.7rem;
  }

  .intro-hero-section p span {
    font-size: 2.3rem;
  }

  .intro-hero-section p:nth-child(1):first-letter {
    font-size: 2.45rem;
  }

  #hero-section .profile-card-section {
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  #tools {
    height: auto;

  }

  .light-button {

    align-items: center;
    height: auto;
  }

  .light-button button.tool-bt {
    height: 18rem;
  }

  .light-button button.tool-bt .button-holder {
    height: 8rem;
    width: 8rem;
  }

  .light-button button.tool-bt .light-holder {
    height: 18rem;
    width: 8rem;
  }

  .light-button button.tool-bt .light-holder .light {
    width: 20rem;
    height: 18rem;
  }


  .light-button button.tool-bt .button-holder svg {
    fill: #10E755;
  }

  .light-button button.tool-bt .button-holder {
    color: #10E755;
    outline: #10E755 0.2rem solid;
    outline-offset: 0.2rem;
  }

  .light-button button.tool-bt .light-holder .light {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg,
        #10E755 0%,
        rgba(255, 255, 255, 0) 75%,
        rgba(255, 255, 255, 0) 100%);
  }

  .light-button {
    gap: 3rem;
  }

  .Bat-experience-button {
    width: 22rem;
    height: 5.8rem;
  }

  .Bat-experience-button:before {
    width: 0%;
    color: black;
  }

  .Bat-experience-button span {
    font-size: 2rem;
  }

  .company-section {
    flex-direction: column;
    height: auto;
  }

  .com-card {
    width: 48.8rem;
    height: 20.8rem;
  }

  .glasses {
    left: 37.4rem;
    top: -12rem;
  }

  .com-heading {
    font-size: 2.88rem;
  }

  .com-details {
    font-size: 1.28rem;
  }

  .com-project {
    font-size: 1.2rem;
  }

  .com-year {
    font-size: 1.2rem;
  }

  .com-card:hover {
    width: 48.8rem;
    height: 37.8rem;
    transform: translateY(2rem);
  }

  .com-card:hover+.glasses {
    transform: rotateX(360deg);
    height: 10rem;
    width: 10rem;
    left: 19.2rem;
    top: -30.8rem;
  }

  .com-card:hover .com-heading {
    transform: translateY(8.5rem) translateX(6rem);
  }

  .com-card:hover .com-details {
    transform: translateY(8.2rem) translateX(6.4rem);
  }

  .com-label {
    padding-left: 7.84rem;
    padding-right: 7.84rem;
    left: 11.32rem;
  }

  .loader2::before {
    font-size: 2.5rem;
  }

  .feature-section {
    height: auto;
    padding: 5rem 0;
  }

  .features {
    flex-direction: column;
    gap: 2rem;
  }

  .feature-card {
    width: 20rem;
    height: 28rem;
  }

  .infotop {
    font-size: 1.2rem;
    top: 7rem;
  }

  .name {
    font-size: 1.1rem;
  }

  .card-wave {
    width: 40rem;
    height: 50rem;
  }

  .Bat-feature-button {
    width: 22rem;
    height: 6rem;
  }

  .Bat-feature-button span {
    font-size: 2.2rem;
  }

  .coding-funfact {
    flex-direction: column;
    align-items: center;
  }

  .earth-animation {
    width: 20rem;
    height: 20rem;
    left: 1rem;
  }

  .skills,
  .progress-container {
    width: 95%;
    padding: 1.5rem;
  }

  .skills-heading,
  .progress-heading {
    font-size: 2rem;
  }

  .skill-name {
    font-size: 1.4rem;
  }

  .progress-bar {
    height: 1rem;
  }

  .progress {
    font-size: 1rem;
    padding-right: 0.3rem;
  }

  .prograss-list {
    gap: 2rem;
  }

  .progress-circle {
    width: 7rem;
    height: 7rem;
  }

  .progress-circle::before {
    width: 5rem;
    height: 5rem;
  }

  .contact-section {
    padding: 2rem;
    height: auto;
  }

  .contact-main-heading {
    width: 24rem;
    height: 7rem;
    margin-bottom: 2rem;
  }

  .contact-main-heading span {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .contant-main-part {
    margin-top: 2rem;
    height: auto;
  }

  .contact-info,
  .contact-form-container {
    width: 100%;
    padding: 1.5rem;
  }

  .contact-info h2 {
    font-size: 2rem;
  }

  .contact-info p {
    font-size: 1.2rem;
  }

  .contact-info-item {
    font-size: 1.2rem;
  }

  .socialLinkContainer {
    width: 45px;
    height: 45px;
  }

  .socialSvg {
    width: 15px;
  }


  .contact-form-heading {
    font-size: 3rem;
  }

  .contact-form-subtext {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }

  .grid-container {
    columns: 1 15rem;
    text-align: center;
  }

  .grid-container div {
    width: 80%;
    margin: 1rem auto;
  }

  .footer-grid {
    grid-template-columns: repeat(280px, 1fr);
    gap: 2.5rem;

  }

  .footer-contact-icon {
    margin-right: 10px;
  }



}


/* Small Mobile Devices (Below 480px) */
@media screen and (max-width: 480px) {
  .splash-container .splash-logo .splash-Heading {
    font-size: 4rem;
    -webkit-text-stroke: 0.1rem #10E755;
  }

  .splash-container .splash-logo img {
    width: 9rem;
  }

  .navbar {
    padding: 0.8rem 1rem;
  }

  .navbar-logo-conatiner .navbar-logo-heading {
    font-size: 1.4rem;
  }

  .nav-links li a {
    font-size: 1.2rem;
    padding: 0.8rem 1.2rem;
  }


  .hamburger {
    width: 2.5rem;
    height: 1.8rem;
  }

  .hamburger div {
    height: 0.6rem;
  }

  #hero-section {
    flex-direction: column;
    height: auto;
  }

  #hero-section .intro-hero-section {
    width: 100%;
    height: 100%;
    padding: 2rem;
  }

  #hero-section .profile-card-section {
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  .intro-hero-section h1 {
    font-size: 2rem;
  }

  .intro-hero-section p {
    font-size: 1.5rem;
    width: 100%;
  }

  .intro-hero-section p:nth-child(4) {
    font-size: 1.4rem;
  }

  .intro-hero-section p span {
    font-size: 1.5rem;
  }

  .intro-hero-section p:nth-child(1):first-letter {
    font-size: 1.6rem;
  }

  .profile-card {
    width: 30.0rem;
    height: 40.4rem;
  }

  .profile-card-inner {
    width: 29.6rem;
    height: 40.0rem;
  }

  .profile-card-photo {
    width: 22.5rem;
    height: 22.5rem;
  }

  .profile-card-title {
    font-size: 1.8rem;
    padding-top: 0.8rem;
  }

  #tools {
    height: auto;
  }

  .light-button {

    height: auto;
    gap: 1rem;
  }

  .light-button button.tool-bt {
    height: 15rem;
  }

  .light-button button.tool-bt .button-holder {
    height: 7rem;
    width: 7rem;
  }

  .light-button button.tool-bt .light-holder {
    height: 15rem;
    width: 7rem;
  }

  .light-button button.tool-bt .light-holder .light {
    width: 21rem;
    height: 15rem;
  }

  .light-button {
    gap: 2rem;
  }

  .Bat-tool-button {
    width: 20rem;
    height: 5.8rem;
  }

  .Bat-tool-button:before {
    width: 0%;
    color: black;
  }

  .Bat-experience-button {
    width: 28rem;
    height: 7.8rem;
  }

  .company-section {
    flex-direction: column;
    height: auto;
  }

  .com-card {
    width: 35.8rem;
    height: 16.8rem;
  }

  .glasses {
    left: 26.4rem;
    top: -10.6rem;
    width: 9rem;
    height: 9rem;
  }

  .com-heading {
    font-size: 1.5rem;
  }

  .com-details {
    font-size: 1rem;
  }

  .com-year {
    font-size: 1.5rem;
  }

  .com-card:hover {
    width: 35.8rem;
    height: 36.8rem;
    transform: translateY(2rem);
  }

  .com-card:hover+.glasses {
    transform: rotateX(360deg);
    height: 10rem;
    width: 10rem;
    left: 13.2rem;
    top: -30.8rem;
  }

  .com-card:hover .com-heading {
    transform: translateY(8.5rem) translateX(7.5rem);
  }

  .com-card:hover .com-details {
    transform: translateY(8.2rem) translateX(5rem);
  }

  .com-card:hover .com-year {
    transform: translateY(8.2rem) translateX(10.5rem);
  }

  .com-card:hover .com-project {
    transform: translateY(8.2rem) translateX(2.5rem);
  }

  .com-card:hover .com-label {
    padding-left: 7.84rem;
    padding-right: 7.84rem;
    left: 5.32rem;
  }

  .com-label {
    padding-left: 7.84rem;
    padding-right: 7.84rem;
    left: 5.32rem;
  }

  .Bat-tool-button span {
    font-size: 2rem;
  }

  .feature-card {
    width: 18rem;
    height: 25rem;
  }

  .infotop {
    font-size: 1rem;
    top: 6rem;
  }

  .name {
    font-size: 1rem;
  }

  .card-wave {
    width: 35rem;
    height: 45rem;
  }

  .Bat-feature-button {
    width: 20rem;
    height: 5.5rem;
  }

  .Bat-feature-button span {
    font-size: 2rem;
  }

  .earth-animation {
    width: 17rem;
    height: 17rem;
    left: 1rem;
  }

  .coding-advice {
    width: 30rem;
  }

  .advice-paragraph {
    font-size: 1.5rem;
  }

  .advice-details {
    font-size: 1.8rem;
  }

  .skills,
  .progress-container {
    width: 100%;
    padding: 1rem;
    margin-top: 1rem;
  }

  .skills-heading,
  .progress-heading {
    font-size: 1.8rem;
  }

  .skill-name {
    font-size: 1.2rem;
  }

  .progress-bar {
    height: 1.15rem;
  }

  .progress {
    font-size: 0.9rem;
    padding-right: 0.2rem;
  }

  .prograss-list {
    gap: 1.5rem;
    padding: 1rem;
  }

  .progress-item {
    font-size: 1rem;
  }

  .progress-circle {
    width: 6rem;
    height: 6rem;
  }

  .progress-circle::before {
    width: 4rem;
    height: 4rem;
  }

  .progress-value {
    font-size: 1.2rem;
  }

  .progress-value-heading {
    font-size: 1.3rem;
  }

  .contact-section {
    padding: 1rem;
  }

  .contact-main-heading {
    width: 20rem;
    height: 7rem;
    margin-bottom: 2rem;

  }

  .contact-main-heading span {
    font-size: 1.5rem;
  }

  .contant-main-part {
    margin-top: 2rem;
  }

  .contact-info,
  .contact-form-container {
    width: 95%;
    padding: 1rem;
  }

  .contact-info h2 {
    font-size: 1.8rem;
  }

  .contact-info p {
    font-size: 1rem;
  }

  .contact-info-item {
    font-size: 1rem;
  }

  .socialLinkContainer {
    width: 40px;
    height: 40px;
  }

  .socialSvg {
    width: 12px;
  }

  .Gallery-heading {
    font-size: 2rem;
  }

  .grid-container div {
    width: 100%;
    margin: 5rem 0;
  }
  .grid-item-0,
  .grid-item-1,
  .grid-item-2,
  .grid-item-3,
  .grid-item-4,
  .grid-item-5,
  .grid-item-6,
  .grid-item-7,
  .grid-item-8,
  .grid-item-9,
  .grid-item-10 {
    width: 100%;
    height: auto;
  }

  .grid-container div {

    border: 2px solid #10E755;
    border-color: #10e75488;
    box-shadow: 0px 0px 1px #10e75488 inset,
      0px 0px 2px #10e75488 inset, 0px 0px 10px #10e75488 inset,
      0px 0px 40px #10e75488, 0px 0px 100px #10e75488,
      0px 0px 5px #10e75488;
  }

  .grid-container div img {
    filter: grayscale(0);

  }

  .glowing-button {
    height: 3rem;
    width: 20rem;
    font-size: .9rem;
    padding: 0.7rem 1.5rem;
    border-radius: 20px;
    text-underline-offset: 0.15rem;
  }

  .glowing-button::before {
    width: 3rem;
    height: 3rem;
    right: 0.3rem;
    top: 0.3rem;
    filter: blur(10px);
  }

  .glowing-button::after {
    width: 5rem;
    height: 5rem;
    right: 2rem;
    top: 1rem;
    filter: blur(10px);
  }

  .glowing-button:hover::before {
    right: 3rem;
    bottom: -2rem;
    box-shadow: 15px 15px 15px 20px #228b22;
  }
}