/*
desktop - > 1024px
h1 1.7vw
h2 1.5vw
p,li 1.2vw
a 1vw

*/
/*
tablet - 720 to  1024
h1 2.7vw
p,li 1.7vw
a 1.5vw

mobile - < 720
h1 5vw
p,li 3.5vw
a 3.3vw

a padding same as a fontsize

*/
main {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}

section {
  display: flex;
  width: 100%;
}
section:nth-of-type(1) {
  height: 95vh;
}
section:nth-of-type(1) .swiper-slide {
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: row;
}
section:nth-of-type(1) .swiper-slide .card {
  height: -moz-fit-content;
  height: fit-content;
  height: 65vh;
  width: 30%;
  display: none;
  background-color: #125492;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1vw;
  box-sizing: border-box;
  color: white;
}
section:nth-of-type(1) .swiper-slide .card h1 {
  font-size: 1.5vw;
}
section:nth-of-type(1) .swiper-slide .card p {
  font-size: 1vw;
}
section:nth-of-type(1) .swiper-slide img {
  display: block;
  width: 100%;
  height: 90vh;
  -o-object-fit: cover;
     object-fit: cover;
}
section:nth-of-type(2) {
  flex-direction: column;
  align-items: center;
}
section:nth-of-type(2) h1 {
  font-size: 1.7vw;
  width: 60%;
  font-weight: 500;
  padding: 1vw;
  box-sizing: border-box;
}
section:nth-of-type(2) .grid_wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-template-areas: "a b" "a b";
}
section:nth-of-type(2) .grid_wrap .item {
  height: 100%;
  width: 100%;
}
section:nth-of-type(2) .grid_wrap .item:nth-of-type(1) {
  grid-area: a;
}
section:nth-of-type(2) .grid_wrap .item:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) {
  grid-area: b;
  padding: 3vw;
  box-sizing: border-box;
  background-color: rgb(0, 125, 155);
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
}
section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) p {
  font-size: 1.2vw;
}
section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border: 2px solid white;
  padding: 0.5vw;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1.5vw;
  font-size: 1vw;
}
section:nth-of-type(3) {
  background-color: white;
  min-height: 30vh;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
section:nth-of-type(3) p {
  font-size: 1.7vw;
  width: 60%;
  font-weight: 500;
  padding: 1vw;
  box-sizing: border-box;
}
section:nth-of-type(4) {
  background-color: rgb(16, 49, 114);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section:nth-of-type(4) > h1 {
  font-size: 2vw;
  text-align: center;
  color: white;
}
section:nth-of-type(4) .row {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
section:nth-of-type(4) .row a {
  text-decoration: none;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1vw;
  width: 13.5vw;
  height: 12vw;
  border-radius: 15px;
  margin-right: 2.5vw;
  margin-left: 2.5vw;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  margin-bottom: 3vw;
  /*img {
      width: 70%;
      height: 30vh;
      object-fit: cover;
  }*/
}
section:nth-of-type(4) .row a span {
  font-weight: 500;
  color: black;
}
section:nth-of-type(4) .row a span:nth-of-type(1) {
  font-size: 2.2vw;
  margin-bottom: 2.5vw;
  margin-top: 1vw;
  padding: 0.5vw;
  box-sizing: border-box;
}
section:nth-of-type(4) .row a span:nth-of-type(2) {
  font-size: 0.9vw;
  margin-bottom: 1vw;
  text-transform: uppercase;
  font-weight: 700;
}
section:nth-of-type(4) .row a span:nth-of-type(3) {
  font-size: 0.8vw;
  background-color: rgb(16, 49, 114);
  color: white;
  padding: 0.3vw;
  display: none;
  box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
  section:nth-of-type(1) .swiper-slide img {
    width: 100%;
  }
  section:nth-of-type(2) h1 {
    font-size: 2.7vw;
    width: 80%;
    padding: 1.4vw;
  }
  section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) p {
    font-size: 2vw;
  }
  section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) a {
    font-size: 1.7vw;
    padding: 1.7vw;
  }
  section:nth-of-type(3) {
    min-height: 25vh;
  }
  section:nth-of-type(3) p {
    font-size: 2.7vw;
    width: 80%;
  }
  section:nth-of-type(4) > h1 {
    font-size: 2.7vw;
  }
  section:nth-of-type(4) .row a {
    width: 25vw;
    height: 22vw;
  }
  section:nth-of-type(4) .row a span:nth-of-type(1) {
    font-size: 3.6vw;
    margin-bottom: 4vw;
  }
  section:nth-of-type(4) .row a span:nth-of-type(2) {
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 720px) {
  section:nth-of-type(1) {
    height: 80vh;
  }
  section:nth-of-type(1) img {
    height: 80vh;
  }
  section:nth-of-type(2) h1 {
    font-size: 5vw;
    width: 90%;
    padding: 2vw;
  }
  section:nth-of-type(2) .grid_wrap {
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-areas: "a a" "b b";
  }
  section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) p {
    font-size: 3.5vw;
  }
  section:nth-of-type(2) .grid_wrap .item:nth-of-type(2) a {
    font-size: 3.3vw;
    padding: 3.3vw;
  }
  section:nth-of-type(3) {
    min-height: unset;
  }
  section:nth-of-type(3) p {
    font-size: 5vw;
    width: 90%;
  }
  section:nth-of-type(4) > h1 {
    font-size: 5vw;
  }
  section:nth-of-type(4) .row {
    flex-direction: column;
  }
  section:nth-of-type(4) .row a {
    width: 60vw;
    height: 30vw;
  }
  section:nth-of-type(4) .row a span:nth-of-type(1) {
    font-size: 5vw;
    margin-bottom: 4vw;
  }
  section:nth-of-type(4) .row a span:nth-of-type(2) {
    font-size: 4.5vw;
  }
}/*# sourceMappingURL=index.css.map */