*, h1, h2, h3, h4, h5, p, a, span, main {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

.overflow {
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 50;
}
@media only screen and (max-width: 650px) {
  .header {
    inset-block-start: 30px;
  }
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 57px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #771501;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 650px) {
  .header__nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    position: relative;
    margin-inline: auto;
    border-radius: 10px;
    width: calc(100% - 40px);
  }
}
.header__collapse {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 45px;
  height: 45px;
  margin-inline: 7px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header__collapse div {
  width: 80%;
  height: 5px;
  background-color: white;
  border-radius: 5px;
}
.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  gap: 15px;
}
.header__list--modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.header__item a {
  padding: 10px 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #771501;
  text-decoration: none;
}

.main {
  position: relative;
  z-index: 0;
}

@-webkit-keyframes ext {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ext {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes int {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes int {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  inset-block-start: -60px;
  overflow: hidden;
  height: 1000px;
}
.banner > img {
  position: absolute;
}
.banner > img:nth-child(1) {
  -webkit-animation: ext 10s linear infinite;
          animation: ext 10s linear infinite;
}
@media only screen and (max-width: 650px) {
  .banner > img:nth-child(1) {
    width: 320%;
  }
}
@media only screen and (min-width: 650px) {
  .banner > img:nth-child(1) {
    width: 200%;
  }
}
@media only screen and (min-width: 1270px) {
  .banner > img:nth-child(1) {
    width: 100%;
  }
}
.banner > img:nth-child(2) {
  -webkit-animation: int 10s linear infinite;
          animation: int 10s linear infinite;
}
@media only screen and (max-width: 650px) {
  .banner > img:nth-child(2) {
    width: 190%;
  }
}
@media only screen and (min-width: 650px) {
  .banner > img:nth-child(2) {
    width: 100%;
  }
}
@media only screen and (min-width: 1270px) {
  .banner > img:nth-child(2) {
    width: 50%;
  }
}
.banner__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inset-block-start: 210px;
}
.banner__logo {
  width: 290px;
}
.banner__data {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  gap: 20px;
}
.banner__data > span {
  font-family: "Bebas Neue", cursive;
  font-weight: 400;
  font-size: 36px;
  line-height: 31px;
}
.banner__data > span span:nth-child(1) {
  color: #771501;
}
.banner__data > span span:nth-child(3) {
  color: #C43726;
}
.banner__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.banner__location img {
  position: relative;
  width: 28px;
  inset-block-start: -3px;
}
.banner__location span {
  font-family: "Bebas Neue", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 31px;
  color: #771501;
}
.banner__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
.banner__message span {
  width: 209px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: 800;
  color: #CA6100;
  text-align: center;
}

.text, .partners__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #771501;
  text-align: center;
}
.text span, .partners__text span {
  font-weight: 800;
  color: #C43726;
}
@media only screen and (max-width: 650px) {
  .text, .partners__text {
    width: 80%;
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 650px) {
  .text, .partners__text {
    width: 80%;
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1270px) {
  .text, .partners__text {
    width: 60%;
    font-size: 32px;
    line-height: 39px;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-padding-before: 100px;
          padding-block-start: 100px;
}
@media only screen and (max-width: 650px) {
  .about {
    -webkit-padding-before: 140px;
            padding-block-start: 140px;
  }
}
.about img {
  margin-block: 50px 100px;
}
@media only screen and (max-width: 650px) {
  .about img {
    width: 85%;
  }
}
@media only screen and (min-width: 650px) {
  .about img {
    width: 70%;
  }
}
@media only screen and (min-width: 1270px) {
  .about img {
    width: 50%;
  }
}

.title {
  font-family: "Bebas Neue", cursive;
  font-size: 64px;
  line-height: 77px;
  font-weight: 400;
  text-align: center;
  color: #C43726;
}

.location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  -webkit-padding-before: 100px;
          padding-block-start: 100px;
}
@media only screen and (max-width: 650px) {
  .location {
    -webkit-padding-before: 140px;
            padding-block-start: 140px;
  }
}
.location__text {
  margin-block: 16px;
  width: 80%;
}
.location__phrase {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #771501;
  width: 80%;
}
.location__map {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 30px 60px;
}
@media only screen and (max-width: 650px) {
  .location__map {
    overflow: scroll;
  }
  .location__map img:nth-child(1) {
    width: 400%;
  }
}
@media only screen and (min-width: 650px) {
  .location__map {
    overflow: scroll;
  }
  .location__map img:nth-child(1) {
    width: 300%;
  }
}
@media only screen and (min-width: 1270px) {
  .location__map {
    overflow: hidden;
  }
  .location__map img:nth-child(1) {
    position: relative;
    inset-inline-start: 72%;
    width: 120%;
  }
}

@-webkit-keyframes movement {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  75% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

@keyframes movement {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  75% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
.pointer {
  position: absolute;
  z-index: 50;
  -webkit-animation: movement 1s infinite linear;
          animation: movement 1s infinite linear;
  cursor: pointer;
}
@media only screen and (max-width: 650px) {
  .pointer {
    visibility: visible;
    width: 2.2%;
  }
  .pointer1 {
    inset-block-start: 16.2%;
    inset-inline-start: 307.6%;
  }
  .pointer2 {
    inset-block-start: 28.2%;
    inset-inline-start: 184.4%;
  }
  .pointer3 {
    inset-block-start: 33.3%;
    inset-inline-start: 194%;
  }
  .pointer4 {
    inset-block-start: 31.6%;
    inset-inline-start: 195.7%;
  }
  .pointer5 {
    inset-block-start: 61.5%;
    inset-inline-start: 239.6%;
  }
  .pointer6 {
    inset-block-start: 60.5%;
    inset-inline-start: 241.6%;
  }
  .pointer7 {
    inset-block-start: 56%;
    inset-inline-start: 145.8%;
  }
  .pointer8 {
    inset-block-start: 53%;
    inset-inline-start: 154%;
  }
  .pointer9 {
    inset-block-start: 23.1%;
    inset-inline-start: 160.3%;
  }
  .pointer10 {
    inset-block-start: 3%;
    inset-inline-start: 322.8%;
  }
  .pointer11 {
    inset-block-start: 2.5%;
    inset-inline-start: 328%;
  }
  .pointer12 {
    inset-block-start: 41.8%;
    inset-inline-start: 177.1%;
  }
  .pointer13 {
    inset-block-start: 62.5%;
    inset-inline-start: 134.5%;
  }
  .pointer14 {
    inset-block-start: 59.3%;
    inset-inline-start: 151.8%;
  }
  .pointer15 {
    inset-block-start: 43.2%;
    inset-inline-start: 220.5%;
  }
  .pointer16 {
    inset-block-start: 26%;
    inset-inline-start: 144%;
  }
  .pointer17 {
    inset-block-start: 22.9%;
    inset-inline-start: 149.5%;
  }
  .pointer18 {
    inset-block-start: 13.5%;
    inset-inline-start: 173.4%;
  }
  .pointer19 {
    inset-block-start: 11.3%;
    inset-inline-start: 175%;
  }
  .pointer20 {
    inset-block-start: 10.4%;
    inset-inline-start: 171.9%;
  }
  .pointer21 {
    inset-block-start: 35.4%;
    inset-inline-start: 229.3%;
  }
  .pointer22 {
    inset-block-start: 34.5%;
    inset-inline-start: 221.5%;
  }
  .pointer23 {
    inset-block-start: 33.4%;
    inset-inline-start: 212.5%;
  }
  .pointer24 {
    inset-block-start: 26.8%;
    inset-inline-start: 159.3%;
  }
  .pointer25 {
    inset-block-start: 46.9%;
    inset-inline-start: 218.5%;
  }
  .pointer26 {
    inset-block-start: 66.5%;
    inset-inline-start: 106.2%;
  }
  .pointer27 {
    inset-block-start: 65%;
    inset-inline-start: 125%;
  }
  .pointer28 {
    inset-block-start: 17.4%;
    inset-inline-start: 201.5%;
  }
  .pointer29 {
    inset-block-start: 20.4%;
    inset-inline-start: 203%;
  }
  .pointer30 {
    inset-block-start: 16.1%;
    inset-inline-start: 171.9%;
  }
  .pointer31 {
    inset-block-start: 16%;
    inset-inline-start: 174.5%;
  }
  .pointer32 {
    inset-block-start: 20%;
    inset-inline-start: 176.7%;
  }
  .pointer33 {
    inset-block-start: 50.9%;
    inset-inline-start: 169.3%;
  }
  .pointer34 {
    inset-block-start: 54%;
    inset-inline-start: 182.5%;
  }
  .pointer35 {
    inset-block-start: 60%;
    inset-inline-start: 124%;
  }
  .pointer36 {
    inset-block-start: 50.1%;
    inset-inline-start: 178.3%;
  }
  .pointer37 {
    inset-block-start: 12.9%;
    inset-inline-start: 188.3%;
  }
  .pointer38 {
    inset-block-start: 50.4%;
    inset-inline-start: 149.85%;
  }
  .pointer39 {
    inset-block-start: 23.3%;
    inset-inline-start: 200.7%;
  }
  .pointer40 {
    inset-block-start: 33.8%;
    inset-inline-start: 216%;
  }
  .pointer41 {
    inset-block-start: 15.7%;
    inset-inline-start: 205.8%;
  }
  .pointer42 {
    inset-block-start: 43%;
    inset-inline-start: 168%;
  }
  .pointer43 {
    inset-block-start: 52%;
    inset-inline-start: 149%;
  }
  .pointer44 {
    inset-block-start: 52%;
    inset-inline-start: 159.6%;
  }
  .pointer45 {
    inset-block-start: 13.9%;
    inset-inline-start: 192%;
  }
}
@media only screen and (min-width: 650px) {
  .pointer {
    visibility: hidden;
  }
}
@media only screen and (min-width: 1270px) {
  .pointer {
    visibility: visible;
    width: 0.75%;
  }
  .pointer1 {
    inset-block-start: 16.1%;
    inset-inline-start: 164%;
  }
  .pointer2 {
    inset-block-start: 28.2%;
    inset-inline-start: 127.25%;
  }
  .pointer3 {
    inset-block-start: 33.2%;
    inset-inline-start: 130.2%;
  }
  .pointer4 {
    inset-block-start: 31.5%;
    inset-inline-start: 130.6%;
  }
  .pointer5 {
    inset-block-start: 61.3%;
    inset-inline-start: 143.85%;
  }
  .pointer6 {
    inset-block-start: 60.5%;
    inset-inline-start: 144.5%;
  }
  .pointer7 {
    inset-block-start: 56.7%;
    inset-inline-start: 116.1%;
  }
  .pointer8 {
    inset-block-start: 53%;
    inset-inline-start: 118%;
  }
  .pointer9 {
    inset-block-start: 23%;
    inset-inline-start: 119.9%;
  }
  .pointer10 {
    inset-block-start: 3%;
    inset-inline-start: 168.8%;
  }
  .pointer11 {
    inset-block-start: 2.5%;
    inset-inline-start: 170.4%;
  }
  .pointer12 {
    inset-block-start: 41.8%;
    inset-inline-start: 125.1%;
  }
  .pointer13 {
    inset-block-start: 62.2%;
    inset-inline-start: 112.2%;
  }
  .pointer14 {
    inset-block-start: 59.3%;
    inset-inline-start: 117.35%;
  }
  .pointer15 {
    inset-block-start: 43%;
    inset-inline-start: 138.1%;
  }
  .pointer16 {
    inset-block-start: 26%;
    inset-inline-start: 115.4%;
  }
  .pointer17 {
    inset-block-start: 22.9%;
    inset-inline-start: 116.7%;
  }
  .pointer18 {
    inset-block-start: 13.7%;
    inset-inline-start: 124%;
  }
  .pointer19 {
    inset-block-start: 11.3%;
    inset-inline-start: 124.5%;
  }
  .pointer20 {
    inset-block-start: 10.2%;
    inset-inline-start: 123.55%;
  }
  .pointer21 {
    inset-block-start: 35.4%;
    inset-inline-start: 140.8%;
  }
  .pointer22 {
    inset-block-start: 34.5%;
    inset-inline-start: 138.5%;
  }
  .pointer23 {
    inset-block-start: 33.4%;
    inset-inline-start: 135.8%;
  }
  .pointer24 {
    inset-block-start: 26.6%;
    inset-inline-start: 119.7%;
  }
  .pointer25 {
    inset-block-start: 46.9%;
    inset-inline-start: 137.5%;
  }
  .pointer26 {
    inset-block-start: 66.5%;
    inset-inline-start: 104%;
  }
  .pointer27 {
    inset-block-start: 65.5%;
    inset-inline-start: 109%;
  }
  .pointer28 {
    inset-block-start: 17.5%;
    inset-inline-start: 132.4%;
  }
  .pointer29 {
    inset-block-start: 20%;
    inset-inline-start: 132.8%;
  }
  .pointer30 {
    inset-block-start: 16.1%;
    inset-inline-start: 123.6%;
  }
  .pointer31 {
    inset-block-start: 15.3%;
    inset-inline-start: 124.5%;
  }
  .pointer32 {
    inset-block-start: 20.3%;
    inset-inline-start: 124.9%;
  }
  .pointer33 {
    inset-block-start: 50.9%;
    inset-inline-start: 122.8%;
  }
  .pointer34 {
    inset-block-start: 54%;
    inset-inline-start: 126.7%;
  }
  .pointer35 {
    inset-block-start: 60%;
    inset-inline-start: 109.3%;
  }
  .pointer36 {
    inset-block-start: 50.2%;
    inset-inline-start: 125.5%;
  }
  .pointer37 {
    inset-block-start: 12.8%;
    inset-inline-start: 128.5%;
  }
  .pointer38 {
    inset-block-start: 50.4%;
    inset-inline-start: 116.85%;
  }
  .pointer39 {
    inset-block-start: 23.1%;
    inset-inline-start: 132.3%;
  }
  .pointer40 {
    inset-block-start: 33.6%;
    inset-inline-start: 136.6%;
  }
  .pointer41 {
    inset-block-start: 15.5%;
    inset-inline-start: 133.8%;
  }
  .pointer42 {
    inset-block-start: 40.7%;
    inset-inline-start: 123%;
  }
  .pointer43 {
    inset-block-start: 52.4%;
    inset-inline-start: 116.4%;
  }
  .pointer44 {
    inset-block-start: 51.8%;
    inset-inline-start: 119.85%;
  }
  .pointer45 {
    inset-block-start: 13.85%;
    inset-inline-start: 129.6%;
  }
}

.partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-padding-before: 100px;
          padding-block-start: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 650px) {
  .partners {
    -webkit-padding-before: 140px;
            padding-block-start: 140px;
  }
}
.partners__text {
  margin-block: 30px;
}
.partners__text span {
  color: #771501;
}
.partners__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
}
@media only screen and (max-width: 650px) {
  .partners__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .partners__container img {
    width: 70%;
  }
}
@media only screen and (min-width: 650px) {
  .partners__container img {
    width: 30%;
  }
}
@media only screen and (min-width: 1270px) {
  .partners__container {
    padding-inline: 40px;
  }
  .partners__container img {
    width: 10%;
  }
}

.modal {
  position: fixed;
  display: -ms-grid;
  display: grid;
  place-items: center;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100vh;
  z-index: 50;
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
}
.modal__container--modal {
  background-color: #771501;
}
.modal__container--info {
  background-color: #C43726;
}
.modal__container img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
@media only screen and (max-width: 650px) {
  .modal__container {
    padding: 20px;
  }
  .modal__container img {
    width: 320px;
    height: 270px;
  }
}
@media only screen and (min-width: 650px) {
  .modal__container {
    padding: 40px;
  }
  .modal__container img {
    width: 561px;
    height: 484px;
  }
}
@media only screen and (min-width: 1270px) {
  .modal__container {
    padding: 20px;
  }
  .modal__container img {
    width: 320px;
    height: 270px;
  }
}
.modal__name {
  width: 561px;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  margin-block: 26px 18px;
  font-size: 44px;
  line-height: 53px;
  color: #fff;
  text-align: start;
}
@media only screen and (max-width: 650px) {
  .modal__name {
    width: 320px;
    margin-block: 14px 9px;
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1270px) {
  .modal__name {
    width: 320px;
    margin-block: 14px 9px;
    font-size: 25px;
    line-height: 30px;
  }
}
.modal__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 561px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 31px;
  line-height: 37px;
  color: #fff;
}
@media only screen and (max-width: 650px) {
  .modal__location {
    width: 320px;
    font-size: 17px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 1270px) {
  .modal__location {
    width: 320px;
    font-size: 17px;
    line-height: 21px;
  }
}
.modal__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 561px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 23px;
  gap: 18px;
}
.modal__contact img {
  width: 48px;
  height: 48px;
}
.modal__contact span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 31px;
  line-height: 37px;
  color: #fff;
}
@media only screen and (max-width: 650px) {
  .modal__contact {
    width: 320px;
    margin-block: 9px;
    gap: 10px;
  }
  .modal__contact img {
    width: 27px;
    height: 27px;
  }
  .modal__contact span {
    font-size: 17px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 1270px) {
  .modal__contact {
    width: 320px;
    margin-block: 9px;
    gap: 10px;
  }
  .modal__contact img {
    width: 27px;
    height: 27px;
  }
  .modal__contact span {
    font-size: 17px;
    line-height: 21px;
  }
}
.modal__schedule {
  width: 561px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 37px;
  color: #fff;
}
@media only screen and (max-width: 650px) {
  .modal__schedule {
    width: 320px;
    font-size: 17px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 1270px) {
  .modal__schedule {
    width: 320px;
    font-size: 17px;
    line-height: 21px;
  }
}
.modal__close {
  position: absolute;
  width: 40px;
  height: 40px;
  inset-block-start: -15px;
  inset-inline-end: -15px;
  border-radius: 50%;
  opacity: 0.5;
  border: none;
  cursor: pointer;
}
.modal__close p {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: black;
  font-weight: 800;
  font-size: 30px;
}

@media only screen and (max-width: 650px) {
  .diff {
    width: 50% !important;
  }
}
@media only screen and (min-width: 650px) {
  .diff {
    width: 20% !important;
  }
}
@media only screen and (min-width: 1270px) {
  .diff {
    width: 6% !important;
  }
}