html {
  font-size: 1px;
}
@media screen and (max-width: 1440px) and (min-width: 860px) {
  html {
    font-size: calc(100vw / 1440);
  }
}
@media screen and (max-width: 390px) {
  html {
    font-size: calc(100vw / 390);
  }
}
body * {
  box-sizing: border-box;
}
main {
  padding-bottom: 100rem;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
section {
  background: #fff;
}
section .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1440rem;
}
.mobile {
  display: none;
}
.bl-1 {
  position: relative;
  overflow: hidden;
  height: 550rem;
}
.bl-1 img {
  width: 100%;
}
.bl-1 .inner {
  position: relative;
}
.bl-1 .bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bl-1 .bg-rotation {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.bl-1 .title {
  position: absolute;
  top: 211rem;
  left: 0;
  backdrop-filter: blur(10rem);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 10rem 10rem 0;
  padding: 31rem 30rem 30rem 60rem;
  width: 539rem;
  z-index: 3;
}
.bl-1 h1 {
  line-height: 36.77rem;
  text-align: left;
  margin-top: 0;
}
.bl-1 h1 span {
  line-height: 36.77rem;
  font-size: 32rem;
  font-weight: 700;
}
.museum-exhibit-design-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 200rem;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 1440rem;
  padding-bottom: 70rem;
}
.historical-journey-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.museum-title-container {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.museum-image-container {
  box-sizing: border-box;
  display: block;
  width: 461rem;
  max-width: initial;
  height: 271rem;
  border: 1rem solid black;
  object-fit: cover;
}
.museum-description-container {
  flex: 1 0 auto;
  padding-bottom: 153rem;
  margin-left: -461rem;
}
.museum-hero-section {
  box-sizing: border-box;
  width: 100%;
  padding-top: 201rem;
  padding-bottom: 361rem;
  background: url("../assets/image_887cee3e.png") 50% / cover no-repeat;
}
.museum-info-container4 {
  box-sizing: border-box;
  width: 100%;
  padding-right: 17rem;
}
.museum-info-panel1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  padding: 31rem 28rem 30rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10rem 0 0 10rem;
  box-shadow: 0 0 40rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(27rem);
}
.museum-title-style {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 452rem;
  padding: 0;
  margin: 0;
  font: 700 32rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.museum-info-panel {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -77rem;
}
.hero-image-container {
  box-sizing: border-box;
  display: block;
  flex: 0 0 auto;
  max-width: initial;
  height: 643rem;
  border: 1rem solid black;
  object-fit: cover;
}
.vertical-spacing-container {
  flex: 0 0 auto;
  margin-top: 18rem;
}
.image-container {
  box-sizing: border-box;
  display: block;
  width: 482rem;
  max-width: initial;
  height: 272rem;
  border: 1rem solid black;
  object-fit: cover;
}
.nested-content-container {
  flex: 0 0 auto;
  margin-left: 18rem;
}
.vertical-spacer {
  margin-top: 17rem;
}
.image-container-styles {
  box-sizing: border-box;
  display: block;
  width: 461rem;
  max-width: initial;
  border: 1rem solid black;
  object-fit: cover;
}
.vertical-spacer1 {
  margin-top: 17rem;
}
.img-style-f62:first-child {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 271rem;
  margin-top: 0rem;
  border: 1rem solid black;
  object-fit: cover;
}
.interactive-exhibit-details {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 8rem;
  align-items: flex-start;
  align-self: center;
  justify-content: space-between;
  min-width: 1030rem;
  margin-top: -74rem;
  margin-left: 100rem;
}
.interactive-exhibit-section {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 818rem;
}
.interactive-exhibit-description {
  flex: 0 0 auto;
  padding-right: 8rem;
  padding-left: 8rem;
}
.interactive-exhibit-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.task-image-container {
  box-sizing: border-box;
  display: block;
  width: 80rem;
  max-width: initial;
  height: 80rem;
}
.task-title-bold {
  flex: 0 0 auto;
  padding: 0;
  padding-bottom: 3rem;
  margin: 0;
  margin-left: 23rem;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.interactive-exhibit-description1 {
  padding-right: 103rem;
  padding-left: 103rem;
  margin-top: 37rem;
}
.interactive-history-exhibit-text {
  box-sizing: border-box;
  max-width: 707rem;
  padding: 0;
  margin: 0;
  font: 400 20rem/28rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
}
.interactive-text {
  display: block;
  line-height: 20rem;
}
.interactive-quiz-container {
  flex: 0 0 auto;
  margin-top: 71rem;
}
.interactive-game-container,
.interactive-game-container3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.mystical-image {
  box-sizing: border-box;
  display: block;
  width: 95rem;
  max-width: initial;
  height: 94rem;
  object-fit: cover;
}
.solution-title-text-style {
  flex: 0 0 auto;
  align-self: flex-end;
  padding: 0;
  padding-bottom: 10rem;
  margin: 0;
  margin-left: 16rem;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.interactive-content-container3 {
  padding-right: 111rem;
  padding-left: 111rem;
  margin-top: 30rem;
}
.interactive-image {
  box-sizing: border-box;
  display: block;
  width: 129rem;
  max-width: initial;
  height: 371rem;
  border: none;
  object-fit: cover;
}
.museum-exhibit-layout {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-left: 17rem;
}
.interactive-content-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 1199rem;
}
.interactive-content-container4 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.quiz-title-style {
  box-sizing: border-box;
  flex: 0 0 auto;
  align-self: center;
  max-width: 873rem;
  padding: 0;
  margin: 0;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  text-align: center;
  white-space: pre-wrap;
}
.interactive-museum-exhibit {
  flex: 0 0 auto;
  margin-top: 99rem;
}
.interactive-content-container5 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding-left: 43rem;
}
.interactive-content-container2 {
  flex: 0 0 auto;
}
.interactive-path-icon {
  box-sizing: border-box;
  display: block;
  width: 98rem;
  max-width: initial;
  height: 94rem;
  object-fit: cover;
  position: relative;
}
.interactive-path-icon.two-star {
  margin-top: 170rem;
}
.interactive-path-description {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 707rem;
  padding: 0;
  padding-top: 20rem;
  margin: 0;
  margin-left: 13rem;
  font: 500 32rem/42rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.interactive-text-title {
  font: 600 32rem/42rem Ubuntu, sans-serif;
  color: #000;
}
.interactive-text-style {
  font: 500 32rem/42rem Ubuntu, sans-serif;
  text-align: left;
}
.interactive-journey-description {
  font: 500 32rem/42rem Ubuntu, sans-serif;
  color: #6e6e6e;
  text-align: left;
}
.interactive-journey-section1 {
  display: flex;
  flex-direction: row;
  gap: 15.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 18rem;
  padding-left: 18rem;
  margin-top: -88rem;
}
.fighter-equipment-image {
  box-sizing: border-box;
  display: block;
  width: 305rem;
  max-width: initial;
  height: 228rem;
}
.warrior-equipment-description {
  box-sizing: border-box;
  flex: 0 0 auto;
  align-self: flex-end;
  max-width: 707rem;
  padding: 0;
  padding-top: 188rem;
  margin: 0;
  font: 500 32rem/42rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.interactive-journey-section {
  padding-right: 48rem;
  padding-left: 195rem;
  margin-top: -102rem;
}
.image-container3 {
  box-sizing: border-box;
  display: block;
  width: 148rem;
  max-width: initial;
  height: 194rem;
}
.immersive-soldier-experience-widget {
  flex: 0 0 auto;
  padding-right: 113rem;
  padding-left: 113rem;
  margin-top: -12rem;
}
.immersive-soldier-experience-widget1 {
  padding-right: 4.5rem;
  padding-left: 4.5rem;
  margin-top: -50rem;
}
.image-container5 {
  box-sizing: border-box;
  display: block;
  width: 166rem;
  max-width: initial;
  height: 150rem;
}
.hero-section-container1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  margin-top: -20rem;
}
.hero-section-container2 {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 21.1%;
  padding-top: 107rem;
}
.image-container4 {
  box-sizing: border-box;
  display: block;
  width: 144rem;
  max-width: initial;
  height: 239rem;
  border: none;
  object-fit: cover;
}
.hero-section-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 78.9%;
  padding-right: 15rem;
  padding-bottom: 200rem;
  padding-left: 15rem;
}
.technology-section {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-right: 62rem;
}
.technology-section1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 915rem;
}
.technology-heading {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  margin-left: 45rem;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.interactive-table-section {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  justify-content: flex-start;
  margin-top: 40rem;
}
.interactive-table-image {
  box-sizing: border-box;
  display: block;
  width: 90rem;
  max-width: initial;
  height: 90rem;
  position: relative;
}
.interactive-panel-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 40rem 81rem;
  margin-left: -45rem;
  background: #2a8edc;
  border-radius: 20rem;
}
.interactive-quiz-content {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  font: 400 20rem/28rem Ubuntu, sans-serif;
  color: white;
  text-align: left;
  letter-spacing: 0.2rem;
  white-space: pre-wrap;
}
.development-process-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-left: 51rem;
}
.development-process-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 1209rem;
}
.main-heading-style {
  flex: 0 0 auto;
  align-self: center;
  padding: 0;
  margin: 0;
  margin-left: -52rem;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.interactive-content-section3 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 8rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 90rem;
}
.interactive-content-section1 {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 538rem;
}
.quiz-scenario-container {
  box-sizing: border-box;
  width: 100%;
}
.quiz-image-container {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 400rem;
  border: none;
  border-radius: 20rem;
  object-fit: cover;
}
.quiz-description-text-style {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 40rem;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.interactive-content-container1 {
  box-sizing: border-box;
  width: 100%;
  margin-top: 100rem;
}
.interactive-content-section2 {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 338rem;
  border: none;
  border-radius: 20rem;
  object-fit: cover;
}
.interactive-content-styling {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 40rem;
  font: 500 32rem/42rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.interface-optimization-styles {
  box-sizing: border-box;
  width: 100%;
  margin-top: 103rem;
}
.image-container-with-optimized-text-placement {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 378rem;
  border: none;
  border-radius: 20rem;
  object-fit: cover;
}
.interactive-content-section {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 534rem;
}
.historical-illustration-interface {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 338rem;
}
.large-panel-image-cover {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: initial;
  height: 401rem;
  border: none;
  border-radius: 20rem;
  object-fit: cover;
}
.content-wrapper {
  flex: 0 0 auto;
  padding-right: 165rem;
  padding-left: 165rem;
  margin-top: 221rem;
}
.image-container1 {
  box-sizing: border-box;
  display: block;
  width: 294rem;
  max-width: initial;
  height: 257rem;
  border: none;
  object-fit: cover;
}
.museum-exhibit-description {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-right: 7rem;
}
.museum-experience-section {
  box-sizing: border-box;
  min-width: 1101rem;
}
.museum-info-container1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.museum-info-container2 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-right: 42rem;
}
.museum-info-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 911rem;
}
.main-heading-text-style {
  flex: 0 0 auto;
  align-self: center;
  padding: 0;
  margin: 0;
  margin-left: 50rem;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.museum-info-container3 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 40rem;
}
.museum-info-card {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 40rem 29rem;
  margin-left: -45rem;
  background: #18ac59;
  border-radius: 20rem;
}
.museum-info-text {
  box-sizing: border-box;
  flex: 0 0 auto;
  max-width: 756rem;
  padding: 0;
  margin: 0;
  font: 400 20rem/28rem Ubuntu, sans-serif;
  color: white;
  text-align: left;
  letter-spacing: 0.2rem;
  white-space: pre-wrap;
}
.museum-info-block {
  flex: 0 0 auto;
  margin-top: 96rem;
}
.image-container-compact {
  box-sizing: border-box;
  display: block;
  width: 103rem;
  max-width: initial;
  height: 83rem;
  border: none;
  object-fit: cover;
}
.testimonial-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding-left: 7rem;
  margin-top: 21rem;
}
.testimonial-heading {
  flex: 0 0 auto;
  align-self: center;
  padding: 0;
  margin: 0;
  font: 700 48rem Ubuntu, sans-serif;
  color: black;
  white-space: pre-wrap;
}
.patriotica-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 20rem;
}
.patrioticaesthetic1 {
  flex: 0 0 auto;
  padding-right: 48rem;
  padding-left: 882rem;
}
.image-container2 {
  box-sizing: border-box;
  display: block;
  width: 100rem;
  max-width: initial;
  height: 79rem;
}
.patriot-exhibit-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: -39rem;
  background: #f5f5f7;
  border-radius: 20rem;
}
.patriot-game-review-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  max-width: 932rem;
  padding-top: 70rem;
  padding-bottom: 75rem;
}
.patrioticaesthetic {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  font: 400 24rem/36rem Ubuntu, sans-serif;
  color: black;
  text-align: left;
  white-space: pre-wrap;
}
.blue-box-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: -30rem;
  background: #2a8edc;
  border-radius: 20rem;
}
.call-to-action-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-width: 1096rem;
  padding-top: 60rem;
  padding-bottom: 59rem;
}
.hero-text-block {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  font: 700 24rem/34rem Ubuntu, sans-serif;
  color: white;
  text-align: left;
  white-space: pre-wrap;
}
.form-button-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 23rem;
  align-items: center;
  justify-content: space-between;
  margin-top: 39rem;
}
.card-container {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: 257rem;
}
.input-with-border-radius-and-text-formatting {
  box-sizing: border-box;
  width: 100%;
  height: 52rem;
  padding-left: 20rem;
  font: 500 20rem Ubuntu, sans-serif;
  border: 2rem solid #75c8ff;
  border-radius: 30rem;
}
.input-style-f62::placeholder {
  color: white;
}
.submit-button-style {
  box-sizing: border-box;
  display: block;
  flex: 0 0 auto;
  width: 255rem;
  min-width: 255rem;
  height: 50rem;
  font: 700 20rem Ubuntu, sans-serif;
  color: black;
  cursor: pointer;
  background: white;
  border: none;
  border-radius: 30rem;
}
.bl-7 {
  margin-top: 100rem;
  background-color: transparent!important;
}
.bl-7 .inner {
  background-color: #578DD8 !important;
  width: 1320rem;
  border-radius: 20rem;
  padding: 60rem 112rem;
  position: relative;
}
.bl-7 .inner .title {
  font-size: 24rem;
  line-height: 22.6rem;
  font-weight: 700;
  color: #fff;
}
.bl-7 .inner .main-form {
  margin-top: 40rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25rem;
  max-width: 100%;
}
.bl-7 .inner input {
  padding: 0 20rem;
  max-width: 100%;
  box-shadow: none;
  text-align: left;
  outline: 0;
  width: calc((100% - 75rem) / 4);
  height: 50rem;
  display: block;
  font-size: 20rem;
  border: 2rem solid #75c8ff;
  border-radius: 30rem;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
  color: #fff !important;
  position: relative;
  margin: 0;
  /* Edge */
  /* Internet Explorer 10-11 */
}
.bl-7 .inner input.inp-user {
  background: url(../assets/icon--user.svg) no-repeat 95% 50%;
}
.bl-7 .inner input.inp-phone {
  background: url(../assets/icon--phone.svg) no-repeat 95% 50%;
}
.bl-7 .inner input.inp-mail {
  background: url(../assets/icon--mail.svg) no-repeat 95% 50%;
}
.bl-7 .inner input::-webkit-input-placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner input:-ms-input-placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner input::placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner button {
  background-color: #fff;
  height: 50rem;
  margin: 0!important;
  width: calc((100% - 75rem) / 4);
  border-radius: 30rem;
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 20rem;
}
@media screen and (max-width: 860px) {
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
  main {
    padding-bottom: 100rem;
  }
  section .inner {
    max-width: 390rem;
  }
  .bl-1 {
    background-color: transparent !important;
    background-size: 100%;
    height: auto;
  }
  .bl-1:before {
    background: linear-gradient(180deg, #fff 81%, rgba(255, 255, 255, 0) 92%);
  }
  .bl-1 .title {
    top: 29rem;
    padding: 20rem 11rem 20rem 20rem;
    width: 258rem;
  }
  .bl-1 h1 {
    line-height: 18.38rem;
  }
  .bl-1 h1 span {
    line-height: 18.38rem;
    font-size: 16rem;
  }
  .bl-1 .description {
    top: 151rem;
    left: 0;
    width: 100%;
    padding: 0 20rem;
  }
  .bl-1 .description img {
    margin-top: 50rem;
  }
  .bl-1 .description .titl {
    margin-top: 10rem;
    font-size: 40rem;
    line-height: 45.96rem;
  }
  .bl-1 .description .text {
    margin-top: 8rem;
  }
  .bl-1 .description .text p {
    margin: 22rem 0 0;
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .interactive-image {
    display: none;
  }
  .museum-exhibit-design-container {
    min-width: auto;
  }
  .interactive-exhibit-container {
    align-items: center;
  }
  .task-title-bold {
    font: 700 32rem / 48rem Ubuntu, sans-serif;
  }
  .interactive-exhibit-details {
    min-width: auto;
    width: 350rem;
    margin-left: 0;
  }
  .interactive-exhibit-section {
    min-width: auto;
    width: 100%;
  }
  .interactive-exhibit-description {
    padding: 0 20rem;
  }
  .interactive-exhibit-description1 {
    padding: 0;
  }
  .interactive-history-exhibit-text {
    max-width: initial;
  }
  .interactive-history-exhibit-text span {
    font-size: 20rem;
  }
  .interactive-content-container3 {
    padding: 0 20rem;
  }
  .interactive-game-container {
    align-items: center;
  }
  .solution-title-text-style {
    padding-bottom: 0;
    height: 100%;
    align-self: auto;
    font: 700 32rem / 48rem Ubuntu, sans-serif;
  }
  .museum-exhibit-layout {
    padding: 0 20rem;
  }
  .interactive-content-container {
    min-width: auto;
    width: 350rem;
  }
  .quiz-title-style {
    font: 700 32rem / 32rem Ubuntu, sans-serif;
  }
  .interactive-content-container5 {
    padding: 0;
    gap: 50rem;
  }
  .interactive-game-container3 {
    flex-direction: column;
    align-items: flex-start;
  }
  .interactive-content-container2 {
    gap: 50rem;
    display: flex;
    flex-direction: column;
  }
  .interactive-path-description {
    margin: 0;
    font: 600 20rem / 26rem Ubuntu, sans-serif;
  }
  .interactive-text-title {
    font: 600 20rem / 26rem Ubuntu, sans-serif;
  }
  .interactive-text-style {
    font: 600 20rem / 26rem Ubuntu, sans-serif;
  }
  .interactive-journey-description {
    font: 500 20rem / 26rem Ubuntu, sans-serif;
    line-height: 130%;
  }
  .interactive-journey-section1 {
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  .fighter-equipment-image {
    display: none;
  }
  .interactive-path-icon.two-star {
    margin: 0;
  }
  .warrior-equipment-description {
    padding: 0;
    font: 600 20rem / 26rem Ubuntu, sans-serif;
  }
  .interactive-journey-section {
    display: none;
  }
  .immersive-soldier-experience-widget {
    padding: 0;
    margin: 0;
  }
  .immersive-soldier-experience-widget1 {
    display: none;
  }
  .hero-section-container1 {
    margin: 50rem 0 0;
  }
  .hero-section-container2 {
    display: none;
  }
  .hero-section-container {
    padding: 0;
    flex-direction: column;
    width: 100%;
  }
  .technology-section {
    padding: 0;
    margin: 200rem 0 0;
  }
  .technology-heading {
    margin: 0;
    font: 700 32rem Ubuntu, sans-serif;
  }
  .interactive-table-section {
    flex-direction: column;
    margin-top: 30rem;
  }
  .interactive-panel-container {
    padding: 60rem 20rem 30rem;
    margin: -40rem 0 0;
  }
  .interactive-quiz-content {
    font: 400 16rem / 22rem Ubuntu, sans-serif;
  }
  .development-process-container1 {
    padding: 0 20rem;
  }
  .development-process-container {
    min-width: auto;
    width: 350rem;
  }
  .main-heading-style {
    font: 700 32rem Ubuntu, sans-serif;
    margin: 0;
  }
  .interactive-content-section3 {
    margin-top: 40rem;
    flex-direction: column;
  }
  .interactive-content-styling {
    font: 600 20rem / 26rem Ubuntu, sans-serif;
  }
  .interactive-content-section {
    margin-top: 100rem;
  }
  .content-wrapper {
    display: none;
  }
  .museum-experience-section {
    min-width: auto;
    width: 350rem;
  }
  .museum-info-container2 {
    padding: 0;
  }
  .museum-info-container {
    min-width: auto;
  }
  .main-heading-text-style {
    margin: 0;
    font: 700 32rem Ubuntu, sans-serif;
  }
  .museum-info-container3 {
    margin-top: 30rem;
    flex-direction: column;
  }
  .museum-info-card {
    margin: -40rem 0 0;
    padding: 60rem 20rem 40rem;
  }
  .museum-info-text {
    font: 400 16rem / 22rem Ubuntu, sans-serif;
  }
  .museum-info-block {
    display: none;
  }
  .testimonial-container {
    padding: 0;
    margin-top: 100rem;
  }
  .testimonial-heading {
    font: 700 32rem Ubuntu, sans-serif;
  }
  .patriotica-container {
    margin-top: 10rem;
  }
  .patrioticaesthetic1 {
    padding-left: 280rem;
    padding-right: initial;
  }
  .image-container2 {
    height: 39.5rem;
    width: 50rem;
    position: relative;
  }
  .patriot-exhibit-container {
    margin-top: -20rem;
  }
  .patriot-game-review-container {
    padding: 30rem 25rem 37rem;
  }
  .patrioticaesthetic {
    font: 400 16rem / 22rem Ubuntu, sans-serif;
  }
  .bl-7 {
    margin-top: 60rem;
  }
  .bl-7 .inner {
    width: 350rem;
    margin: 0 auto;
    padding: 30rem 25rem;
  }
  .bl-7 .inner .title {
    font-size: 18rem;
    line-height: 25.2rem;
  }
  .bl-7 .inner .main-form {
    flex-direction: column;
    gap: 20rem;
    width: 100%;
  }
  .bl-7 .inner input {
    width: 100%;
  }
  .bl-7 .inner button {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */