/* nav starts */
nav {
  position: fixed;
  z-index: 10;
  background-color: #fff;
  top: 0;
  height: 70px;
  width: 100%;
}

nav.active {
  box-shadow: 0px 4px 15px 0px #0000001c;
}

nav img {
  max-width: 97px;
  max-height: 38px;
  object-fit: contain;
}

nav button {
  display: none !important;
  background-color: transparent;
  outline: none !important;
  border: none !important;
}

nav aside {
  background-color: #fff;
  box-shadow: 0px 10px 15px 0px #0000001c;
  padding-block: 16px;
  border-radius: 0 0 10px 10px;
  right: 16px;
  top: -500px;
  min-width: 150px;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.5, 1);
}

nav aside.active {
  top: 69px;
}

nav aside ul {
  grid-gap: 16px;
  text-align: left;
}

nav aside ul li {
  width: 100%;
}

nav aside ul li a {
  padding-inline: 16px;
  display: block;
  width: 100%;
}

nav ul {
  gap: 41px;
}

nav ul li {
  list-style-type: none;
}

nav ul li a {
  text-decoration: none;
  color: black;
  font-size: 1rem;
}

nav ul li a:is(:hover, :focus, .active) {
  color: red;
}
/* nav ends */

/* hero-index starts */
#hero-index .max_container {
  z-index: 2;
}
#hero-index .hero_left {
  max-width: 602px;
}
#hero-index .hero_left h1 {
  font-size: 38px;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

#hero-index .hero_left p {
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.2px;
  margin-block: 49px 78px;
}

#hero-index .hero_left .action_button {
  max-width: 305px;
}

#hero-index .hero_right {
  max-height: 800px;
  overflow: hidden;
}

#hero-index .hero_right img {
  object-fit: contain;
}

#hero-index .img4 {
  width: 85px;
  height: 85px;
  position: absolute;
  bottom: 0;
  right: -15px;
  animation-delay: 1.2s;
  z-index: 0;
}

/* hero-index ends */

/* top-notch */
#top-notch .max_container > h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.5px;
  text-align: center;
}

#top-notch aside {
  grid-gap: 80px;
  padding-block: 80px;
}

#top-notch aside > .align_auto {
  grid-gap: 74px;
}

#top-notch aside > .align_auto.reversed_order > .image_wrapper {
  order: 1;
}

#top-notch aside > .align_auto .image_wrapper {
  max-width: 451px;
  max-height: 469px;
  overflow: hidden;
}

#top-notch aside > .align_auto .image_wrapper img {
  object-fit: cover;
}

#top-notch aside > .align_auto h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56.35px;
  letter-spacing: -0.02em;
}
#top-notch aside > .align_auto h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.5px;
}
#top-notch aside > .align_auto p {
  font-size: 22px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  margin-block: 45px 59px;
}
/* top-notch ends */

/* report */
#report {
  background: #ffe00033;
  margin-bottom: 188px;
}

#report > .max_container {
  padding-block: 107px 68px;
}

#report > .max_container > img {
  object-fit: cover;
  z-index: 1;
}

#report > .max_container > img.image1 {
  top: -65px;
  left: 16px;
  max-width: 204px;
  max-height: 135px;
}

#report > .max_container > img.image2 {
  bottom: -30px;
  right: 30px;
  max-width: 150px;
  max-height: 96px;
}

#report > .max_container .max_container {
  max-width: 879px;
  text-align: center;
  grid-gap: 48px;
  z-index: 2;
}

#report .max_container h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56.35px;
  letter-spacing: -0.02em;
}
/* report ends */

/* explore */
#explore {
  text-align: center;
  padding-bottom: 130px;
}

#explore .max_container > h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.5px;
}

#explore .max_container > p {
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  margin-block: 55px 161px;
}

#explore .row .align_auto {
  grid-gap: 102px;
  margin-bottom: 151px;
}
#explore .row .align_auto .flex_center {
  grid-gap: 58px;
}

#explore .row .align_auto img {
  width: 94px;
  height: 94px;
  object-fit: cover;
  aspect-ratio: 1/1;
}
#explore .row .align_auto h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
#explore .row .align_auto p {
  font-size: 19px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.03em;
}

#explore .row .align_auto:last-child {
  margin-bottom: 0;
}
/* explore ends */

/* cta */
#cta {
  background: #ffe00033;
}

#cta > .max_container {
  /* min-height: 400px; */
}

#cta .max_container h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56.35px;
  letter-spacing: -0.02em;
  margin-bottom: 38px;
}

#cta .max_container .right_cta {
  overflow: hidden;
  margin-top: -170px;
  min-height: 578px;
}

#cta .max_container .right_cta img {
  object-fit: cover;
  max-height: 578px;
  max-width: 614px;
}

/* cta ends */

/* footer */
.footer-section {
  width: 100%;
  background: #fdfeff;
  padding: 20px;
  font-family: Roboto, sans-serif;
  margin-top: 8%;
  max-width: 732px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.footer-item {
  flex: 1;
}

.footer-item img {
  display: block;
  margin-bottom: 49px;
  position: relative;
  top: 2rem;
}

.footer-link {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #272d4e;
  margin-bottom: 5px;
  text-decoration: none;
}

.footer-heading {
  font-size: 19px;
  font-weight: 700;
  line-height: 52.5px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #272d4e;
  margin-bottom: 10px;
}

.footer-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  color: #272d4e;
  margin-bottom: 5px;
}

.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons img {
  width: 24px;
  height: 24px;
  display: block;
  margin-bottom: 10px;
  position: relative;
  top: 2rem;
}

.footer-bottom {
  text-align: center;
  color: #272d4e;
  opacity: 1;
}

.footer-bottom p {
  font-size: 14px;
  font-weight: 400;
}

/* footer end */

/* go-home */
#go-home {
  gap: 15px;
  opacity: 1;
  padding: 16px;
}
.go-home-link {
  color: black;
  text-decoration: none;
  font-size: 16px;
  line-height: 27px;
  display: inline-flex !important;
}

/* go-home end */
/* emergency */
#emergency .max_container .max_container {
  max-width: 1095px;
  padding: 0;
}

#emergency .max_container h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -0.01em;
  text-align: center;
}

#emergency .max_container p {
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  text-align: justify;
  margin-block: 32px 87px;
}

#emergency .max_container .flex_center {
  grid-gap: 118px;
}
#emergency .max_container .topSectionImage {
  margin-inline: auto;
  max-width: 450px;
  max-height: 400px;
  min-height: 200px;
  overflow: hidden;
}
#emergency .max_container .topSectionImage.large {
  max-width: 887px;
  max-height: 515px;
  min-height: 300px;
  margin-block: 114px 137px;
}

#emergency .max_container .topSectionImage {
  object-fit: cover;
}

#emergency .max_container p.text-center {
  margin-block: 40px 44px;
}

#form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 125px;
  row-gap: 48px;
  max-width: 1025px !important;
  margin: 0 auto 100px;
}

label {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  color: #141624;
  display: inline-block;
  margin-bottom: 8px;
}

.input-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.input-container-1 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  grid-column: span 2;
}

input,
select,
textarea {
  width: 100%;
  height: 55px;
  border: 1px solid #00000080;
  outline: none;
  padding: 16px;
  font-size: 14px;
  border-radius: 8px;
  font-family: Roboto;
  background-color: #fcfcfe;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/img/arrow_down.svg) !important;
  cursor: pointer;
  background-position: bottom 15px right 15px !important;
  background-repeat: no-repeat !important;
}

input::placeholder,
textarea::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.2px;
}

textarea {
  height: 212px;
  resize: none;
  padding-top: 36px;
}

#emergency > .max_container.relative > * {
  position: relative;
  z-index: 2;
}
#emergency > .max_container.relative > .absolute.left {
}
/* Rectangle 247 - Blue */
.rectangle-blue {
  position: relative;
  width: 65.11px;
  height: 201.32px;
  left: 63rem;
  top: -23rem;
  background: #00a0ff;
  border-radius: 180px;
  transform: rotate(90.73deg);
  animation: moveBlue 5s infinite alternate;
  transition: all 0.5s ease-in-out;
  z-index: 1 !important;
}

/* Rectangle 247 - Yellow */
.rectangle-yellow {
  position: relative;
  width: 110.99px;
  height: 120.55px;
  left: 55rem;
  top: -25rem;
  background: #ffe000;
  border-radius: 40px;
  animation: moveYellow 5s infinite alternate;
  transition: all 0.5s ease-in-out;
  z-index: 1 !important;
}

/* Ellipse 31 - Red */
.ellipse-red {
  position: relative;
  width: 34.19px;
  height: 34.19px;
  left: 67rem;
  top: -31rem;
  background: #fe0000;
  border-radius: 50%;
  animation: moveRed 5s infinite alternate;
  transition: all 0.5s ease-in-out;
  z-index: 1 !important;
}

/* Rectangle 247 - Light Red */
.rectangle-light-red {
  position: relative;
  width: 87.19px;
  height: 222.02px;
  left: 65rem;
  top: -29rem;
  background: #fd7568;
  border-radius: 180px;
  animation: moveLightRed 5s infinite alternate;
  transition: all 0.5s ease-in-out;
  z-index: 1 !important;
}

/* Rectangle 247 - Dark Red */
.rectangle-dark-red {
  position: relative;
  width: 100.97px;
  height: 102.24px;
  left: 53rem;
  top: -39rem;
  background: #d40000;
  border-radius: 150px;
  animation: moveDarkRed 5s infinite alternate;
  transition: all 0.5s ease-in-out;
  z-index: 1 !important;
}

.ellipse-red-1 {
  position: relative;
  width: 34.19px;
  height: 34.19px;
  left: 320px;
  top: 244px;
  background: #fe0000;
  border-radius: 50%;
  animation: moveEllipseRed 5s infinite alternate;
  transition: all 0.5s ease-in-out;
}

/* Rectangle 248 - Light Red */
.rectangle-light-red-1 {
  position: relative;
  width: 99.19px;
  height: 222.02px;
  left: 132px;
  top: 100px;
  background: #fd7568;
  border-radius: 180px;
  animation: moveRectangleLightRed 5s infinite alternate;
  transition: all 0.5s ease-in-out;
}
/* emergency end */