@charset "UTF-8";
/* - - - - - - fonts - - - - - - */
@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap");
/* - - - - - - colors - - - - - - */
/* - - - - - - mixins - - - - - - */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

p,
span,
a,
li {
  font-size: 0.9vw;
  font-weight: 400;
}
@media (min-width: 769px) and (max-width: 1024px) {
  p,
  span,
  a,
  li {
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  p,
  span,
  a,
  li {
    font-size: 1.5vw;
  }
}
@media (max-width: 500px) {
  p,
  span,
  a,
  li {
    font-size: 3vw;
  }
}

@keyframes bounce {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -0.5vw);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0.5vw);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  padding: 1vw 0 0 0;
  width: 100%;
  height: auto;
}
body main {
  width: 100%;
  height: inherit;
}
body main header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1vw;
  padding: 1vw 2vw;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header {
    padding: 2vw 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header {
    padding: 2vw 3vw;
  }
}
@media (max-width: 500px) {
  body main header {
    padding: 3vw 5vw;
  }
}
body main header .logo_1 {
  width: 20%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .logo_1 {
    width: 25%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .logo_1 {
    width: 20%;
  }
}
@media (max-width: 500px) {
  body main header .logo_1 {
    width: 50%;
  }
}
body main header .logo_1 img {
  width: 70%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .logo_1 img {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main header .logo_1 img {
    width: 90%;
  }
}
body main header .menu {
  width: 80%;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main header .menu {
    width: 80%;
  }
}
body main header .menu input {
  display: none;
}
body main header .menu input:checked ~ ul {
  display: flex;
}
body main header .menu label {
  width: 100%;
  display: none;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu label {
    display: inline-block;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu label {
    display: inline-block;
  }
}
@media (max-width: 500px) {
  body main header .menu label {
    display: inline-block;
  }
}
body main header .menu label span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 3.5vw;
  color: #165b36;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu label span {
    font-size: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu label span {
    font-size: 2vw;
  }
}
body main header .menu label span svg {
  display: grid;
  place-items: center;
  color: black;
  width: 6vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu label span svg {
    width: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu label span svg {
    width: 4vw;
  }
}
body main header .menu ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style-type: none;
  border-bottom: solid 0.2vw #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul {
    width: 50%;
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #fff;
    padding: 5vw;
    z-index: 3;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 10%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul {
    width: 50%;
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #fff;
    padding: 5vw;
    z-index: 3;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 10%;
  }
}
@media (max-width: 500px) {
  body main header .menu ul {
    width: 70%;
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #fff;
    padding: 5vw;
    z-index: 3;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: -15%;
  }
}
body main header .menu ul li {
  margin: 0 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul li {
    margin: 1vw 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul li {
    margin: 2vw 0;
  }
}
@media (max-width: 500px) {
  body main header .menu ul li {
    margin: 2.5vw 0;
    text-align: right;
  }
}
body main header .menu ul li a, body main header .menu ul li span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9vw;
  color: #0c0c0c;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.1vw;
  font-weight: 500;
  padding: 0.5vw 0;
  display: inline-flex;
  flex-direction: column;
  margin-bottom: -2vw;
  position: relative;
}
body main header .menu ul li a::after, body main header .menu ul li span::after {
  content: ".";
  text-align: center;
  margin-top: -2.5vw;
  font-size: 3vw;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main header .menu ul li a, body main header .menu ul li span {
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul li a, body main header .menu ul li span {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul li a, body main header .menu ul li span {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main header .menu ul li a, body main header .menu ul li span {
    font-size: 3vw;
    margin-left: 3vw;
  }
}
body main header .menu ul li a:hover::after, body main header .menu ul li span:hover::after {
  color: #0a4995;
}
body main header .menu ul li label {
  display: flex;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul li label {
    justify-content: right;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul li label {
    justify-content: right;
  }
}
@media (max-width: 500px) {
  body main header .menu ul li label {
    justify-content: right;
  }
}
body main header .menu ul li label::after {
  display: none;
}
body main header .menu ul li #summit-menu:checked + .summit-menu {
  display: flex;
}
body main header .menu ul li ul.summit-menu {
  display: flex;
  position: absolute;
  top: 70%;
  width: auto;
  padding: 1vw;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul li ul.summit-menu {
    display: flex;
    width: 100%;
    position: static;
    padding-right: 5vw;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul li ul.summit-menu {
    display: flex;
    width: 100%;
    position: static;
    padding-right: 7vw;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 500px) {
  body main header .menu ul li ul.summit-menu {
    display: flex;
    width: 100%;
    position: static;
    padding-right: 0vw;
    flex-direction: column;
    align-items: flex-end;
  }
}
body main header .menu ul li ul.summit-menu li {
  margin: 0.5vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main header .menu ul li ul.summit-menu li {
    margin: 1vw 0;
  }
  body main header .menu ul li ul.summit-menu li::after {
    content: "-";
    font-size: 2vw;
    margin-left: 1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main header .menu ul li ul.summit-menu li {
    margin: 1vw 0;
  }
  body main header .menu ul li ul.summit-menu li::after {
    content: "-";
    font-size: 2vw;
    margin-left: 1vw;
  }
}
@media (max-width: 500px) {
  body main header .menu ul li ul.summit-menu li {
    margin: 2.5vw 0;
  }
  body main header .menu ul li ul.summit-menu li::after {
    content: "-";
    font-size: 2vw;
    margin-left: 1vw;
  }
}
body main header .menu ul li ul.summit-menu li a:hover {
  color: #fba50a;
}
body main header .menu ul li ul.summit-menu li a::after {
  display: none;
}
body main .hero-slide {
  display: flex;
  align-items: flex-start;
}
@keyframes appear {
  0% {
    display: flex;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body main .hero-slide .hero {
  width: 100%;
  height: auto;
  padding: 5vw 3vw;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2274509804), rgba(0, 0, 0, 0.2274509804)), url("./../../images/hero-section.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: background-image 5s ease-in-out;
  display: none;
}
body main .hero-slide .hero.appear {
  animation: appear 0.5s forwards ease-in-out;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero {
    padding: 7vw 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero {
    padding: 8vw 5vw;
    height: auto;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero {
    padding: 10vw 5vw;
    height: auto;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero {
    padding: 10vw 3vw;
    height: auto;
  }
}
body main .hero-slide .hero .message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message {
    width: 95%;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
body main .hero-slide .hero .message .left {
  width: 60%;
  background-color: rgba(3, 14, 34, 0.9058823529);
  padding: 3vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero .message .left {
    width: 60%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .left {
    width: 80%;
    margin: 0 auto;
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .left {
    width: 90%;
    margin: 0 auto;
    padding: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left {
    width: 100%;
    margin: 0 auto;
    padding: 5vw;
  }
}
body main .hero-slide .hero .message .left h1.main_headline {
  color: #fff;
  font-size: 2.5vw;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .left h1.main_headline {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left h1.main_headline {
    font-size: 6vw;
  }
}
body main .hero-slide .hero .message .left h1.main_headline sup {
  font-size: 1.5vw;
}
body main .hero-slide .hero .message .left h2.date {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Lora", serif;
  margin: 1.5vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .left h2.date {
    font-size: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .left h2.date {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left h2.date {
    font-size: 4vw;
    margin-top: 4vw;
  }
}
body main .hero-slide .hero .message .left h2.subtitle {
  color: #a87d54;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Bitter", serif;
  margin: 2vw 0;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero .message .left h2.subtitle {
    font-size: 2.2vw;
    margin: 2vw 0;
    line-height: 3.5vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .left h2.subtitle {
    font-size: 2.3vw;
    margin: 3vw 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .left h2.subtitle {
    font-size: 3vw;
    line-height: 4vw;
    margin: 3vw 0;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left h2.subtitle {
    font-size: 5vw;
    line-height: 6.5vw;
    margin: 3vw 0;
  }
}
body main .hero-slide .hero .message .left .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .hero-slide .hero .message .left .buttons .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 1vw;
  margin-top: 2vw;
  padding: 1vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .hero .message .left .buttons .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .left .buttons .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left .buttons .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero .message .left .buttons .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .left .buttons .cta svg {
    width: 3vw;
  }
}
body main .hero-slide .hero .message .right {
  width: 50%;
  padding: 3vw;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right {
    width: 100% !important;
  }
}
body main .hero-slide .hero .message .right .counter-main {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 2;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main {
    justify-content: center;
    margin-top: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main {
    justify-content: center;
    margin-top: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main {
    width: 100%;
    justify-content: center;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero .message .right .counter-main .counter {
  text-align: center;
  margin: 0 2vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -3vw;
  }
}
body main .hero-slide .hero .message .right .counter-main .counter circle-progress {
  transform: scale(1.5);
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress {
    transform: scale(1.2);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress {
    transform: scale(1);
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress {
    transform: scale(0.9);
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress {
    transform: scale(0.45);
  }
}
body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text-max), body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text-separator) {
  display: none;
}
body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text) {
  font-size: 1.5vw;
  fill: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 2.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 8vw;
  }
}
body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(circle) {
  stroke-width: 0.05vw;
  stroke: hsl(0, 0%, 100%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.15vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.3vw;
  }
}
body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(value) {
  stroke-width: 0.25vw;
  stroke-linecap: round;
  stroke: hsl(80.15, 74.86%, 64.12%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 1.3vw;
  }
}
body main .hero-slide .hero .message .right .counter-main .counter span {
  display: inline-block;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 500;
  margin-top: 2vw;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .message .right .counter-main .counter span {
    font-size: 1.2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .message .right .counter-main .counter span {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right .counter-main .counter span {
    font-size: 2.8vw;
    margin-top: -2vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .message .right {
    width: 0;
  }
}
body main .hero-slide .hero .call-to-action {
  margin-top: 2vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .call-to-action {
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .call-to-action {
    padding: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .call-to-action {
    padding: 3vw;
  }
}
body main .hero-slide .hero .call-to-action .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .hero .call-to-action .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero .call-to-action .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero .call-to-action .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero .call-to-action .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .hero .call-to-action .cta svg {
    width: 3vw;
  }
}
body main .hero-slide .hero-delegate {
  width: 100%;
  height: auto;
  padding: 5vw 3vw;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2274509804), rgba(0, 0, 0, 0.2274509804)), url("./../../images/hero-section.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: background-image 5s ease-in-out;
}
body main .hero-slide .hero-delegate.appear {
  animation: appear 0.5s forwards ease-in-out;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate {
    padding: 7vw 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate {
    padding: 8vw 5vw;
    height: auto;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate {
    padding: 10vw 5vw;
    height: auto;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate {
    padding: 10vw 3vw;
    height: auto;
  }
}
body main .hero-slide .hero-delegate .message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message {
    width: 95%;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
body main .hero-slide .hero-delegate .message .left {
  width: 60%;
  background-color: rgba(3, 14, 34, 0.9058823529);
  padding: 3vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate .message .left {
    width: 60%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .left {
    width: 80%;
    margin: 0 auto;
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .left {
    width: 90%;
    margin: 0 auto;
    padding: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left {
    width: 100%;
    margin: 0 auto;
    padding: 5vw;
  }
}
body main .hero-slide .hero-delegate .message .left h1.main_headline {
  color: #fff;
  font-size: 2.5vw;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .left h1.main_headline {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left h1.main_headline {
    font-size: 6vw;
  }
}
body main .hero-slide .hero-delegate .message .left h1.main_headline sup {
  font-size: 1.5vw;
}
body main .hero-slide .hero-delegate .message .left h2.date {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Lora", serif;
  margin: 1.5vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .left h2.date {
    font-size: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .left h2.date {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left h2.date {
    font-size: 4vw;
    margin-top: 4vw;
  }
}
body main .hero-slide .hero-delegate .message .left h2.subtitle {
  color: #a87d54;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Bitter", serif;
  margin: 2vw 0;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate .message .left h2.subtitle {
    font-size: 2.2vw;
    margin: 2vw 0;
    line-height: 3.5vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .left h2.subtitle {
    font-size: 2.3vw;
    margin: 3vw 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .left h2.subtitle {
    font-size: 3vw;
    line-height: 4vw;
    margin: 3vw 0;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left h2.subtitle {
    font-size: 5vw;
    line-height: 6.5vw;
    margin: 3vw 0;
  }
}
body main .hero-slide .hero-delegate .message .left .register-now-cta {
  display: inline-block;
  background-color: #fba50a;
  width: auto;
  padding: 0.5vw 1vw;
  text-decoration: none;
  cursor: pointer;
}
body main .hero-slide .hero-delegate .message .left .register-now-cta span {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.5vw;
}
body main .hero-slide .hero-delegate .message .left .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .hero-slide .hero-delegate .message .left .buttons .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 1vw;
  margin-top: 2vw;
  padding: 1vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .hero-delegate .message .left .buttons .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .left .buttons .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left .buttons .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero-delegate .message .left .buttons .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .left .buttons .cta svg {
    width: 3vw;
  }
}
body main .hero-slide .hero-delegate .message .right {
  width: 50%;
  padding: 3vw;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right {
    width: 100% !important;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 2;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main {
    justify-content: center;
    margin-top: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main {
    justify-content: center;
    margin-top: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main {
    width: 100%;
    justify-content: center;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter {
  text-align: center;
  margin: 0 2vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -3vw;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress {
  transform: scale(1.5);
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress {
    transform: scale(1.2);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress {
    transform: scale(1);
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress {
    transform: scale(0.9);
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress {
    transform: scale(0.45);
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text-max), body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text-separator) {
  display: none;
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text) {
  font-size: 1.5vw;
  fill: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 2.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 8vw;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(circle) {
  stroke-width: 0.05vw;
  stroke: hsl(0, 0%, 100%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.15vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.3vw;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(value) {
  stroke-width: 0.25vw;
  stroke-linecap: round;
  stroke: hsl(80.15, 74.86%, 64.12%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 1.3vw;
  }
}
body main .hero-slide .hero-delegate .message .right .counter-main .counter span {
  display: inline-block;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 500;
  margin-top: 2vw;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter span {
    font-size: 1.2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter span {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right .counter-main .counter span {
    font-size: 2.8vw;
    margin-top: -2vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .message .right {
    width: 0;
  }
}
body main .hero-slide .hero-delegate .call-to-action {
  margin-top: 2vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .call-to-action {
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .call-to-action {
    padding: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .call-to-action {
    padding: 3vw;
  }
}
body main .hero-slide .hero-delegate .call-to-action .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .hero-delegate .call-to-action .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .hero-delegate .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .hero-delegate .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .hero-delegate .call-to-action .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .call-to-action .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .hero-delegate .call-to-action .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .hero-delegate .call-to-action .cta svg {
    width: 3vw;
  }
}
body main .hero-slide .bootcamp-slide {
  width: 100%;
  height: auto;
  padding: 5vw 3vw;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2274509804), rgba(0, 0, 0, 0.2274509804)), url("./../../images/bootcamp-slide-background.jpg");
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: background-image 5s ease-in-out;
  display: none;
}
body main .hero-slide .bootcamp-slide.appear {
  animation: appear 0.5s forwards ease-in-out;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide {
    padding: 7vw 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide {
    padding: 8vw 5vw;
    height: auto;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide {
    padding: 10vw 5vw;
    height: auto;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide {
    padding: 10vw 3vw;
    height: auto;
  }
}
body main .hero-slide .bootcamp-slide .message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message {
    width: 95%;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
body main .hero-slide .bootcamp-slide .message .left {
  width: 60%;
  background-color: rgba(3, 14, 34, 0.9058823529);
  padding: 3vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide .message .left {
    width: 60%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .left {
    width: 80%;
    margin: 0 auto;
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .left {
    width: 90%;
    margin: 0 auto;
    padding: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left {
    width: 100%;
    margin: 0 auto;
    padding: 5vw;
  }
}
body main .hero-slide .bootcamp-slide .message .left h1.main_headline {
  color: #fff;
  font-size: 2.5vw;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .left h1.main_headline {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left h1.main_headline {
    font-size: 6vw;
  }
}
body main .hero-slide .bootcamp-slide .message .left h1.main_headline sup {
  font-size: 1.5vw;
}
body main .hero-slide .bootcamp-slide .message .left h2.date {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Lora", serif;
  margin: 1.5vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .left h2.date {
    font-size: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .left h2.date {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left h2.date {
    font-size: 4vw;
    margin-top: 4vw;
  }
}
body main .hero-slide .bootcamp-slide .message .left h2.subtitle {
  color: #a87d54;
  font-size: 1.8vw;
  font-weight: 600;
  font-family: "Bitter", serif;
  margin: 2vw 0;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide .message .left h2.subtitle {
    font-size: 2.2vw;
    margin: 2vw 0;
    line-height: 3.5vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .left h2.subtitle {
    font-size: 2.3vw;
    margin: 3vw 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .left h2.subtitle {
    font-size: 3vw;
    line-height: 4vw;
    margin: 3vw 0;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left h2.subtitle {
    font-size: 5vw;
    line-height: 6.5vw;
    margin: 3vw 0;
  }
}
body main .hero-slide .bootcamp-slide .message .left .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .hero-slide .bootcamp-slide .message .left .buttons .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 1vw;
  margin-top: 2vw;
  padding: 0.5vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .bootcamp-slide .message .left .buttons .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .left .buttons .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .left .buttons .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left .buttons .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .bootcamp-slide .message .left .buttons .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .left .buttons .cta svg {
    width: 3vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right {
  width: 50%;
  padding: 3vw;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right {
    width: 100% !important;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 2;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main {
    justify-content: center;
    margin-top: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main {
    justify-content: center;
    margin-top: 5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main {
    width: 100%;
    justify-content: center;
    margin-top: 5vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter {
  text-align: center;
  margin: 0 2vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 3vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -3vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress {
  transform: scale(1.5);
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress {
    transform: scale(1.2);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress {
    transform: scale(1);
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress {
    transform: scale(0.9);
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress {
    transform: scale(0.45);
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text-max), body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text-separator) {
  display: none;
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text) {
  font-size: 1.5vw;
  fill: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 2.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(text) {
    font-size: 8vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(circle) {
  stroke-width: 0.05vw;
  stroke: hsl(0, 0%, 100%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.15vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(circle) {
    stroke-width: 0.3vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(value) {
  stroke-width: 0.25vw;
  stroke-linecap: round;
  stroke: hsl(80.15, 74.86%, 64.12%);
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter circle-progress::part(value) {
    stroke-width: 1.3vw;
  }
}
body main .hero-slide .bootcamp-slide .message .right .counter-main .counter span {
  display: inline-block;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 500;
  margin-top: 2vw;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter span {
    font-size: 1.2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter span {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right .counter-main .counter span {
    font-size: 2.8vw;
    margin-top: -2vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .message .right {
    width: 0;
  }
}
body main .hero-slide .bootcamp-slide .call-to-action {
  margin-top: 2vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .call-to-action {
    padding: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .call-to-action {
    padding: 4vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .call-to-action {
    padding: 3vw;
  }
}
body main .hero-slide .bootcamp-slide .call-to-action .cta {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1vw 2vw;
  outline: none;
  border: solid 0.1vw #fff;
  background-color: #fff;
  color: rgba(3, 14, 34, 0.9058823529);
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 0.1vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body main .hero-slide .bootcamp-slide .call-to-action .cta:hover {
  background-color: #01101a;
  border: solid 0.1vw #01101a;
  color: #fff;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .hero-slide .bootcamp-slide .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .hero-slide .bootcamp-slide .call-to-action .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .hero-slide .bootcamp-slide .call-to-action .cta {
    padding: 1.5vw 2vw;
    font-size: 1.5vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .call-to-action .cta {
    padding: 2vw 4vw;
    font-size: 2.7vw;
    border-radius: 0;
    margin-top: 5vw;
  }
}
body main .hero-slide .bootcamp-slide .call-to-action .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .hero-slide .bootcamp-slide .call-to-action .cta svg {
    width: 3vw;
  }
}
body main .about {
  width: 100%;
}
body main .about #speakers {
  width: 100%;
}
body main .about #speakers .headline {
  width: 100%;
  height: 20vw;
  padding: 2vw 0;
  background-color: #042c50;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about #speakers .headline {
    padding: 4vw 0;
  }
}
@media (max-width: 500px) {
  body main .about #speakers .headline {
    padding: 7vw 0;
    height: 30vw;
  }
}
body main .about #speakers .headline .title {
  width: 100%;
  text-align: center;
  font-family: "Lora", serif;
  color: #fff;
  font-size: 3.5vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about #speakers .headline .title {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main .about #speakers .headline .title {
    font-size: 6vw;
  }
}
body main .about #speakers .speakers {
  margin-bottom: 15vw;
  padding: 0 5vw;
  margin-top: -10vw;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
body main .about #speakers .speakers .item {
  width: 19%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 2.5vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about #speakers .speakers .item {
    transform: scale(1.2);
  }
}
@media (max-width: 500px) {
  body main .about #speakers .speakers .item {
    width: 100%;
    margin: 3vw 0;
    flex-direction: row;
  }
}
body main .about #speakers .speakers .item .image {
  border: solid 0.8vw #0a4995;
  border-radius: 50%;
  width: 13vw;
  height: 13vw;
  background-size: cover;
  background-color: aliceblue;
  margin-bottom: 1vw;
}
@media (max-width: 500px) {
  body main .about #speakers .speakers .item .image {
    width: 30vw;
    height: 30vw;
  }
}
body main .about #speakers .speakers .item .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 500px) {
  body main .about #speakers .speakers .item .details {
    width: 70%;
    margin-left: 5%;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
body main .about #speakers .speakers .item .details .name {
  color: #042c50;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.3vw;
  text-align: center;
}
@media (max-width: 500px) {
  body main .about #speakers .speakers .item .details .name {
    text-align: left;
    font-size: 4vw;
  }
}
body main .about #speakers .speakers .item .details .meta {
  color: #f1a42d;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.1vw;
}
@media (max-width: 500px) {
  body main .about #speakers .speakers .item .details .meta {
    text-align: left;
    font-size: 3.5vw;
  }
}
body main .about .tricolumn-intro {
  width: 100%;
  padding: 1.5vw 0;
  text-align: center;
  font-family: "Lora", serif;
  font-size: 2.5vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .tricolumn-intro {
    padding: 2vw 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn-intro {
    padding: 3vw 0;
    font-size: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn-intro {
    padding: 3vw 0;
    font-size: 3.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn-intro {
    padding: 4vw 0;
    font-size: 5vw;
  }
}
body main .about .tricolumn {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  background-image: url("../../images/conveners_background.jpeg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn {
    background: none;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn {
    background: none;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn {
    background: none;
  }
}
body main .about .tricolumn .item {
  width: 30%;
  flex-grow: 1;
}
body main .about .tricolumn .item.inverted {
  display: none;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .tricolumn .item {
    width: 50%;
  }
  body main .about .tricolumn .item.invert {
    display: none;
  }
  body main .about .tricolumn .item.inverted {
    display: flex;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item {
    width: 100%;
    padding: 0;
  }
}
body main .about .tricolumn .item.content {
  background-color: #fff;
  padding: 1vw 2vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .tricolumn .item.content {
    padding: 1vw 2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item.content {
    padding: 3vw 7vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item.content {
    padding: 3vw 10vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item.content {
    padding: 3vw 5vw;
  }
}
body main .about .tricolumn .item.content .title {
  color: #165b36;
  font-size: 1.3vw;
  line-height: 2vw;
  margin-bottom: 1vw;
  font-family: "Lora", serif;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .tricolumn .item.content .title {
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-bottom: 1vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item.content .title {
    font-size: 2.2vw;
    line-height: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item.content .title {
    font-size: 2.5vw;
    line-height: 4.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item.content .title {
    font-size: 4vw;
    line-height: 6.5vw;
    margin-bottom: 2vw;
  }
}
body main .about .tricolumn .item.content ul {
  list-style-type: none;
  margin: 0.5vw 0;
}
body main .about .tricolumn .item.content ul li::before {
  content: "■";
  margin-right: 0.5vw;
  font-size: 0.8vw;
  color: #f1a42d;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item.content ul li::before {
    font-size: 1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item.content ul li::before {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item.content ul li::before {
    font-size: 2vw;
  }
}
body main .about .tricolumn .item.content ul li ul.inner_list {
  padding-left: 0vw;
}
body main .about .tricolumn .item.content ul li ul.inner_list li {
  margin: 1vw 0;
}
body main .about .tricolumn .item.content ul li ul.inner_list li::before {
  content: "";
  margin-right: 0;
}
body main .about .tricolumn .item.content p,
body main .about .tricolumn .item.content li,
body main .about .tricolumn .item.content span {
  text-align: left;
  margin-bottom: 1.5vw;
  font-size: 0.9vw;
  font-family: "Poppins", sans-serif;
  color: #2e2e2e;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .tricolumn .item.content p,
  body main .about .tricolumn .item.content li,
  body main .about .tricolumn .item.content span {
    font-size: 1.2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item.content p,
  body main .about .tricolumn .item.content li,
  body main .about .tricolumn .item.content span {
    font-size: 1.8vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item.content p,
  body main .about .tricolumn .item.content li,
  body main .about .tricolumn .item.content span {
    font-size: 2.3vw;
    margin-bottom: 2vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item.content p,
  body main .about .tricolumn .item.content li,
  body main .about .tricolumn .item.content span {
    font-size: 3.5vw;
    margin-bottom: 4vw;
  }
}
body main .about .tricolumn .item.content p span.title,
body main .about .tricolumn .item.content li span.title,
body main .about .tricolumn .item.content span span.title {
  color: #f1a42d;
}
body main .about .tricolumn .item.content p span strong,
body main .about .tricolumn .item.content li span strong,
body main .about .tricolumn .item.content span span strong {
  color: #0a4995;
}
body main .about .tricolumn .item.content .cta {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2vw auto;
  padding: 1.5vw 2vw;
  outline: none;
  border: solid 0.1vw #0a4995;
  background-color: #0a4995;
  color: #fff;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  border-radius: 0.1vw;
  cursor: pointer;
}
body main .about .tricolumn .item.content .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .tricolumn .item.content .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .tricolumn .item.content .cta {
    padding: 1vw 2vw;
    font-size: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .tricolumn .item.content .cta {
    padding: 2vw 4vw;
    font-size: 3.5vw;
    border-radius: 1vw;
  }
}
body main .about .odd,
body main .about .even {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 5vw 0;
  padding: 0 5vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd,
  body main .about .even {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 5vw 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd,
  body main .about .even {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 5vw 0;
  }
}
@media (max-width: 500px) {
  body main .about .odd,
  body main .about .even {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 5vw 0 10vw 0;
  }
}
body main .about .odd .image,
body main .about .even .image {
  width: 48%;
  background-size: cover;
  overflow: hidden;
}
body main .about .odd .content,
body main .about .even .content {
  width: 48%;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "Lora", serif;
  text-align: left;
  padding: 2vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content,
  body main .about .even .content {
    width: 100%;
    padding: 3vw 3vw 3vw 3.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content,
  body main .about .even .content {
    width: 100%;
    padding: 3vw 7vw 3vw 3.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content,
  body main .about .even .content {
    width: 100%;
    padding: 0;
  }
}
body main .about .odd .content .main_title,
body main .about .odd .content .main_right-heading,
body main .about .even .content .main_title,
body main .about .even .content .main_right-heading {
  color: #0c0c0c;
  font-size: 2.5vw;
  line-height: 3vw;
  margin-bottom: 1vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .odd .content .main_title,
  body main .about .odd .content .main_right-heading,
  body main .about .even .content .main_title,
  body main .about .even .content .main_right-heading {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content .main_title,
  body main .about .odd .content .main_right-heading,
  body main .about .even .content .main_title,
  body main .about .even .content .main_right-heading {
    font-size: 3vw;
    line-height: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content .main_title,
  body main .about .odd .content .main_right-heading,
  body main .about .even .content .main_title,
  body main .about .even .content .main_right-heading {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content .main_title,
  body main .about .odd .content .main_right-heading,
  body main .about .even .content .main_title,
  body main .about .even .content .main_right-heading {
    font-size: 4.5vw;
    line-height: 6.5vw;
    margin-bottom: 2vw;
  }
}
body main .about .odd .content .subtitle,
body main .about .even .content .subtitle {
  color: #165b36;
  font-size: 1.5vw;
  margin-bottom: 1vw;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .odd .content .subtitle,
  body main .about .even .content .subtitle {
    font-size: 2vw;
    line-height: 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content .subtitle,
  body main .about .even .content .subtitle {
    font-size: 2.5vw;
    line-height: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content .subtitle,
  body main .about .even .content .subtitle {
    font-size: 2.8vw;
    line-height: 4.5vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content .subtitle,
  body main .about .even .content .subtitle {
    font-size: 4vw;
    line-height: 6.5vw;
    margin-bottom: 2vw;
  }
}
body main .about .odd .content ul,
body main .about .even .content ul {
  list-style-type: none;
  margin: 0.5vw 0;
}
body main .about .odd .content ul li::before,
body main .about .even .content ul li::before {
  content: "■";
  margin-right: 0.5vw;
  font-size: 0.8vw;
  color: #165b36;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content ul li::before,
  body main .about .even .content ul li::before {
    font-size: 1vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content ul li::before,
  body main .about .even .content ul li::before {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content ul li::before,
  body main .about .even .content ul li::before {
    font-size: 2vw;
  }
}
body main .about .odd .content ul li ul.inner_list,
body main .about .even .content ul li ul.inner_list {
  padding-left: 0vw;
}
body main .about .odd .content ul li ul.inner_list li,
body main .about .even .content ul li ul.inner_list li {
  margin: 1vw 0;
}
body main .about .odd .content ul li ul.inner_list li::before,
body main .about .even .content ul li ul.inner_list li::before {
  content: "";
  margin-right: 0;
}
body main .about .odd .content p,
body main .about .odd .content li,
body main .about .odd .content span,
body main .about .even .content p,
body main .about .even .content li,
body main .about .even .content span {
  text-align: left;
  margin-bottom: 1vw;
  font-size: 0.9vw;
  font-family: "Poppins", sans-serif;
  color: #2e2e2e;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .odd .content p,
  body main .about .odd .content li,
  body main .about .odd .content span,
  body main .about .even .content p,
  body main .about .even .content li,
  body main .about .even .content span {
    font-size: 1.2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content p,
  body main .about .odd .content li,
  body main .about .odd .content span,
  body main .about .even .content p,
  body main .about .even .content li,
  body main .about .even .content span {
    font-size: 1.8vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content p,
  body main .about .odd .content li,
  body main .about .odd .content span,
  body main .about .even .content p,
  body main .about .even .content li,
  body main .about .even .content span {
    font-size: 2.3vw;
    margin-bottom: 2vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content p,
  body main .about .odd .content li,
  body main .about .odd .content span,
  body main .about .even .content p,
  body main .about .even .content li,
  body main .about .even .content span {
    font-size: 3.5vw;
    margin-bottom: 2vw;
  }
}
body main .about .odd .content p strong,
body main .about .odd .content li strong,
body main .about .odd .content span strong,
body main .about .even .content p strong,
body main .about .even .content li strong,
body main .about .even .content span strong {
  color: #165b36;
}
body main .about .odd .content p span.title,
body main .about .odd .content li span.title,
body main .about .odd .content span span.title,
body main .about .even .content p span.title,
body main .about .even .content li span.title,
body main .about .even .content span span.title {
  font-weight: 600;
  color: #165b36;
}
body main .about .odd .content p span strong,
body main .about .odd .content li span strong,
body main .about .odd .content span span strong,
body main .about .even .content p span strong,
body main .about .even .content li span strong,
body main .about .even .content span span strong {
  color: #0a4995;
}
@media (max-width: 500px) {
  body main .about .odd .content p,
  body main .about .odd .content li,
  body main .about .odd .content span,
  body main .about .even .content p,
  body main .about .even .content li,
  body main .about .even .content span {
    margin-bottom: 4vw;
  }
}
body main .about .odd .content .cta,
body main .about .even .content .cta {
  width: 20vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  margin: 2vw auto;
  padding: 1.5vw 2vw;
  outline: none;
  border: solid 0.1vw #165b36;
  background-color: #165b36;
  color: #fff;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  border-radius: 0.1vw;
  cursor: pointer;
}
body main .about .odd .content .cta svg,
body main .about .even .content .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .odd .content .cta,
  body main .about .even .content .cta {
    padding: 1vw 2vw;
    font-size: 1.5vw;
    width: 30vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .odd .content .cta,
  body main .about .even .content .cta {
    padding: 1vw 2vw;
    font-size: 2vw;
    border-radius: 0.5vw;
    width: 40vw;
  }
}
@media (max-width: 500px) {
  body main .about .odd .content .cta,
  body main .about .even .content .cta {
    padding: 2vw 4vw;
    font-size: 3.5vw;
    border-radius: 1vw;
    width: 60vw;
  }
}
body main .about .odd#global_health .image,
body main .about .even#global_health .image {
  background-image: url("../../images/global_health_secutiry_background.jpeg");
}
body main .about .odd#global_health .image .vertical,
body main .about .even#global_health .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .odd#earghss,
body main .about .even#earghss {
  padding-top: 5vw;
}
body main .about .odd#earghss .image,
body main .about .even#earghss .image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url("../../images/bloodsamples.jpg");
}
body main .about .odd#earghss .image .vertical,
body main .about .even#earghss .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .odd#themes_topics .image,
body main .about .even#themes_topics .image {
  background-image: url("../../images/residency.jpg");
}
body main .about .odd#themes_topics .image .vertical,
body main .about .even#themes_topics .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .odd#summit_approach .image,
body main .about .even#summit_approach .image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url("../../images/research.jpg");
}
body main .about .odd#summit_approach .image .vertical,
body main .about .even#summit_approach .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .odd#participants .image,
body main .about .even#participants .image {
  background-image: url("../../images/who_should_participate_background.jpeg");
}
body main .about .odd#participants .image .vertical,
body main .about .even#participants .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .odd#partnership,
body main .about .even#partnership {
  padding-top: 5vw;
}
body main .about .odd#partnership .image,
body main .about .even#partnership .image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url("../../images/teamwork.jpg");
}
body main .about .odd#partnership .image .vertical,
body main .about .even#partnership .image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .summit-objectives {
  padding: 5vw 5vw 10vw 5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives {
    flex-wrap: wrap;
    align-items: stretch;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives {
    flex-wrap: wrap;
    align-items: stretch;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives {
    flex-wrap: wrap;
  }
}
body main .about .summit-objectives .title {
  width: 15%;
  display: grid;
  place-items: center;
}
body main .about .summit-objectives .title h3 {
  font-family: "Lora", serif;
  font-size: 3vw;
  width: 100%;
  color: #01101a;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives .title h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives .title h3 {
    width: 100%;
    text-align: center;
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives .title h3 {
    width: 100%;
    text-align: center;
    font-size: 5vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives .title {
    width: 100%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives .title {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives .title {
    width: 100%;
  }
}
body main .about .summit-objectives .mid-image {
  width: 35%;
  height: 30vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-image: url("../../images/image001.jpg");
  background-position: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives .mid-image {
    width: 45%;
    margin-left: 3vw;
    height: auto;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives .mid-image {
    width: 45%;
    margin-left: 3vw;
    height: auto;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives .mid-image {
    width: 100%;
    height: 25vh;
  }
}
body main .about .summit-objectives .mid-image .vertical {
  height: 100%;
  width: 3vw;
  background-color: #001227;
  background-image: url("../../images/medpattern-v.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 5vw;
}
body main .about .summit-objectives .right-content {
  width: 40%;
  margin-left: -13.5vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives .right-content {
    position: relative;
    width: 55%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives .right-content {
    position: relative;
    width: 55%;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives .right-content {
    width: 100%;
    margin-left: 0;
    margin-top: 5vw;
  }
}
body main .about .summit-objectives .right-content ul {
  list-style: none;
}
body main .about .summit-objectives .right-content ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 3vw 0;
}
@media (max-width: 500px) {
  body main .about .summit-objectives .right-content ul li {
    margin: 5vw 0;
  }
}
body main .about .summit-objectives .right-content ul li .image {
  width: 5vw;
  height: 5vw;
  margin-right: 1vw;
}
@media (max-width: 500px) {
  body main .about .summit-objectives .right-content ul li .image {
    width: 10vw;
    height: 10vw;
    margin-right: 5vw;
  }
}
body main .about .summit-objectives .right-content ul li .image img {
  width: 5vw;
  height: 5vw;
}
@media (max-width: 500px) {
  body main .about .summit-objectives .right-content ul li .image img {
    width: 10vw;
    height: 10vw;
  }
}
body main .about .summit-objectives .right-content ul li .content p {
  font-family: "Poppins", sans-serif;
  width: 100%;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .about .summit-objectives .right-content ul li .content p {
    font-size: 1.2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .summit-objectives .right-content ul li .content p {
    font-size: 1.8vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .summit-objectives .right-content ul li .content p {
    font-size: 2.3vw;
  }
}
@media (max-width: 500px) {
  body main .about .summit-objectives .right-content ul li .content p {
    font-size: 3.5vw;
  }
}
body main .about .summit-objectives .right-content ul li .content p.right-heading {
  color: #165b36;
  font-weight: 600;
}
body main .about .fullimage {
  width: 100%;
  height: 32vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
body main .about .fullimage .top,
body main .about .fullimage .bottom {
  background-color: #001227;
  width: 100%;
  height: 2vw;
  outline: none;
  border: solid;
  border-width: 0.15vw 0 0.15vw 0;
  border-color: #fff;
}
body main .about .fullimage#afterconveners {
  background-image: url("../../images/afterconveners.jpeg");
  background-size: cover;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .fullimage#afterconveners {
    height: 40vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .fullimage#afterconveners {
    height: 50vw;
  }
}
@media (max-width: 500px) {
  body main .about .fullimage#afterconveners {
    height: 60vw;
  }
}
body main .about .fullimage#afterobjectives {
  height: 35vw;
  background-image: url("../../images/image002.jpg");
  background-size: cover;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .fullimage#afterobjectives {
    height: 40vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .fullimage#afterobjectives {
    height: 50vw;
  }
}
@media (max-width: 500px) {
  body main .about .fullimage#afterobjectives {
    height: 60vw;
  }
}
body main .about .fullimage#afterapproach {
  height: 28vw;
  background-image: url("../../images/cheek-swab.jpg");
  background-size: cover;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .about .fullimage#afterapproach {
    height: 40vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .about .fullimage#afterapproach {
    height: 50vw;
  }
}
@media (max-width: 500px) {
  body main .about .fullimage#afterapproach {
    height: 60vw;
  }
}
body main #summit_partners,
body main #prefooter_partners {
  width: 100%;
  margin: 5vw 0;
}
@media (max-width: 500px) {
  body main #summit_partners,
  body main #prefooter_partners {
    margin: 20vw 0;
  }
}
body main #summit_partners .title,
body main #prefooter_partners .title {
  margin-bottom: 1vw;
}
body main #summit_partners .title h2,
body main #prefooter_partners .title h2 {
  width: 100%;
  font-size: 3vw;
  color: #0c0c0c;
  text-align: center;
  font-family: "Lora", serif;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .title h2,
  body main #prefooter_partners .title h2 {
    font-size: 4vw;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .title h2,
  body main #prefooter_partners .title h2 {
    font-size: 6vw;
  }
}
body main #summit_partners .logos,
body main #prefooter_partners .logos {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .logos,
  body main #prefooter_partners .logos {
    flex-wrap: wrap;
    padding: 0 5vw;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .logos,
  body main #prefooter_partners .logos {
    flex-wrap: wrap;
    padding: 0 5vw;
  }
}
body main #summit_partners .logos a,
body main #prefooter_partners .logos a {
  display: inline-block;
  width: 15%;
  margin: 0 1vw;
}
body main #summit_partners .logos a img,
body main #prefooter_partners .logos a img {
  width: 100%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .logos a,
  body main #prefooter_partners .logos a {
    width: 30%;
    margin: 0 1.5vw;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .logos a,
  body main #prefooter_partners .logos a {
    width: 32%;
    margin: 0 1vw;
  }
}
body main #summit_partners .logos a.ahb,
body main #prefooter_partners .logos a.ahb {
  width: 7%;
}
body main #summit_partners .logos a.khf,
body main #prefooter_partners .logos a.khf {
  width: 9%;
}
body main #summit_partners .logos a.amref,
body main #prefooter_partners .logos a.amref {
  width: 8%;
}
body main #summit_partners .logos a.moh,
body main #prefooter_partners .logos a.moh {
  width: 23%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .logos a.moh,
  body main #prefooter_partners .logos a.moh {
    width: 35%;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .logos a.moh,
  body main #prefooter_partners .logos a.moh {
    width: 45%;
  }
}
body main #summit_partners .logos a.big,
body main #prefooter_partners .logos a.big {
  width: 5%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .logos a.big,
  body main #prefooter_partners .logos a.big {
    width: 8%;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .logos a.big,
  body main #prefooter_partners .logos a.big {
    width: 10%;
  }
}
body main #summit_partners .logos a.bigger,
body main #prefooter_partners .logos a.bigger {
  width: 10%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main #summit_partners .logos a.bigger,
  body main #prefooter_partners .logos a.bigger {
    width: 20%;
  }
}
@media (max-width: 500px) {
  body main #summit_partners .logos a.bigger,
  body main #prefooter_partners .logos a.bigger {
    width: 20%;
  }
}
body main .sponsorship {
  width: 100%;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship {
    padding: 2vw 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship {
    padding: 2vw 3vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship {
    padding: 0;
  }
}
body main .sponsorship .sponsorship_title {
  padding: 2vw 5vw 0 5vw;
  width: 100%;
  text-align: left;
  font-size: 2.5vw;
  color: #0c0c0c;
  margin-bottom: 3vw;
  font-family: "Lora", serif;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .sponsorship_title {
    font-size: 3.4vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .sponsorship_title {
    font-size: 3.8vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .sponsorship_title {
    font-size: 4.5vw;
  }
}
body main .sponsorship hr {
  width: 10vw;
  margin-left: 5vw;
  margin-top: -2vw;
  margin-bottom: 5vw;
  height: 0.5vw;
  border: none;
  outline: none;
  background-color: #02161f;
}
body main .sponsorship .container {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), url("../../images/ukrane-ambulance.jpg"));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.89), rgba(255, 254, 254, 0.932)), url("../../images/ukrane-ambulance.jpg");
  background-size: cover;
  padding: 5vw;
}
body main .sponsorship .container .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body main .sponsorship .container .content .package {
  width: 49%;
  height: auto;
  padding: 1.5vw;
  margin: 1vw 0;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .content .package {
    width: 49%;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .content .package {
    width: 100%;
    padding: 3vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .content .package {
    width: 100%;
    padding: 5vw 3vw;
  }
}
body main .sponsorship .container .content .package.platinum {
  background: linear-gradient(135deg, #25485e, #152a3d);
  width: 100%;
}
body main .sponsorship .container .content .package.gold {
  background: linear-gradient(135deg, #9a7350, #5c4739);
}
body main .sponsorship .container .content .package.silver {
  background: linear-gradient(135deg, #249da0, #1e606b);
}
body main .sponsorship .container .content .package.bronze {
  background: linear-gradient(135deg, #8f3c88, #772365);
}
body main .sponsorship .container .content .package.community {
  background: linear-gradient(135deg, #153f7f, #122f58);
}
body main .sponsorship .container .content .package.goodwill {
  background: linear-gradient(135deg, #ad3632, #531212);
}
body main .sponsorship .container .content .package .title {
  margin-bottom: 1vw;
  font-family: "Lora", serif;
}
body main .sponsorship .container .content .package .title h3 {
  font-size: 1.7vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .content .package .title h3 {
    font-size: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .content .package .title h3 {
    font-size: 2.5vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .content .package .title h3 {
    font-size: 3.8vw;
  }
}
body main .sponsorship .container .content .package .title span.amount {
  font-size: 1.5vw;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .content .package .title span.amount {
    font-size: 1.7vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .content .package .title span.amount {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .content .package .title span.amount {
    font-size: 3.5vw;
  }
}
body main .sponsorship .container .content .package ul {
  list-style-type: square;
}
body main .sponsorship .container .content .package ul span {
  font-size: 1.3vw;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .content .package ul span {
    font-size: 1.7vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .content .package ul span {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .content .package ul span {
    font-size: 3.5vw;
  }
}
body main .sponsorship .container .content .package ul li {
  font-size: 1vw;
  margin: 1vw 0 1vw 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .content .package ul li {
    font-size: 1.5vw;
    margin: 1vw 0 1vw 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .content .package ul li {
    font-size: 2vw;
    margin: 1vw 0 1vw 2vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .content .package ul li {
    font-size: 3.3vw;
    margin: 1vw 0 1vw 5vw;
  }
}
body main .sponsorship .container .content table {
  width: 100%;
  border: solid 0.1vw #a67b53;
  padding: 1vw;
  border-radius: 0.3vw;
  margin-bottom: 5vw;
  border-collapse: collapse;
}
body main .sponsorship .container .content table thead th {
  text-align: center;
  padding: 1vw;
  border: solid 0.1vw #a67b53;
  color: #fff;
  font-size: 0.9vw;
  text-transform: capitalize;
}
body main .sponsorship .container .content table thead th.b_title {
  text-align: left;
  color: #a67b53;
}
body main .sponsorship .container .content table thead th:nth-child(2) {
  background-color: #000d13;
}
body main .sponsorship .container .content table thead th:nth-child(2) button {
  background-color: #053e49;
}
body main .sponsorship .container .content table thead th:nth-child(3) {
  background-color: #64371a;
}
body main .sponsorship .container .content table thead th:nth-child(3) button {
  background-color: #a67b53;
}
body main .sponsorship .container .content table thead th:nth-child(4) {
  background-color: #1e1e20;
}
body main .sponsorship .container .content table thead th:nth-child(4) button {
  background-color: #565759;
}
body main .sponsorship .container .content table thead th:nth-child(5) {
  background-color: #5c0524;
}
body main .sponsorship .container .content table thead th:nth-child(5) button {
  background-color: #981f60;
}
body main .sponsorship .container .content table thead th:nth-child(6) {
  background-color: #021e42;
}
body main .sponsorship .container .content table thead th:nth-child(6) button {
  background-color: #0d5d87;
}
body main .sponsorship .container .content table thead th.buttons {
  background-color: transparent;
}
body main .sponsorship .container .content table thead th.buttons button {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1.5vw;
  outline: none;
  color: #fff;
  cursor: pointer;
  font-size: 1vw;
  font-weight: 600;
  border: none;
}
body main .sponsorship .container .content table thead th.buttons button:hover {
  background-color: #fff;
  color: #165b36;
}
body main .sponsorship .container .content table tbody tr td {
  text-align: center;
  padding: 1vw;
  border: solid 0.1vw #a67b53;
  font-size: 1.2vw;
  font-weight: 700;
  color: #fff;
}
body main .sponsorship .container .content table tbody tr td.benefits {
  text-align: left;
  color: #2e2e2e;
  font-weight: 500;
  font-size: 1vw;
}
body main .sponsorship .container .content table tbody tr td:nth-child(2) {
  background-color: #053e49;
}
body main .sponsorship .container .content table tbody tr td:nth-child(3) {
  background-color: #a67b53;
}
body main .sponsorship .container .content table tbody tr td:nth-child(4) {
  background-color: #565759;
}
body main .sponsorship .container .content table tbody tr td:nth-child(5) {
  background-color: #981f60;
}
body main .sponsorship .container .content table tbody tr td:nth-child(6) {
  background-color: #0d5d87;
}
body main .sponsorship .container .content table tbody tr td.button button {
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  border: none;
  padding: 0.4vw 1.5vw;
  border-radius: 0.3vw;
  font-size: 0.9vw;
  color: #fff;
  font-weight: 600;
}
body main .sponsorship .container .cta {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2vw auto;
  padding: 1.5vw 2vw;
  outline: none;
  border: none;
  background-color: #001227;
  color: #fff;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  border-radius: 0.1vw;
  cursor: pointer;
}
body main .sponsorship .container .cta svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .sponsorship .container .cta svg {
    width: 3vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .sponsorship .container .cta {
    padding: 2vw 3vw;
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .sponsorship .container .cta {
    padding: 2vw 3vw;
    font-size: 1.5vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .sponsorship .container .cta {
    padding: 4vw 6vw;
    font-size: 3.3vw;
    border-radius: 1vw;
  }
}
body main .fullimage {
  width: 100%;
  height: 32vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
body main .fullimage .top,
body main .fullimage .bottom {
  background-color: #001227;
  width: 100%;
  height: 2vw;
  outline: none;
  border: solid;
  border-width: 0.15vw 0 0.15vw 0;
  border-color: #fff;
}
body main .fullimage#afterpartnerships {
  height: 28vw;
  background-image: url("../../images/image004.jpg");
  background-size: cover;
  background-position: bottom center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .fullimage#afterpartnerships {
    height: 40vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .fullimage#afterpartnerships {
    height: 50vw;
  }
}
@media (max-width: 500px) {
  body main .fullimage#afterpartnerships {
    height: 60vw;
  }
}
body main .contact_section {
  width: 100%;
  padding: 10vw 5vw 5vw 5vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section {
    padding: 5vw 7vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section {
    padding: 5vw;
  }
}
body main .contact_section .section_title {
  color: #0c0c0c;
  font-family: "Lora", serif;
  font-size: 3vw;
  line-height: 2.2vw;
  margin-bottom: 3vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .contact_section .section_title {
    font-size: 3vw;
    line-height: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .section_title {
    font-size: 4vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .section_title {
    font-size: 6vw;
    margin-bottom: 7vw;
  }
}
body main .contact_section .contact_area {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area {
    flex-direction: column;
  }
}
body main .contact_section .contact_area .left {
  width: 47%;
  background-color: #0a1d2e;
  position: relative;
  padding: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .left {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .left {
    width: 100%;
    padding: 3vw 7vw;
  }
}
body main .contact_section .contact_area .left .floater {
  position: absolute;
  width: 5vw;
  height: 4vw;
  background-color: #a87d54;
  top: -1.5vw;
  left: -2vw;
}
body main .contact_section .contact_area .left ul {
  width: 100%;
  list-style-type: none;
  margin: 3vw 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .contact_section .contact_area .left ul {
    margin: 2vw 0 3vw 0;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .left ul {
    margin: 3vw 0 5vw 0;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .left ul {
    margin: 5vw 0 15vw 0;
  }
}
body main .contact_section .contact_area .left ul li {
  width: 100%;
  margin: 0.8vw 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 1.3vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .left ul li {
    margin: 1.5vw 0;
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .left ul li {
    margin: 3vw 0;
    font-size: 4vw;
    flex-wrap: wrap;
  }
}
body main .contact_section .contact_area .left ul li a {
  text-decoration: none;
  font-weight: 600;
  font-size: 1.3vw;
  color: #a87d54;
}
body main .contact_section .contact_area .left ul li a.email {
  color: white;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .left ul li a {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .left ul li a {
    width: auto;
    font-size: 4vw;
    word-wrap: break-word;
  }
}
body main .contact_section .contact_area .right {
  width: 47%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right {
    width: 100%;
    margin-top: 5vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right {
    width: 100%;
    margin-top: 5vw;
  }
}
body main .contact_section .contact_area .right .text p {
  text-align: left;
  margin-bottom: 1vw;
  font-size: 1.2vw;
  padding-right: 5vw;
  font-family: "Poppins", sans-serif;
  color: #2e2e2e;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body main .contact_section .contact_area .right .text p {
    font-size: 1.5vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .contact_section .contact_area .right .text p {
    font-size: 1.8vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right .text p {
    font-size: 2.3vw;
    margin-bottom: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right .text p {
    font-size: 3.5vw;
    margin-bottom: 4vw;
  }
}
body main .contact_section .contact_area .right form {
  width: 100%;
  display: flex;
  font-family: "Poppins", sans-serif;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form {
    font-size: 1.5vw;
  }
}
body main .contact_section .contact_area .right form label {
  width: 85%;
  margin: 1vw 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form label {
    width: 100%;
    margin: 1vw 0;
    font-size: 1.5vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form label {
    width: 100%;
    margin: 2vw 0;
  }
}
body main .contact_section .contact_area .right form label span {
  font-weight: 500;
  margin-bottom: 0.5vw;
  font-size: 1.1vw;
  width: 100%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form label span {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form label span {
    margin-bottom: 1vw;
    font-size: 4vw;
  }
}
body main .contact_section .contact_area .right form label input {
  width: 100%;
  padding: 0.8vw;
  border: solid 0.2vw #0a4995;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form label input {
    padding: 2vw;
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form label input {
    padding: 4vw;
  }
}
body main .contact_section .contact_area .right form label textarea {
  width: 100%;
  height: 7vw;
  padding: 0.8vw;
  border: solid 0.2vw #0a4995;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form label textarea {
    height: 15vw;
    padding: 2vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form label textarea {
    height: 25vw;
    padding: 4vw;
  }
}
body main .contact_section .contact_area .right form .submit {
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form .submit {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form .submit {
    width: 100%;
  }
}
body main .contact_section .contact_area .right form .submit button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2vw auto;
  padding: 1vw 5vw;
  outline: none;
  border: solid 0.1vw #165b36;
  background-color: #165b36;
  color: #fff;
  font-size: 0.9vw;
  letter-spacing: 0.1vw;
  font-weight: 700;
  border-radius: 0.1vw;
  cursor: pointer;
}
body main .contact_section .contact_area .right form .submit button svg {
  margin-left: 1vw;
  width: 1vw;
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form .submit button svg {
    width: 3vw;
    height: 3vw;
    margin-left: 2vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .contact_section .contact_area .right form .submit button {
    padding: 0.7vw 2vw;
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .contact_section .contact_area .right form .submit button {
    padding: 2vw 6vw;
    font-size: 2vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .contact_section .contact_area .right form .submit button {
    padding: 4vw 10vw;
    font-size: 3.5vw;
    border-radius: 1vw;
  }
}
body main footer {
  width: 100%;
  margin: 2vw 0 0 0;
  padding: 3vw 0 0 0;
  background-color: #01101a;
}
body main footer .first {
  width: 100%;
  padding: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  body main footer .first {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
body main footer .first .f_logo {
  width: 20%;
  margin-top: -7vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .f_logo {
    width: 100%;
  }
}
@media (max-width: 500px) {
  body main footer .first .f_logo {
    width: 100%;
  }
}
body main footer .first .f_logo .image {
  width: 100%;
  display: grid;
  place-items: center;
  margin-bottom: 2vw;
}
body main footer .first .f_logo .image img {
  width: 100%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .f_logo .image img {
    width: 30%;
  }
}
@media (max-width: 500px) {
  body main footer .first .f_logo .image img {
    width: 50%;
  }
}
body main footer .first .f_logo .socials {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
body main footer .first .f_logo .socials a {
  display: grid;
  place-items: center;
  width: 3vw;
  height: 3vw;
  margin: 0.5vw;
  border: solid 0.2vw #fff;
  border-radius: 50%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .f_logo .socials a {
    width: 5vw;
    height: 5vw;
    margin: 0 2vw;
  }
}
@media (max-width: 500px) {
  body main footer .first .f_logo .socials a {
    width: 8vw;
    height: 8vw;
    margin: 0 3vw;
  }
}
body main footer .first .f_logo .socials a svg {
  width: 1.5vw;
  height: 1.5vw;
  color: #fdcc38;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .f_logo .socials a svg {
    width: 2vw;
    height: 2vw;
  }
}
@media (max-width: 500px) {
  body main footer .first .f_logo .socials a svg {
    width: 3.5vw;
    height: 3.5vw;
    margin: 0 2vw;
  }
}
body main footer .first .links {
  margin-top: -2vw;
  width: 75%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-family: "Lora", serif;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .links {
    width: 100%;
    padding: 5vw;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  body main footer .first .links {
    width: 100%;
    padding: 5vw;
    flex-wrap: wrap;
  }
}
body main footer .first .links ul {
  list-style-type: none;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .links ul {
    width: 33%;
    margin-bottom: 5vw;
  }
}
@media (max-width: 500px) {
  body main footer .first .links ul {
    text-align: center;
    width: 100%;
    margin-bottom: 5vw;
  }
}
body main footer .first .links ul span {
  display: inline-block;
  color: #fdcc38;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2vw;
  margin-bottom: 1vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .links ul span {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main footer .first .links ul span {
    font-size: 5vw;
  }
}
body main footer .first .links ul li {
  margin: 1vw 0;
}
@media (max-width: 500px) {
  body main footer .first .links ul li {
    margin: 3vw 0;
  }
}
body main footer .first .links ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.1vw;
  font-weight: 500;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main footer .first .links ul li a {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .first .links ul li a {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main footer .first .links ul li a {
    font-size: 4vw;
  }
}
body main footer .copyright {
  width: 100%;
  padding: 1.5vw;
  display: grid;
  place-items: center;
  font-family: "Lora", serif;
  color: #fdcc38;
}
@media (max-width: 500px) {
  body main footer .copyright {
    padding: 3vw;
    margin-top: 0vw;
  }
}
body main footer .copyright p,
body main footer .copyright span {
  font-size: 1.5vw;
  font-weight: 600;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main footer .copyright p,
  body main footer .copyright span {
    font-size: 2vw;
  }
}
@media (max-width: 500px) {
  body main footer .copyright p,
  body main footer .copyright span {
    font-size: 4vw;
  }
}
body main footer .last {
  height: 3vw;
  margin-top: 5vw;
  width: 100%;
  background-image: url("../../images/medpattern.png");
  background-repeat: repeat;
  background-size: 40vw;
}
body main .register_now,
body main .partner_form {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.521);
  -webkit-backdrop-filter: blur(0.2vw);
          backdrop-filter: blur(0.2vw);
  top: 0;
  left: 0;
  padding: 1vw 10vw;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-family: "Lora", serif;
  display: none;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now,
  body main .partner_form {
    padding: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now,
  body main .partner_form {
    padding: 2vw;
  }
}
@media (max-width: 500px) {
  body main .register_now,
  body main .partner_form {
    padding: 2vw 0;
  }
}
body main .register_now .exit,
body main .partner_form .exit {
  width: 75%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: -1vw;
  z-index: 1;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .exit,
  body main .partner_form .exit {
    width: 85%;
  }
}
@media (max-width: 500px) {
  body main .register_now .exit,
  body main .partner_form .exit {
    width: 95%;
    margin-bottom: -3vw;
  }
}
body main .register_now .exit span,
body main .partner_form .exit span {
  display: grid;
  place-items: center;
  background-color: #fff;
  box-shadow: 0.1vw 0.1vw 0.1vw 0 rgba(129, 129, 129, 0.562);
  cursor: pointer;
  border-radius: 0.3vw;
  padding: 0.5vw 1vw;
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .exit span,
  body main .partner_form .exit span {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .exit span,
  body main .partner_form .exit span {
    font-size: 1.8vw;
    padding: 1vw 2vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .exit span,
  body main .partner_form .exit span {
    font-size: 3vw;
    padding: 2vw 3vw;
  }
}
body main .register_now .container,
body main .partner_form .container {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  padding: 2vw 5vw 1vw 5vw;
  border-radius: 0.5vw;
  width: 70%;
  height: auto;
  display: grid;
  place-items: center;
  overflow-y: scroll;
}
body main .register_now .container::-webkit-scrollbar,
body main .partner_form .container::-webkit-scrollbar {
  cursor: pointer;
  width: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container,
  body main .partner_form .container {
    padding: 2vw 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container,
  body main .partner_form .container {
    padding: 2vw 4vw;
    width: 80%;
  }
}
@media (max-width: 500px) {
  body main .register_now .container,
  body main .partner_form .container {
    padding: 5vw 7vw;
    width: 90%;
    background-position: -5% 0;
  }
}
body main .register_now .container .logo,
body main .partner_form .container .logo {
  display: flex;
  width: 100%;
  padding: 0;
  margin-bottom: 1vw;
}
body main .register_now .container .logo img,
body main .partner_form .container .logo img {
  width: 25%;
}
@media (max-width: 500px) {
  body main .register_now .container .logo img,
  body main .partner_form .container .logo img {
    width: 30%;
  }
}
body main .register_now .container .intro,
body main .partner_form .container .intro {
  margin-top: 1vw;
  font-family: "Poppins", sans-serif;
}
body main .register_now .container form,
body main .partner_form .container form {
  width: 100%;
}
@media (max-width: 500px) {
  body main .register_now .container form,
  body main .partner_form .container form {
    width: 100%;
  }
}
body main .register_now .container form .reg_title,
body main .partner_form .container form .reg_title {
  color: #165b36;
  font-size: 1.8vw;
  line-height: 2.2vw;
  margin-bottom: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .reg_title,
  body main .partner_form .container form .reg_title {
    font-size: 2vw;
    line-height: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .reg_title,
  body main .partner_form .container form .reg_title {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .reg_title,
  body main .partner_form .container form .reg_title {
    font-size: 4.5vw;
    line-height: 6.5vw;
    margin-bottom: 2vw;
  }
}
body main .register_now .container form hr,
body main .partner_form .container form hr {
  width: 5vw;
  outline: none;
  height: 0.4vw;
  border: none;
  background-color: #165b36;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form hr,
  body main .partner_form .container form hr {
    width: 10vw;
    height: 0.6vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form hr,
  body main .partner_form .container form hr {
    width: 20vw;
    height: 1vw;
    margin-bottom: 3vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form br,
  body main .partner_form .container form br {
    display: none;
  }
}
body main .register_now .container form .p_intro,
body main .partner_form .container form .p_intro {
  font-size: 1vw;
  margin-bottom: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .p_intro,
  body main .partner_form .container form .p_intro {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .p_intro,
  body main .partner_form .container form .p_intro {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .p_intro,
  body main .partner_form .container form .p_intro {
    font-size: 3vw;
    margin-bottom: 3vw;
  }
}
body main .register_now .container form .names,
body main .register_now .container form .contact_details,
body main .partner_form .container form .names,
body main .partner_form .container form .contact_details {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1vw;
}
@media (max-width: 500px) {
  body main .register_now .container form .names,
  body main .register_now .container form .contact_details,
  body main .partner_form .container form .names,
  body main .partner_form .container form .contact_details {
    flex-wrap: wrap;
  }
}
body main .register_now .container form .names label,
body main .register_now .container form .contact_details label,
body main .partner_form .container form .names label,
body main .partner_form .container form .contact_details label {
  width: 48%;
  display: flex;
  flex-direction: column;
  margin: 1vw 0;
}
@media (max-width: 500px) {
  body main .register_now .container form .names label,
  body main .register_now .container form .contact_details label,
  body main .partner_form .container form .names label,
  body main .partner_form .container form .contact_details label {
    width: 100%;
    margin: 2vw 0;
  }
}
body main .register_now .container form .names label span,
body main .register_now .container form .contact_details label span,
body main .partner_form .container form .names label span,
body main .partner_form .container form .contact_details label span {
  margin-bottom: 0.5vw;
  font-weight: 600;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .names label span,
  body main .register_now .container form .contact_details label span,
  body main .partner_form .container form .names label span,
  body main .partner_form .container form .contact_details label span {
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .names label span,
  body main .register_now .container form .contact_details label span,
  body main .partner_form .container form .names label span,
  body main .partner_form .container form .contact_details label span {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .names label span,
  body main .register_now .container form .contact_details label span,
  body main .partner_form .container form .names label span,
  body main .partner_form .container form .contact_details label span {
    font-size: 3vw;
  }
}
body main .register_now .container form .names label input,
body main .register_now .container form .contact_details label input,
body main .partner_form .container form .names label input,
body main .partner_form .container form .contact_details label input {
  padding: 0.7vw 1vw;
  width: 100%;
  outline: none;
  border: solid 0.11vw rgb(80, 80, 80);
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .names label input,
  body main .register_now .container form .contact_details label input,
  body main .partner_form .container form .names label input,
  body main .partner_form .container form .contact_details label input {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .names label input,
  body main .register_now .container form .contact_details label input,
  body main .partner_form .container form .names label input,
  body main .partner_form .container form .contact_details label input {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .names label input,
  body main .register_now .container form .contact_details label input,
  body main .partner_form .container form .names label input,
  body main .partner_form .container form .contact_details label input {
    font-size: 3vw;
    padding: 2vw 4vw;
    border-radius: 0.5vw;
  }
}
body main .register_now .container form .names label input::-moz-placeholder, body main .register_now .container form .contact_details label input::-moz-placeholder, body main .partner_form .container form .names label input::-moz-placeholder, body main .partner_form .container form .contact_details label input::-moz-placeholder {
  font-size: 1vw;
}
body main .register_now .container form .names label input::placeholder,
body main .register_now .container form .contact_details label input::placeholder,
body main .partner_form .container form .names label input::placeholder,
body main .partner_form .container form .contact_details label input::placeholder {
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .names label input::-moz-placeholder, body main .register_now .container form .contact_details label input::-moz-placeholder, body main .partner_form .container form .names label input::-moz-placeholder, body main .partner_form .container form .contact_details label input::-moz-placeholder {
    font-size: 1.5vw;
  }
  body main .register_now .container form .names label input::placeholder,
  body main .register_now .container form .contact_details label input::placeholder,
  body main .partner_form .container form .names label input::placeholder,
  body main .partner_form .container form .contact_details label input::placeholder {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .names label input::-moz-placeholder, body main .register_now .container form .contact_details label input::-moz-placeholder, body main .partner_form .container form .names label input::-moz-placeholder, body main .partner_form .container form .contact_details label input::-moz-placeholder {
    font-size: 1.8vw;
  }
  body main .register_now .container form .names label input::placeholder,
  body main .register_now .container form .contact_details label input::placeholder,
  body main .partner_form .container form .names label input::placeholder,
  body main .partner_form .container form .contact_details label input::placeholder {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .names label input::-moz-placeholder, body main .register_now .container form .contact_details label input::-moz-placeholder, body main .partner_form .container form .names label input::-moz-placeholder, body main .partner_form .container form .contact_details label input::-moz-placeholder {
    font-size: 3vw;
  }
  body main .register_now .container form .names label input::placeholder,
  body main .register_now .container form .contact_details label input::placeholder,
  body main .partner_form .container form .names label input::placeholder,
  body main .partner_form .container form .contact_details label input::placeholder {
    font-size: 3vw;
  }
}
body main .register_now .container form .o_details label,
body main .partner_form .container form .o_details label {
  display: flex;
  flex-direction: column;
  margin-bottom: 1vw;
  width: 100%;
}
@media (max-width: 500px) {
  body main .register_now .container form .o_details label,
  body main .partner_form .container form .o_details label {
    width: 100%;
    margin: 2vw 0;
  }
}
body main .register_now .container form .o_details label span,
body main .partner_form .container form .o_details label span {
  margin-bottom: 0.5vw;
  font-weight: 600;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .o_details label span,
  body main .partner_form .container form .o_details label span {
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .o_details label span,
  body main .partner_form .container form .o_details label span {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .o_details label span,
  body main .partner_form .container form .o_details label span {
    font-size: 3vw;
  }
}
body main .register_now .container form .o_details label input,
body main .partner_form .container form .o_details label input {
  padding: 0.7vw 1vw;
  width: 100%;
  outline: none;
  border: solid 0.11vw rgb(80, 80, 80);
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .o_details label input,
  body main .partner_form .container form .o_details label input {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .o_details label input,
  body main .partner_form .container form .o_details label input {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .o_details label input,
  body main .partner_form .container form .o_details label input {
    font-size: 3vw;
    padding: 2vw 4vw;
    border-radius: 0.5vw;
  }
}
body main .register_now .container form .o_details label input::-moz-placeholder, body main .partner_form .container form .o_details label input::-moz-placeholder {
  font-size: 1vw;
}
body main .register_now .container form .o_details label input::placeholder,
body main .partner_form .container form .o_details label input::placeholder {
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .o_details label input::-moz-placeholder, body main .partner_form .container form .o_details label input::-moz-placeholder {
    font-size: 1.5vw;
  }
  body main .register_now .container form .o_details label input::placeholder,
  body main .partner_form .container form .o_details label input::placeholder {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .o_details label input::-moz-placeholder, body main .partner_form .container form .o_details label input::-moz-placeholder {
    font-size: 1.8vw;
  }
  body main .register_now .container form .o_details label input::placeholder,
  body main .partner_form .container form .o_details label input::placeholder {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .o_details label input::-moz-placeholder, body main .partner_form .container form .o_details label input::-moz-placeholder {
    font-size: 3vw;
  }
  body main .register_now .container form .o_details label input::placeholder,
  body main .partner_form .container form .o_details label input::placeholder {
    font-size: 3vw;
  }
}
body main .register_now .container form .designation,
body main .partner_form .container form .designation {
  margin-top: 1vw;
  width: 100%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .designation,
  body main .partner_form .container form .designation {
    margin-bottom: 2vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .designation,
  body main .partner_form .container form .designation {
    margin-bottom: 2vw;
  }
}
body main .register_now .container form .designation p,
body main .partner_form .container form .designation p {
  margin-bottom: 1vw;
}
body main .register_now .container form .designation .choices,
body main .partner_form .container form .designation .choices {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body main .register_now .container form .designation .choices label,
body main .partner_form .container form .designation .choices label {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.3vw 0;
  cursor: pointer;
}
body main .register_now .container form .designation .choices label input,
body main .partner_form .container form .designation .choices label input {
  margin-right: 1vw;
  display: none;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .designation .choices label input,
  body main .partner_form .container form .designation .choices label input {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .designation .choices label input,
  body main .partner_form .container form .designation .choices label input {
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }
}
body main .register_now .container form .designation .choices label input:checked ~ span .check,
body main .partner_form .container form .designation .choices label input:checked ~ span .check {
  display: inline-block;
}
body main .register_now .container form .designation .choices label .button,
body main .partner_form .container form .designation .choices label .button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #165b36;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.07vw;
  color: #fff;
  border-radius: 0.3vw;
  width: 100%;
  padding: 1vw 2vw;
}
@media (max-width: 500px) {
  body main .register_now .container form .designation .choices label .button,
  body main .partner_form .container form .designation .choices label .button {
    padding: 3vw 6vw;
    border-radius: 0.5vw;
  }
}
body main .register_now .container form .designation .choices label .button .check,
body main .partner_form .container form .designation .choices label .button .check {
  margin-left: 1vw;
  display: none;
}
body main .register_now .container form .citizenship_selection,
body main .partner_form .container form .citizenship_selection {
  margin-top: 1vw;
  width: 100%;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .citizenship_selection,
  body main .partner_form .container form .citizenship_selection {
    margin-bottom: 2vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .citizenship_selection,
  body main .partner_form .container form .citizenship_selection {
    margin-bottom: 2vw;
  }
}
body main .register_now .container form .citizenship_selection label,
body main .partner_form .container form .citizenship_selection label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.3vw 0 0.3vw;
  cursor: pointer;
}
body main .register_now .container form .citizenship_selection label input,
body main .partner_form .container form .citizenship_selection label input {
  margin-right: 1vw;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .citizenship_selection label input,
  body main .partner_form .container form .citizenship_selection label input {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .citizenship_selection label input,
  body main .partner_form .container form .citizenship_selection label input {
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }
}
body main .register_now .container form .package_options,
body main .partner_form .container form .package_options {
  margin-top: 1vw;
}
body main .register_now .container form .package_options p,
body main .partner_form .container form .package_options p {
  font-weight: 600;
}
body main .register_now .container form .package_options .options,
body main .partner_form .container form .package_options .options {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.5vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .package_options .options,
  body main .partner_form .container form .package_options .options {
    margin-top: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .package_options .options,
  body main .partner_form .container form .package_options .options {
    margin-top: 1.5vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .package_options .options,
  body main .partner_form .container form .package_options .options {
    margin-top: 2.5vw;
    flex-wrap: wrap;
  }
}
body main .register_now .container form .package_options .options label,
body main .partner_form .container form .package_options .options label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 48%;
  margin: 1vw 0 0.3vw;
  cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .package_options .options label,
  body main .partner_form .container form .package_options .options label {
    width: 48%;
    margin: 1.5vw 0 0.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .package_options .options label,
  body main .partner_form .container form .package_options .options label {
    width: 48%;
    margin: 1.5vw 0 0.3vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .package_options .options label,
  body main .partner_form .container form .package_options .options label {
    width: 100%;
    margin: 2vw 0;
  }
}
body main .register_now .container form .package_options .options label input,
body main .partner_form .container form .package_options .options label input {
  margin-right: 1vw;
  border-bottom: solid 0.1vw black;
  line-height: 0;
  width: 5%;
}
@media (max-width: 500px) {
  body main .register_now .container form .package_options .options label input,
  body main .partner_form .container form .package_options .options label input {
    margin-right: 5vw;
  }
}
body main .register_now .container form .package_options .options label span,
body main .partner_form .container form .package_options .options label span {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 0.8vw;
  font-weight: 600;
  letter-spacing: 0.1vw;
  text-align: center;
  display: inline-block;
  align-items: center;
  width: 90%;
  padding: 0.8vw 0;
  color: white;
}
@media (max-width: 500px) {
  body main .register_now .container form .package_options .options label span,
  body main .partner_form .container form .package_options .options label span {
    font-size: 2vw;
    padding: 3vw 0;
    width: 100%;
  }
}
body main .register_now .container form .package_options .options label span.platinum,
body main .partner_form .container form .package_options .options label span.platinum {
  background-color: #063f4b;
}
body main .register_now .container form .package_options .options label span.gold,
body main .partner_form .container form .package_options .options label span.gold {
  background-color: #a87d54;
}
body main .register_now .container form .package_options .options label span.silver,
body main .partner_form .container form .package_options .options label span.silver {
  background-color: #58595b;
}
body main .register_now .container form .package_options .options label span.bronze,
body main .partner_form .container form .package_options .options label span.bronze {
  background-color: #9c2062;
}
body main .register_now .container form .package_options .options label span.community,
body main .partner_form .container form .package_options .options label span.community {
  background-color: #0e608b;
}
body main .register_now .container form .package_options .options label span.goodwill,
body main .partner_form .container form .package_options .options label span.goodwill {
  background-color: #165b36;
}
body main .register_now .container form .package_options .options label span img,
body main .partner_form .container form .package_options .options label span img {
  width: 3vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .package_options .options label span img,
  body main .partner_form .container form .package_options .options label span img {
    width: 5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .package_options .options label span img,
  body main .partner_form .container form .package_options .options label span img {
    width: 7vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .package_options .options label span img,
  body main .partner_form .container form .package_options .options label span img {
    width: 10vw;
  }
}
body main .register_now .container form .payment_options p,
body main .partner_form .container form .payment_options p {
  width: 100%;
  text-align: center;
  font-family: "Lora", serif;
  color: #165b36;
  font-size: 1.5vw;
  font-weight: 600;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .payment_options p,
  body main .partner_form .container form .payment_options p {
    font-size: 1.3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .payment_options p,
  body main .partner_form .container form .payment_options p {
    font-size: 1.8vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .payment_options p,
  body main .partner_form .container form .payment_options p {
    font-size: 3vw;
  }
}
body main .register_now .container form .payment_options .options,
body main .partner_form .container form .payment_options .options {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1vw;
}
body main .register_now .container form .payment_options .options label,
body main .partner_form .container form .payment_options .options label {
  display: flex;
  cursor: pointer;
  margin: 0 2vw;
}
@media (max-width: 500px) {
  body main .register_now .container form .payment_options .options label,
  body main .partner_form .container form .payment_options .options label {
    margin: 5vw 3vw;
  }
}
body main .register_now .container form .payment_options .options label span,
body main .partner_form .container form .payment_options .options label span {
  width: 5vw;
  margin-left: 2vw;
}
@media (max-width: 500px) {
  body main .register_now .container form .payment_options .options label span,
  body main .partner_form .container form .payment_options .options label span {
    width: 70%;
  }
}
body main .register_now .container form .payment_options .options label span img,
body main .partner_form .container form .payment_options .options label span img {
  width: 100%;
}
body main .register_now .container form .p_submit,
body main .partner_form .container form .p_submit {
  margin: 2vw 0;
}
body main .register_now .container form .p_submit input,
body main .partner_form .container form .p_submit input {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1vw;
  margin-right: 1vw;
  margin-top: 2vw;
  padding: 1vw 1.5vw;
  outline: none;
  border: solid 0.1vw #165b36;
  background-color: #165b36;
  color: #fff;
  font-weight: 600;
  font-size: 0.9vw;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .register_now .container form .p_submit input,
  body main .partner_form .container form .p_submit input {
    font-size: 1.5vw;
    line-height: 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .register_now .container form .p_submit input,
  body main .partner_form .container form .p_submit input {
    padding: 1.3vw 1.5vw;
    font-size: 2vw;
    line-height: 3.5vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 500px) {
  body main .register_now .container form .p_submit input,
  body main .partner_form .container form .p_submit input {
    font-size: 3.5vw;
    line-height: 6.5vw;
    margin-bottom: 2vw;
    padding: 2vw 5vw;
    border-radius: 1vw;
  }
}
body main .register_now .container .footer-logos,
body main .partner_form .container .footer-logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}
body main .register_now .container .footer-logos img,
body main .partner_form .container .footer-logos img {
  width: 10%;
  margin: 0 0.5vw;
}
body main .register_now .container .footer-logos img.unmc,
body main .partner_form .container .footer-logos img.unmc {
  width: 30%;
}
body main .email_confirm {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.521);
  -webkit-backdrop-filter: blur(0.2vw);
          backdrop-filter: blur(0.2vw);
  top: 0;
  left: 0;
  padding: 1vw 10vw;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-family: "Lora", serif;
  display: none;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .email_confirm {
    padding: 2vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .email_confirm {
    padding: 2vw;
  }
}
@media (max-width: 500px) {
  body main .email_confirm {
    padding: 2vw 0;
  }
}
body main .email_confirm .exit {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: -1vw;
  z-index: 1;
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .email_confirm .exit {
    width: 40%;
  }
}
@media (max-width: 500px) {
  body main .email_confirm .exit {
    width: 75%;
    margin-bottom: -3vw;
  }
}
body main .email_confirm .exit span {
  display: grid;
  place-items: center;
  background-color: #fff;
  box-shadow: 0.1vw 0.1vw 0.1vw 0 rgba(129, 129, 129, 0.562);
  cursor: pointer;
  border-radius: 0.3vw;
  padding: 0.5vw 1vw;
  font-size: 1vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .email_confirm .exit span {
    font-size: 1.5vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .email_confirm .exit span {
    font-size: 1.8vw;
    padding: 1vw 2vw;
  }
}
@media (max-width: 500px) {
  body main .email_confirm .exit span {
    font-size: 3vw;
    padding: 2vw 3vw;
  }
}
body main .email_confirm .container {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  padding: 2vw 5vw;
  border-radius: 0.5vw;
  width: 30%;
  height: auto;
  display: grid;
  place-items: center;
  overflow-y: scroll;
}
body main .email_confirm .container::-webkit-scrollbar {
  cursor: pointer;
  width: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  body main .email_confirm .container {
    padding: 2vw 3vw;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  body main .email_confirm .container {
    padding: 2vw 4vw;
    width: 30%;
  }
}
@media (max-width: 500px) {
  body main .email_confirm .container {
    padding: 5vw 7vw;
    width: 65%;
    background-position: -5% 0;
  }
}/*# sourceMappingURL=main.css.map */