#bd {
  font-family: "Lato", Verdana, sans-serif;
  color: #3d5460;
  height: auto;
  background-color: azure;
  overflow-x: hidden;
  padding-right: 0 !important;
}

html {
  overflow-x: hidden;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: azure;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader img {
  mix-blend-mode: darken;
  width: 10%;
}

.home .navigation {
  z-index: 1000;
  margin: 0 -5rem !important;
  div {
    max-width: 1280px;
  }
}

.our-story-cont .navigation,
.local-chapters .navigation,
.join-us-cont .navigation {
  margin: 0 -5rem !important;
  div {
    max-width: 1150px;
  }
}

.local-chapters .navigation {
  div {
    margin: 0;
    max-width: inherit;
  }
}

.navigation {
  width: 100%;
  margin: auto !important;
  padding: 0 5rem;
  max-width: initial !important;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  transition: all 0.3s;
  z-index: 100000;
  top: 0;
  background-color: #f0ffff03;
  > :nth-child(1) {
    max-width: inherit;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
  }
  > * {
    max-width: 1280px;
    width: 100%;
  }
}

.sticky {
  background-color: #f0fffff5;
  box-shadow: 0 2px 4px rgb(0 0 0 / 31%);
}

.navigation img {
  max-width: 150px;
}

.navigation-checkbox {
  display: none;
}

.home {
  padding: 100px 5rem;
}

.home > * {
  max-width: 1280px;
  width: 100%;
  margin: auto;
}

.navigation-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  gap: 8px;
  flex-direction: column;
  z-index: 2000;
  border-radius: 50%;
}

.navigation-button:hover {
  cursor: pointer;
}

.menu-line {
  background-color: black;
  width: 40px;
  height: 2px;
  transition: 0.3s;
}

.menu-line:nth-child(1) {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.navigation-checkbox:checked ~ .navigation-button .menu-line:nth-child(1) {
  transform: translate3d(0px, 8px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg);
}

.navigation-checkbox:checked ~ .navigation-button .menu-line:nth-child(2) {
  width: 0;
  height: 0px;
}

.navigation-checkbox:checked ~ .navigation-button .menu-line:nth-child(3) {
  transform: translate3d(0px, -8px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.navigation-button-img {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navigation-checkbox:checked ~ .navigation-background {
  transform: scale(40);
}

.navigation-list {
  position: absolute;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
  scale: 0;
  top: 0%;
  right: -40px;
  transition: 1s;
  transform-origin: top;
  display: flex;
  flex-direction: column;
  color: white;
  align-items: flex-end;
  gap: 2rem;
}

.navigation-checkbox:checked ~ .navigation-nav {
  opacity: 1;
  visibility: visible;
  .navigation-list {
    scale: 1;
    top: 50%;
  }
}

.navigation-background {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  position: fixed;
  right: -15%;
  top: -15%;
  background: radial-gradient(rgba(41, 152, 255), rgba(86, 67, 250));
  z-index: 1000;

  transform: scale(0);
  transition: all 1s;
}

.navigation-nav {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1500;

  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}

.navigation-link {
  padding: 0 15px;
}

.navigation-link:link,
.navigation-link:visited {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(120deg, transparent 50%, #fff 50%);
  background-size: 230%;
  transition: all 0.4s;
}

.navigation-link:hover,
.navigation-link:active {
  background-position: 100%;
  color: rgba(41, 152, 255);
  transform: translateX(10px);
}

.ripple-circles-cont {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  border-radius: 50%;
  box-sizing: initial;

  > div {
    box-sizing: border-box;
    border: 35px solid #cfe1f4;
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    animation: growAndFade 3s linear infinite;
  }

  .circle1 {
    opacity: 1;
    animation: none;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    img {
      width: 130%;
      align-self: center;
    }
  }

  .circle2 {
    animation-delay: 2s;
  }
  .circle3 {
    animation-delay: 3s;
  }
}

@keyframes growAndFade {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

.front-page {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.front-descr-cont {
  max-width: 700px;
  align-self: center;
  h1 {
    font-size: 4.5vw;
    font-weight: 900;
    line-height: 1;
  }
}

.partners {
  padding: 5rem 0 10rem;
  margin: 0 -5rem;
  width: initial;
  max-width: initial;
}

.partners-background {
  height: 100px;
}

.partners > :nth-child(1) {
  background-image: linear-gradient(
    to top right,
    lavender 50%,
    transparent 50%
  );
}

.partners > :nth-child(3) {
  background-image: linear-gradient(
    to bottom left,
    lavender 50%,
    transparent 50%
  );
}

.partners-logo-cont {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  gap: 6rem;
  padding: 10rem 3rem;
  background-color: lavender;
}

.partners-logo-cont > * {
  mix-blend-mode: multiply;
}

.partners-logo-cont img {
  mix-blend-mode: multiply;
  max-width: 150px;
  width: 100%;
}

.front-img-cont {
  width: 100%;
  max-width: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.front-btn-cont {
  display: flex;
  align-items: center;
  gap: 2rem;
  a:nth-child(1) {
    max-width: 250px;
    width: 100%;
  }
  p {
    margin: 0;
  }
}

.moto-descr-cont p {
  margin: 2rem 0 3rem;
  font-size: 1.1rem;
}

.about-btn > * {
  font-size: 1.2rem;
  font-weight: 800;
}

.front-certificate-btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #52565e;
  font-size: 1.1rem;
  font-weight: 700;
  position: relative;
}

.front-certificate-btn p::before {
  content: "";
  background-color: #1976d2;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: bottom right;
  width: 100%;
  height: 2px;
}

.front-certificate-btn:hover p::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.cross-fill,
.cross-stroke1,
.cross-stroke2 {
  position: absolute;
  z-index: 10;
}

.cross-fill {
  position: absolute;
  max-width: 7%;
  top: 10%;
  left: 2%;
}

.cross-stroke1 {
  top: 4%;
  width: 5%;
  right: 18%;
}

.cross-stroke2 {
  width: 10%;
  left: 45%;
  top: calc(33vw);
}

.moto-descr-cont span {
  background-image: url(paint-line.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background-blend-mode: darken;
}

.rec-shape {
  display: none;
}
.rectangle {
  width: 5%;
  position: absolute;
  bottom: 8%;
  right: 0;
}

.mission img {
  max-width: 250px;
  align-self: center;
  z-index: 10;
  position: relative;
  order: 2;
}

.about {
  padding-top: 15rem;
  display: flex;
  gap: 3rem;
  flex-direction: row-reverse;
}

.about-img-cont {
  img {
    max-width: 750px;
  }
}

.about-descr-cont {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.about-descr-cont h1 {
  font-size: 3vw;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
  span {
    background-image: url(paint-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-blend-mode: darken;
  }
}

.about-descr-cont p,
.about-descr-cont li {
  font-size: 1rem;
}

.about-descr-cont ul {
  margin-bottom: 2rem;
}

.mission {
  gap: 4rem;
  display: flex;
  justify-content: space-between;
  padding: 15rem 0 5rem;
}

.mission-topic {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  p {
    margin-left: 4rem;
    font-size: 1.3rem;
  }
}

.mission-topic h1 {
  font-size: 5rem;
  font-weight: 900;
}

.mission-emoji {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mission-emoji i {
  font-size: 1.5rem;
}

.mission-grid-cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.mission-cont {
  gap: 2rem;
  max-width: 850px;
  display: grid;
  grid-template: auto auto / 1fr 1fr;
}

.missions {
  border: 1px solid #cccccc;
  transition: 0.3s;
  position: relative;
  display: flex;
  padding: 2rem 2rem;
  border-radius: 10px;
  height: max-content;
  align-items: flex-start;
  gap: 1rem;
  &:nth-child(1) {
    grid-area: 1 / 1 / none;
  }
  &:nth-child(3) {
    grid-area: 2 / 2;
  }
}

.missions:hover {
  box-shadow: 5px 5px 0px #0000009e;
  background-color: #bbd9f75e;
}

.missions:hover .mission-emoji img,
.missions:hover .mission-emoji i {
  bottom: 10px;
}

.mission-emoji i {
  color: #4382ff;
  font-size: 2.2rem;
  position: relative;
  bottom: 0;
  transition: 0.3s;
}

.mission-main h1 {
  color: #4382ff;
  margin: 0;
  font-weight: 600;
}

.missions p {
  font-size: 1.1rem;
  margin-top: 1rem;
  font-weight: 600;
}

.mission-emoji img {
  max-width: 50px;
  position: relative;
  bottom: 0;
  transition: 0.3s;
}

.mission-topic span {
  background: linear-gradient(to top, #7d9ffc 13%, transparent 13%);
}

.partners-logo-cont {
  display: grid;
  grid-template: auto / repeat(6, 1fr);
}
.partners-logo-cont img {
  transition: 0.3s;
  filter: grayscale(100%);
}
.partners-logo-cont img:hover {
  filter: grayscale(0%);
}

.team {
  width: initial;
  max-width: initial;
  padding: 2rem 2rem 10rem;
  background-image: url(grid_background.svg);
  > :nth-child(1) {
    max-width: 1280px;
    margin: auto;
  }
}

.testimonial {
  padding: 10rem 0 15rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.testim-topic {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.testim-topic h1 {
  margin: 0;
}

.sparkle-img {
  max-width: 60px;
}

.testim-cont {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.testim {
  height: 100%;
  justify-content: space-between;
  box-shadow: 4px 3px #000000c9;
  transition: 0.3s;
  border: 1px solid #0000006b;
  flex: 1;
  padding: 2rem;
  background-color: #bbb6b612;
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  opacity: 0.9;
}

.testim:hover {
  opacity: 1;
  box-shadow: 5px 3px #000000c9;
  color: black;
  border-color: black;
  background-color: #bbb6b630;
}

.home .team-img-cont {
  .team-img-wrapper {
    margin-bottom: 10px;
  }
  margin: 0;
}

.team h1 {
  font-size: 5rem;
  font-weight: 900;
  text-align: center;
}

.team-header span {
  background: linear-gradient(to top, #7d9ffc 13%, transparent 13%);
}

.team p {
  margin: 1rem 0 0;
  font-size: 1.5rem;
  text-align: center;
}

#executives .team-header-desc {
  margin: 10px 2rem;
}

.team-img-cont img {
  width: 100%;
  transition: 0.5s;
  filter: grayscale(100%);
  &:hover {
    filter: grayscale(0);
  }
}

.team-img-wrapper {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem !important;
}

.profile {
  transition: 0.6s;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #d5ddff;
  justify-content: space-between;
  gap: 1rem;
  i {
    font-size: 1.3rem;
    cursor: pointer;
    transition: 0.3s;
    &:hover {
      transform: translate(3px, -3px);
      color: #0b2e71;
    }
  }
}

.profile-descrp {
  display: flex;
  flex-direction: column;
}

.profile-descrp h4 {
  font-weight: 900;
  margin: 0;
  font-size: 1.1rem;
}

.profile-descrp > p {
  margin: 0;
  font-size: 1rem;
  text-align: left;
}

.trainers-pool-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.trainers-pool-link,
.news-form-external-link {
  align-items: center;
  justify-content: center;
  gap: 10px;
  display: flex;
}

.news-form-external-link h2 {
  margin: 0 !important;
}

.trainers-pool-link h2,
.news-form-external-link h2 {
  position: relative;
  margin: 0;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.trainers-pool-link h2::before,
.news-form-external-link h2::before {
  content: "";
  background-color: #1976d2;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: bottom right;
  width: 100%;
  height: 2px;
}

.trainers-pool-link svg,
.news-form-external-link svg {
  transition: 0.3s;
  bottom: 0;
  font-size: 1.5rem;
  position: relative;
  cursor: pointer;
}

.trainers-pool-link div:hover h2::before,
.news-form-external-link a:hover h2::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.trainers-pool-link div,
.news-form-external-link a {
  margin-top: 5rem;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.news-form-external-link a {
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  margin: 0;
}

.contact {
  display: flex;
  justify-content: space-between;
  max-width: inherit;
  margin: 0 -5rem;
  width: initial;
}

.contact-info p {
  margin: 0;
}

.contact-info-cont {
  position: relative;
  div {
    position: absolute;
    color: white;
  }
}

.contact-info-cont div h1 {
  font-size: 5rem;
  font-weight: 900;
  font-size: 5rem;
  font-weight: 900;
  text-shadow: 5px 3px black;
}

.contact-info-cont img {
  width: 100%;
}

.contact-info-cont div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #68676766;
  position: absolute;
  color: white;
}

.contact > * {
  flex: 50%;
}

.contact-form {
  display: flex;
  margin: 0;
  border-radius: 5px;
  flex-direction: column;
  gap: 1rem;
  padding: 0 4rem;
  justify-content: center;
}

.contact-form form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(80px, 1fr));
  gap: 2rem;
  font-weight: 700;
}

.contact-form form > * {
  display: flex;
  flex-direction: column;
}

.contact-form input,
.contact-form textarea {
  background: initial;
  border: 0;
  border-bottom: 2px solid grey;
  padding: 1rem;
}

.contact-form form > :nth-child(5) {
  grid-column: 1 / -1;
}

.contact-form form button {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
}

.contact-form input:focus-visible,
.contact-form textarea:focus-visible {
  outline: 0;
  border-bottom: 3px solid black;
}

.footer-child-cont {
  max-width: initial;
  display: grid;
  position: relative;
  grid-auto-flow: column;
  gap: 3rem;
  width: 100%;
  background-color: #ffffff4a;
  margin: 2rem 0rem 0rem;
  padding: 2rem 5rem;
  justify-content: space-between;
}
.footer-form {
  display: grid;
  gap: 10px;
  margin-top: 2rem;
}
.footer-childs:nth-child(1) p {
  max-width: 300px;
}
.footer-childs:nth-child(4) {
  max-width: 250px;
}
.info-cont i,
.info-cont svg {
  font-size: 1.5rem;
}

.footer-childs h1 {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
.footer-childs:nth-child(3) p {
  margin-bottom: 16px;
}

.footer-form input:nth-child(1) {
  max-width: 270px;
  height: 45px;
  padding-left: 45px;
  border-radius: 5px;
  outline: 0;
  border: transparent;
  background-color: #ececec;
}
.footer-form input:nth-child(2) {
  height: 45px;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  border-radius: 5px;
  max-width: 270px;
}
.footer-form input:nth-child(2):hover {
  box-shadow: 0px 7px 15px #00000069;
}
.footer-childs a {
  max-width: fit-content;
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  margin-bottom: 18px;
  transition: 0.3s;
  text-transform: capitalize;
}
.footer-childs a:before {
  content: "";
  background-color: #1976d2;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.4s;
  transform-origin: bottom right;
  width: 100%;
  height: 2px;
}
.footer-childs a:hover {
  color: #000000d9;
}
.footer-childs a:hover:before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.info-cont {
  display: flex;
  gap: 10px;
  font-weight: 900;
}

.social-cont {
  display: flex;
  gap: 2rem;
  a:hover:before {
    display: none;
  }
}

.social-cont svg {
  cursor: pointer;
  font-size: 1.5rem;
  transition: 0.2s;
  margin-bottom: 0;
}
.social-cont a:nth-child(1) svg:hover {
  color: #3583ba;
}
.social-cont a:nth-child(2) svg:hover {
  color: #22bdd2;
}
.social-cont a:nth-child(3) svg:hover {
  color: #2f7c98;
}
.social-cont a:nth-child(4) svg:hover {
  color: #0077b5;
}

.confirm-cont {
  margin-top: 1rem;
  display: flex;
  max-width: 270px;
  align-items: center;
  background-color: #c3fabe;
  padding: 5px;
}
.confirm-cont img {
  width: 30px;
}
.confirm-cont p {
  margin: 0;
}

.our-story {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  text-align: center;
}

.main-story-cont {
  max-width: 1150px;
  margin: auto;
}

.main-story-cont h1 {
  font-weight: 600;
  font-size: 5.5rem;
  margin: 0 0 1rem;
  background-image: url(paint-line.png);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-blend-mode: darken;
}

.story-moto {
  font-size: 1.5rem !important;
  max-width: 70%;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 2vw auto 4vw;
}

.story-cont {
  display: grid;
  grid-template: repeat(3, auto) / repeat(2, minmax(100px, 1fr));
  text-align: left;
  gap: 2rem;

  img {
    grid-area: 2 / 1 / 3 / 3;
    width: 100%;
    margin: 2rem 0 2rem;
    border-radius: 25px;
  }
}

.story-cont p {
  font-family: serif;
  font-size: 1.1rem;
  margin: 0;
}

.main-story-cont p {
  font-size: 1.1rem;
}

.story-topic div {
  margin-bottom: 1rem;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  i {
    font-size: 1.8rem;
  }
  h3 {
    margin: 0;
    font-weight: 900;
    font-size: 2rem;
  }
  img {
    max-width: 50px;
    mix-blend-mode: multiply;
    margin: 0;
  }
}

.story-topic-cont {
  grid-area: 3 / 1 / 3 / 3;
  display: flex;
  gap: 2rem;
  text-align: left;
}

.our-story-cont {
  padding: 100px 5rem 5rem;
  background-image: linear-gradient(
    44deg,
    rgb(221, 255, 251) 0%,
    rgb(221, 255, 251) 1.48903%,
    rgb(221, 255, 251) 2.95648%,
    rgb(221, 255, 251) 4.40288%,
    rgb(221, 255, 251) 5.82874%,
    rgb(222, 255, 251) 7.23461%,
    rgb(222, 255, 251) 8.62099%,
    rgb(222, 255, 251) 9.98843%,
    rgb(223, 255, 251) 11.3374%,
    rgb(223, 255, 251) 12.6685%,
    rgb(224, 255, 251) 13.9823%,
    rgb(224, 255, 251) 15.2792%,
    rgb(225, 255, 251) 16.5598%,
    rgb(225, 255, 252) 17.8246%,
    rgb(226, 255, 252) 19.0741%,
    rgb(227, 255, 252) 20.3089%,
    rgb(227, 255, 252) 21.5294%,
    rgb(228, 255, 252) 22.7363%,
    rgb(229, 255, 252) 23.93%,
    rgb(230, 255, 252) 25.1111%,
    rgb(231, 255, 252) 26.2801%,
    rgb(232, 255, 252) 27.4375%,
    rgb(233, 255, 252) 28.5838%,
    rgb(234, 255, 252) 29.7197%,
    rgb(234, 255, 253) 30.8455%,
    rgb(235, 255, 253) 31.9618%,
    rgb(237, 255, 253) 33.0692%,
    rgb(238, 255, 253) 34.1682%,
    rgb(239, 255, 253) 35.2593%,
    rgb(240, 255, 253) 36.343%,
    rgb(241, 255, 253) 37.4198%,
    rgb(242, 255, 253) 38.4904%,
    rgb(243, 255, 254) 39.5551%,
    rgb(244, 255, 254) 40.6146%,
    rgb(245, 255, 254) 41.6694%,
    rgb(247, 255, 254) 42.7199%,
    rgb(248, 255, 254) 43.7668%,
    rgb(249, 255, 254) 44.8105%,
    rgb(250, 255, 254) 45.8515%,
    rgb(251, 255, 255) 46.8905%,
    rgb(253, 255, 255) 47.9279%,
    rgb(254, 255, 255) 48.9642%,
    rgb(255, 255, 255) 50%,
    rgb(254, 254, 255) 51.0358%,
    rgb(252, 253, 255) 52.0721%,
    rgb(251, 252, 255) 53.1095%,
    rgb(249, 251, 255) 54.1485%,
    rgb(248, 250, 255) 55.1895%,
    rgb(246, 249, 255) 56.2332%,
    rgb(245, 248, 255) 57.2801%,
    rgb(244, 247, 255) 58.3306%,
    rgb(242, 246, 255) 59.3854%,
    rgb(241, 244, 255) 60.4449%,
    rgb(240, 243, 255) 61.5096%,
    rgb(238, 242, 255) 62.5802%,
    rgb(237, 242, 255) 63.657%,
    rgb(236, 241, 255) 64.7407%,
    rgb(234, 240, 254) 65.8318%,
    rgb(233, 239, 254) 66.9308%,
    rgb(232, 238, 254) 68.0382%,
    rgb(231, 237, 254) 69.1545%,
    rgb(230, 236, 254) 70.2803%,
    rgb(229, 235, 254) 71.4162%,
    rgb(228, 234, 254) 72.5625%,
    rgb(226, 234, 254) 73.7199%,
    rgb(225, 233, 254) 74.8889%,
    rgb(224, 232, 254) 76.07%,
    rgb(224, 231, 254) 77.2637%,
    rgb(223, 231, 254) 78.4706%,
    rgb(222, 230, 254) 79.6911%,
    rgb(221, 229, 254) 80.9259%,
    rgb(220, 229, 254) 82.1754%,
    rgb(219, 228, 254) 83.4402%,
    rgb(219, 228, 254) 84.7208%,
    rgb(218, 227, 254) 86.0177%,
    rgb(218, 227, 254) 87.3315%,
    rgb(217, 227, 254) 88.6626%,
    rgb(217, 226, 254) 90.0116%,
    rgb(216, 226, 254) 91.379%,
    rgb(216, 226, 254) 92.7654%,
    rgb(216, 225, 254) 94.1713%,
    rgb(215, 225, 254) 95.5971%,
    rgb(215, 225, 254) 97.0435%,
    rgb(215, 225, 254) 98.511%,
    rgb(215, 225, 254) 100%
  );
}

.our-story img:nth-child(1) {
  border-radius: 20px;
}

.story-topic div h3 {
  position: relative;
}

.story-topic div h3::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 500%;
  top: 50%;
  left: 108%;
  background-color: #162e4d70;
}

.our-story-front {
  max-width: 1150px;
  margin: auto;
  width: 100%;
  margin: auto;
  border-radius: 20px;
  overflow: hidden;
}
.gmap-cont {
  max-width: 1150px;
  margin: auto;
  padding: 5rem 0 5rem;
  iframe {
    width: 100%;
    border: 10px solid white;
    filter: grayscale(1);
    border-radius: 25px;
  }
}
.our-story-front img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transform: rotate(8deg) scale(1.35);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.4s ease-in-out;
}

.story-cont img:hover {
  filter: grayscale(0);
}

.story-cont img {
  filter: grayscale(1);
  transition: 0.4s;
}
.our-story-front img:hover {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.photo-cont {
  display: flex;
  align-items: center;
}
.photo-cont img {
  max-width: 100px;
}
.photo-cont p {
  margin: 0;
  text-transform: uppercase;
}
.photo-cont img:nth-child(2) {
  max-width: 90px;
}

.photo-cont {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.photo-cont > :nth-child(1) {
  min-width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 3px solid #fff;
  background-size: contain;
}
.photo1 {
  background-image: url(photo1.png);
}
.photo2 {
  background-image: url(photo2.png);
}
.photo3 {
  background-image: url(photo3.png);
}
.photo-cont img {
  max-width: 100px;
  height: 140%;
}
.testim-descr-cont i {
  font-size: 1.5rem;
}

.testim-descr-cont p {
  font-size: 15px;
  margin-bottom: 0;
}

.counter {
  flex-wrap: wrap;
  background-color: #1c4995;
  color: white;
  padding: 7rem 5rem;
  position: absolute;
  align-items: center;
  width: 100%;
  margin: 8rem -5rem;
  display: flex;
  justify-content: space-between;
}
.interceptor {
  height: 80px;
  width: 2px;
  background-color: #adadad57;
}
.stats {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1.5rem;
  h2,
  p,
  h1 {
    margin: 0;
  }
  h1 {
    font-size: 5rem;
    font-weight: 900;
    text-underline-position: under;
    text-decoration: underline;
  }
  > * {
    font-size: 1.5rem;
  }
  div {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  img {
    max-width: 35px;
  }
}

.gmap-cont {
  max-width: 1150px;
  margin: auto;
  padding: 40rem 0 5rem;
}

.gmap-cont div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  h1 {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 600;
  }
  i {
    font-size: 3rem;
  }
}

.committee-front {
  display: flex;
  padding: 4rem 5rem;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  height: 100vh;
  img {
    width: 100%;
  }
  > :nth-child(1) {
    flex: 50%;
  }
  > :nth-child(2) {
    flex: 55%;
  }
}

.committee-front div h1 {
  font-size: 5.5rem;
  font-weight: 900;
  line-height: 1;
}

.committee-front div p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

.committee-about {
  display: flex;
  gap: 2rem;
  padding: 5rem;
  justify-content: space-between;
  div {
    gap: 2rem;
    display: flex;
  }
  h1 {
    font-size: 3.5rem;
    font-weight: 600;
  }
  p {
    max-width: 550px;
  }
  span {
    opacity: 0.9;
  }
}

.bold-span {
  opacity: 1;
  font-weight: 600;
}

.committees-cont {
  padding: 5rem;
  background-color: white;
  padding: 10rem 5rem;
  h2 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 700;
  }
}

.committees-list {
  img {
    max-width: 115px;
  }
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 2rem;
  color: white;
  > * {
    &:nth-child(1) {
      background-color: #2e4a9c;
    }
    &:nth-child(2) {
      background-color: #0181c1;
    }
    &:nth-child(3) {
      background-color: #100016;
    }
    &:nth-child(4) {
      background-color: #5f903f;
    }
    &:nth-child(5) {
      background-color: #f47d3b;
    }
    &:nth-child(6) {
      background-color: #bd202a;
    }
    justify-content: space-between;
    padding: 3rem 3rem 5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    border-radius: 9px;
  }
}

.trainers-front {
  display: flex;
  align-items: center;
  padding: 5rem;
  gap: 2rem;
  height: 100vh;
}

.trainers-descrp {
  max-width: 620px;
  h1 {
    font-weight: 900;
  }
  > :nth-child(3) {
    margin-bottom: 2rem;
  }
}

.trainers-img {
  max-width: 750px;
  width: 100%;
}

.trainers-pool-cont {
  background-color: white;
  padding: 5rem;
  h1 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 4rem;
  }
}

.trainers-pool {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}

.trainer-img-cont {
  width: 280px;
  height: 280px;
  position: relative;
  /* overflow: hidden; */
  background-size: cover;
  background-position: 53% 86%;
  border-radius: 50%;
  transition: 0.3s;
}

.trainer-img-cont:hover {
  border-radius: 10%;
}

.trainer img {
  position: absolute;
  width: 100%;
  top: 0;
  filter: grayscale(1);
  /* cursor: url(cursor.png), crosshair; */
  border-radius: 50%;
  &:hover {
    filter: none;
  }
}

.trainer p {
  margin: 0;
}

.trainer > :nth-child(2) {
  margin-top: 2rem;
  font-size: 1.1rem;
  font-weight: 900;
}

.detail-btn {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  bottom: 10%;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: honeydew;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  i {
    font-size: 1.8rem;
  }
}
.detail-btn:hover {
  background-color: #1e3050;
  i {
    color: white;
  }
}
.scoph .the-committee-front {
  background-color: #f47d3b;
}
.scope .the-committee-front {
  background-color: #0181c1;
}
.scome .the-committee-front {
  background-color: #100016;
}
.scora .the-committee-front {
  background-color: #bd202a;
}
.scorp .the-committee-front {
  background-color: #5f903f;
  justify-content: flex-start;
  img:nth-child(1) {
    width: 100%;
    max-width: 550px;
    bottom: 1rem;
    position: absolute;
    margin: 0 5rem;
    opacity: 0.7;
  }
}
.scome .the-committee-front > :nth-child(2) {
  bottom: 2rem;
}
.the-committee-front {
  position: relative;
  background-size: cover;
  height: 100vh;
  background-color: #2e4a9c;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 5rem;
  justify-content: center;
  img {
    margin-bottom: 1rem;
  }
  p {
    max-width: 800px;
  }
}

.scoph .the-committee-front > :nth-child(1),
.scome .the-committee-front > :nth-child(1),
.score .the-committee-front > :nth-child(1) {
  top: 0;
  position: absolute;
  max-width: 1280px;
  margin: 0 5rem;
  opacity: 0.7;
}
.the-committee-front > *:not(img) {
  z-index: 2;
}
.scoph .the-committee-front > :nth-child(2),
.scome .the-committee-front > :nth-child(2),
.score .the-committee-front > :nth-child(2) {
  z-index: 1;
  bottom: 0;
  position: absolute;
  max-width: 1430px;
  margin: 0 5rem;
  opacity: 0.7;
}

.committee-objectives > :nth-child(1) div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.committee-objectives > :nth-child(1) h4 {
  font-size: 2.5rem;
}

.committee-objectives > :nth-child(2) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}

.committee-history {
  display: flex;
  padding: 10rem 5rem 5rem;
  justify-content: space-between;
  > :nth-child(1) {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    img {
      max-width: 70px;
    }
    h1 {
      max-width: 300px;
      font-weight: 800;
    }
  }
  > :nth-child(2) {
    max-width: 950px;
    display: flex;
    gap: 2rem;
  }
}

.scome .objectives-cont > :nth-child(1),
.scora .objectives-cont > :nth-child(1) {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.committee-objectives {
  display: flex;
  padding: 5rem;
  position: relative;
  gap: 5rem;
  justify-content: space-between;
  img {
    max-width: 35px;
  }
  h4 {
    margin: 0;
  }
  justify-content: space-between;
  > :nth-child(1) {
    max-width: 500px;
    h4 {
      font-size: 2rem;
      font-weight: 800;
    }
  }
}

.objectives {
  display: flex;
  align-items: center;
  gap: 2rem;
  img {
    max-width: 110px;
  }
}

.scoph .the-committee-front > :nth-child(2) {
  bottom: 2rem;
}

.scome .committee-history span,
.scome .committee-objectives h4 {
  background: #100016;
  color: white;
}
.score .committee-history span,
.score .committee-objectives span {
  background: #2e4a9c;
  color: white;
}
.scora .committee-history span,
.scora .committee-objectives span {
  background: #bd202a;
  color: white;
}
.scoph .committee-history span,
.scoph .committee-objectives span {
  background: #f47d3b;
  color: white;
}
.scorp .committee-history span,
.scorp .committee-objectives span {
  background: #5f903f;
  color: white;
}

.score .the-committee-front > :nth-child(2) {
  bottom: 2rem;
}

.scome .committee-objectives h4 {
  font-size: 2rem;
  font-weight: 800;
}

.committee-objectives::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5rem;
  height: 0px;
  width: 90%;
  border-top: 2px dashed;
}

.swiper {
  width: 100%;
  height: 100%;
  background: #000;
}

.swiper-slide {
  &:nth-child(1) img {
    width: 225%;
  }
  &:nth-child(3) img {
    width: 170%;
  }
  &:nth-child(4) img {
    position: absolute;
    width: 100%;
    top: -100px;
  }
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  width: 100%;
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.swiper-slide .title {
  font-size: 41px;
  font-weight: 300;
}

.swiper-slide .subtitle {
  font-size: 21px;
}

.swiper-slide .text {
  font-size: 1.1rem;
  max-width: 850px;
  line-height: 1.3;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 1rem;
  img {
    max-width: 400px;
    width: 100%;
    border-radius: 5px;
    position: initial;
    inset: initial;
  }
}
.swiper-pagination {
  background-color: rgb(53, 45, 45);
}

.committee-achievements {
  display: flex;
  flex-direction: column;
  align-items: center;
  > :nth-child(1) {
    display: flex;
    align-items: center;
    i {
      font-size: 2rem;
      margin-right: 1rem;
    }
    h1 {
      background: linear-gradient(to top, #5f903f 15%, transparent 13%);
      margin: 2rem 0;
    }
  }
}

.sc-officials-team-cont h1 {
  margin-bottom: 4rem;
}

.sc-officials-team-cont .profile > :nth-child(1) {
  margin: 0;
}

.sc-officials-team-cont .profile > :nth-child(2),
.team .profile > :nth-child(2) {
  display: flex;
  gap: 1.5rem;
  margin: 0;
}

.home .news {
  padding: 50px 0;
  .news-form-external-link a {
    margin: 0;
  }
}

.news {
  padding: 100px 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  h1 {
    font-size: 5rem;
    font-weight: 900;
    text-align: center;
  }
  h2 {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}

.news-header {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
}
.news-cards-cont {
  display: grid;
  grid-template: auto / 1fr 1fr 1fr;
  gap: 1rem;
  > *:not(.news-form-external-link):not(.no-news-found) {
    margin-bottom: 2rem;
    max-height: max-content;
    border-bottom: #000000 4px solid;
    border-radius: 8px 8px 10px 10px;
    overflow: hidden;
    padding-bottom: 10px;
  }
}

.news-body {
  display: flex;
  gap: 10px;
  span {
    cursor: pointer;
    color: #0000ffba;
    font-weight: 600;
  }
}
.fullscreen {
  z-index: 100000;
  position: relative;
}

.container {
  max-width: 32rem;
  margin: 2rem auto;
  padding: 1.5rem;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.form-group {
  margin-bottom: 1rem;
}

.label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4a5568;
}

.input,
.textarea,
.file-input {
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding: 0.5rem;
  font-size: 0.875rem;
}

.input:focus,
.textarea:focus {
  border-color: #a3bffa;
  outline: none;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075),
    0 0 0 0.2rem rgba(99, 102, 241, 0.3);
}

.textarea {
  resize: vertical;
}

.file-input {
  font-size: 0.875rem;
  color: #6b7280;
}

.file-input::file-selector-button {
  margin-right: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-weight: 600;
  background-color: #ebf4ff;
  color: #4f46e5;
  cursor: pointer;
}

.file-input::file-selector-button:hover {
  background-color: #c7d2fe;
}

.error-message {
  color: #f56565;
  margin-bottom: 1rem;
}

.submit-btn {
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
  background-color: #4f46e5;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.submit-btn:hover {
  background-color: #3730a3;
}

.submit-btn:disabled {
  background-color: #a3bffa;
  cursor: not-allowed;
}

.news-form-cont {
  display: flex;
  img {
    width: 100%;
    max-width: 575px;
    background-color: whitesmoke;
  }
}

.news-form-group {
  position: relative;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  margin-top: 1rem;
  background-color: aliceblue;
  input {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}

.uploader-cont {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  img {
    max-width: 80px;
    background: transparent;
  }
  p {
    margin: 0;
    text-align: center;
    font-size: 1.1rem;
  }
}

.local-chapters-hero {
  margin: 2rem 0 5rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  img {
    max-width: 770px;
  }
  h1 {
    font-weight: 900;
  }
}

.emsa-lc-description-cont {
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center;
  gap: 2rem;
  padding-top: 2rem;
}
.emsa-lc-body-cont {
  gap: 3rem;
  display: flex;
  flex-direction: column;
}
.emsa-lc-body {
  max-width: 1300px;
  img {
    max-width: 500px;
    border-radius: 7px;
    width: 100%;
    float: left;
    margin-right: 30px;
  }

  p {
    margin: 0;
  }
}

.emsa-lc-head {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  h2 {
    margin: 10px 0 5px;
    font-weight: 700;
    font-size: 2rem;
  }
  img {
    max-width: 80px;
  }
  p {
    max-width: 750px;
  }
}
.emsa-body-desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
  p {
    margin: 0;
  }
}

.reverse {
  img {
    float: right;
    margin-left: 30px;
  }
}

.all-chapters {
  display: flex;
  flex-direction: column;
}

.lc-chapters-head {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 2rem auto 1rem;
  h2 {
    font-size: 1.2rem;
    color: cadetblue;
    text-transform: capitalize;
    margin: 0;
  }
}

.lc-chapters-cont {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  max-width: 1300px;
  margin: auto;
  gap: 5px;
}

.lc-chapter p {
  margin: 0;
  font-weight: 600;
}

.scome .committee-achievements,
.score .committee-achievements {
  padding: 0 5rem 2rem;
  position: relative;
  text-align: center;
  > :nth-child(1) {
    flex-direction: column;
    gap: 5px;
  }
}

.certificate-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.certificate-bottom-cont {
  align-self: center;
  img {
    max-width: 150px;
    border-bottom: 1px solid #00000094;
    padding-bottom: 10px;
  }
}

.MuiGrid-item .MuiPaper-root {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2) !important;
}

.MuiGrid-item .MuiPaper-root:hover {
  box-shadow: 2px 2px 7px rgba(5, 4, 4, 0.5) !important;
}

.join-us-cont .footer,
.our-story-cont .footer {
  margin: 0 -5rem -5rem;
  width: inherit;
}

.home .footer {
  margin: 15rem -5rem -100px;
  width: inherit;
}

.footer {
  width: initial;
  max-width: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-bottom {
  padding: 0 5rem 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  p {
    margin: 0;
  }
}

.trainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 1350px) {
  .partners-logo-cont {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
  }
  .partners-background {
    height: 60px;
  }
  .about {
    flex-direction: column;
    align-items: center;
  }
  .about-descr-cont a {
    max-width: 270px;
    width: 100%;
    display: flex;
  }
  .about-descr-cont button {
    width: 100%;
  }

  .about-img-cont img {
    max-width: none;
    width: 100%;
  }

  @media screen and (max-width: 1289px) {
    .mission {
      gap: 4rem;
      flex-direction: column;
    }

    .front-img-cont {
      padding-right: initial;
    }

    .cross-stroke2,
    .cross-stroke1 {
      display: none;
    }

    .mission-topic {
      flex-direction: row;
    }

    .mission img {
      width: 40vw;
    }
    .trainers-descrp {
      max-width: 100%;
      text-align: center;
    }
    .trainers-front {
      flex-direction: column-reverse;
      height: initial;
    }

    @media screen and (max-width: 1200px) {
      .local-chapters-hero {
        flex-direction: column-reverse;
        text-align: center;
      }
      .committee-front {
        height: initial;
        padding: 6rem 5rem 5rem;
        > :nth-child(2) {
          flex: 70%;
        }
      }

      .committee-front div h1 {
        font-size: 6vw;
      }
      .committee-front div p {
        font-size: 1.5vw;
      }

      @media screen and (max-width: 1150px) {
        .news-cards-cont {
          grid-template: auto / 1fr 1fr;
        }
        @media screen and (max-width: 1100px) {
          .testim-cont {
            grid-template-columns: 1fr 1fr;
          }
          .main-story-cont h1 {
            background-size: 50%;
          }
          .story-topic-cont {
            display: grid;
          }
          .stats h1 {
            font-size: 10vw;
          }
          .stats h2,
          .stats i {
            font-size: 1.2rem;
          }
          @media screen and (max-width: 1067px) {
            .cross-stroke2,
            .cross-stroke1 {
              display: initial;
            }
            .rectangle {
              display: none;
            }
            .navigation {
              margin-bottom: 0;
            }
            .ripple-circles-cont {
              width: 60%;
            }
            .about {
              gap: 3rem;
            }
            .mission-emoji img {
              max-width: 40px;
            }
            .mission-cont {
              grid-template: auto auto auto / 1fr;
            }
            .missions:nth-child(1) {
              grid-area: 1 / 1;
            }
            .missions:nth-child(2) {
              grid-area: 2 / 1;
            }
            .missions:nth-child(3) {
              grid-area: 3 / 1;
            }
            .about-descr-cont h1 {
              font-size: 2.5rem;
              text-align: center;
            }
            .about-descr-cont h1 {
              text-align: center;
            }
            .about-descr-cont a {
              margin: auto;
              max-width: 310px;
            }
            .rec-shape {
              display: initial;
            }
            .front-page {
              flex-direction: column-reverse;
              justify-content: center;
              align-items: center;
              gap: 3rem;
            }
            .front-descr-cont {
              text-align: center;
              padding-top: 0;
              max-width: 100%;
            }
            .front-img-cont {
              position: initial;
              max-width: initial;
            }

            .cross-fill {
              top: 100px;
              left: 50px;
              max-width: 12%;
            }

            .cross-stroke1 {
              width: 9%;
              right: 12%;
              top: -9%;
            }

            .cross-stroke2 {
              width: 17%;
              left: 0;
            }

            .front-descr-cont h1 {
              line-height: 1.3;
              font-size: 4rem;
            }
            .moto-descr-cont p {
              font-size: 1.2rem;
            }
            .front-btn-cont button {
              padding: 1rem 4rem;
              font-size: 1.2rem;
            }

            .front-certificate-btn {
              font-size: 1.2rem;
              justify-content: center;
            }

            .front-btn-cont {
              justify-content: center;
            }

            .rec-shape {
              position: absolute;
              width: 10%;
              right: 0;
              top: 75%;
              opacity: 0.7;
            }

            .navigation-checkbox:checked ~ .navigation-nav {
              .navigation-list {
                right: -9%;
                font-size: 1.2rem;
              }
            }
            .navigation-link:link,
            .navigation-link:visited {
              font-size: 1.2rem;
            }
            @media screen and (max-width: 1160px) {
              .front-descr-cont h1 {
                font-size: 3.2rem;
              }
              .moto-descr-cont p {
                font-size: 1rem;
              }
              .front-btn-cont button {
                padding: 10px 2rem;
              }
              .front-certificate-btn {
                font-size: 15px;
              }
              .front-img-cont {
                position: relative;
              }
              .front-page {
                gap: 10vw;
              }

              @media screen and (max-width: 1058px) {
                .front-img-cont {
                  padding-right: 0;
                }
                .footer-child-cont {
                  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
                  padding-bottom: 4rem;
                }
                @media screen and (max-width: 900px) {
                  .committee-about {
                    flex-direction: column;
                  }
                  .committee-front {
                    flex-direction: column-reverse;
                    text-align: center;
                    align-items: center;
                    gap: 3rem;
                    div {
                      h1 {
                        font-size: 4rem;
                        margin-bottom: 1rem;
                      }
                      p {
                        font-size: 1rem;
                      }
                    }
                  }

                  .counter > :nth-child(5) {
                    flex-basis: 100%;
                    margin-top: 3rem;
                  }
                  .gmap-cont {
                    padding: 50rem 0 5rem;
                  }
                  .contact {
                    flex-direction: column;
                  }
                  .contact-info-cont div h1 {
                    font-size: 9vw;
                  }
                  .main-story-cont p {
                    font-size: 1.2rem !important;
                    margin-bottom: 6vw;
                  }
                  .main-story-cont h1 {
                    font-size: 9vw;
                  }

                  .contact-form form {
                    grid-template-columns: repeat(
                      auto-fill,
                      minmax(200px, 1fr)
                    );
                  }
                  @media screen and (max-width: 850px) {
                    .swiper-slide {
                      padding: 40px;
                    }
                    .scora .the-committee-front > :nth-child(2),
                    .scoph .the-committee-front > :nth-child(2),
                    .scome .the-committee-front > :nth-child(2),
                    .score .the-committee-front > :nth-child(2) {
                      margin: 0 !important;
                    }
                    @media screen and (max-width: 800px) {
                      .committee-achievements .swiper-slide {
                        padding: 40px 50px;
                        text-align: center;
                      }
                      .swiper-slide .text {
                        flex-direction: column;
                      }
                      .committee-history {
                        flex-direction: column;
                        gap: 2rem;
                        > :nth-child(2) {
                          flex-direction: column;
                        }
                      }
                      .committee-objectives {
                        flex-direction: column;
                      }
                      .committee-objectives::before {
                        width: 70%;
                      }
                      .emsa-lc-body {
                        text-align: center;
                        img {
                          margin: 0 0 20px;
                        }
                      }
                      .news-cards-cont {
                        grid-template: auto / 1fr;
                      }
                      .news-header h1 {
                        font-size: 2rem !important;
                      }
                      @media screen and (max-width: 720px) {
                        #executives .team-header {
                          margin: 0 2rem;
                        }
                        .scome .committee-achievements,
                        .score .committee-achievements {
                          padding: 0 2rem 2rem;
                        }
                        .trainers-pool-cont {
                          padding: 5rem 2rem;
                        }
                        #executives {
                          padding: 5rem 0 2rem !important;
                          margin: 0 -2rem !important;
                        }
                        .news {
                          padding: 100px 2rem;
                        }
                        .trainers-front {
                          padding: 5rem 2rem;
                        }
                        .join-us-cont {
                          padding: 7rem 2rem 5rem !important;
                        }
                        .scome .committee-achievements {
                          padding: 0 2rem 2rem;
                        }
                        .committee-objectives {
                          padding: 10rem 2rem 5rem;
                        }
                        .objectives {
                          flex-direction: column;
                        }
                        .home .navigation {
                          margin: 0 -2rem !important;
                        }
                        .footer {
                          margin: 15rem 0 -2rem;
                        }
                        .join-us-cont .footer,
                        .our-story-cont .footer {
                          margin: 0 0 -5rem;
                          width: inherit;
                        }
                        .home .footer {
                          margin: 15rem 0 -100px;
                        }
                        .the-committee .navigation,
                        .committee .navigation,
                        .trainers .navigation,
                        .news-cont .navigation {
                          margin: 0 0rem !important;
                        }
                        .our-story-cont .footer-child-cont {
                          margin: 0 -2rem -2rem;
                          width: inherit;
                        }
                        .our-story-cont .navigation {
                          margin: 0 -2rem !important;
                        }
                        .join-us-cont .navigation {
                          margin: 0 -2rem !important;
                        }
                        .home {
                          padding: 100px 2rem;
                        }
                        .navigation {
                          margin: 0 -2rem !important;
                          padding: 0 2rem;
                        }
                        .partners {
                          padding: 5rem 0 10rem;
                          margin: 0 -2rem;
                        }
                        .contact {
                          margin: 0 -2rem;
                        }
                        .contact-form {
                          padding: 2rem 2rem 0;
                        }
                        .the-committee-front > :nth-child(1),
                        .the-committee-front > :nth-child(2) {
                          margin: 0 2rem;
                        }
                        .the-committee-front {
                          padding: 6rem 2rem;
                        }
                        .committee-about {
                          padding: 5rem 2rem;
                        }
                        .committees-cont {
                          padding: 10rem 2rem;
                        }
                        .committee-front {
                          padding: 6rem 2rem;
                          p {
                            font-size: 1rem;
                          }
                          h1 {
                            font-size: 4rem;
                            margin-bottom: 1.5rem;
                          }
                        }
                        .story-cont > :nth-child(1),
                        .story-cont > :nth-child(2) {
                          grid-column: 1 / 3;
                        }
                        .counter {
                          padding: 7rem 2rem;
                          margin: 5rem -2rem;
                        }
                        .our-story-cont {
                          padding: 100px 2rem 5rem;
                        }
                        .testim-cont {
                          grid-template-columns: 1fr;
                        }
                        .story-cont {
                          text-align: center;
                        }
                        .story-moto {
                          margin-bottom: 5vw;
                        }

                        .story-cont p:nth-child(1) {
                          grid-area: 1 / 1 / 2 / 3;
                        }
                        .story-cont p:nth-child(2) {
                          grid-area: 2 / 1 / 3 / 3;
                        }
                        .story-cont img {
                          grid-area: 3 / 1 / 4 / 3;
                        }
                        .story-topic-cont {
                          grid-area: 4 / 1 / 5 / 3;
                        }
                        .our-story img:nth-child(1) {
                          border-radius: 15px;
                        }
                        .cross-stroke2 {
                          left: -4%;
                          top: initial;
                          bottom: 0;
                          width: 25%;
                        }
                        .footer-child-cont {
                          grid-template: repeat(4, auto) / repeat(1, 1fr);
                          text-align: center;
                          align-items: center;
                          justify-items: center;
                          gap: 4rem;
                        }
                        .footer-childs > *:not(h1) {
                          align-items: center;
                          justify-content: center;
                          font-size: 1.1rem;
                        }
                        .partners-logo-cont {
                          grid-template: repeat(3, 1fr) / repeat(2, 1fr);
                        }
                        .mission-topic {
                          gap: 5vw;
                        }
                        .mission img {
                          width: 30vw;
                          align-self: center;
                        }
                        .ripple-circles-cont {
                          width: 90%;
                        }

                        @media screen and (max-width: 623px) {
                          .committee-about {
                            gap: 1rem;
                            h1 {
                              font-size: 3rem;
                            }
                            div {
                              flex-direction: column;
                              gap: 0;
                              > :nth-child(1) {
                                margin-bottom: 2rem;
                              }
                              > :nth-child(2) {
                                border-top: 1px solid #00000047;
                                padding-top: 2rem;
                              }
                            }
                          }
                          .counter {
                            flex-wrap: wrap;
                          }
                          .counter > :nth-child(4) {
                            display: none;
                          }
                          .counter > :nth-child(5) {
                            flex-basis: 100%;
                            margin-top: 3rem;
                          }
                          .stats h2,
                          .stats i {
                            font-size: 1rem;
                          }

                          .loader img {
                            width: 20%;
                          }
                          .ethio-med-img {
                            display: none;
                          }
                          .front-btn-cont {
                            flex-direction: column;
                          }
                          .front-btn-cont a {
                            max-width: 320px;
                            width: 100%;
                          }
                          .front-btn-cont button {
                            padding: 1rem 0;
                            width: 100%;
                          }
                          .ripple-circles-cont > * {
                            border-width: 25px !important;
                          }
                          .navigation-list {
                            right: -20vw;
                          }
                          @media screen and (max-width: 500px) {
                            .swiper-slide {
                              padding: 20px;
                            }

                            @media screen and (max-width: 450px) {
                              .partners-logo-cont img {
                                max-width: 30vw;
                              }
                              .team h1 {
                                font-size: 3.5rem;
                              }
                              .committee-front div h1 {
                                font-size: 3rem;
                              }
                              #executives .team-header {
                                font-size: 2.5rem;
                              }
                              @media screen and (max-width: 425px) {
                                .the-committee-front {
                                  height: initial;
                                }
                                .committees-list {
                                  grid-template-columns: repeat(
                                    auto-fill,
                                    minmax(270px, 1fr)
                                  );
                                }
                                .counter {
                                  gap: 3rem;
                                }
                                .stats h2,
                                .stats i {
                                  font-size: 1.4rem;
                                }
                                .stats h1 {
                                  font-size: 4rem;
                                }
                                .stats {
                                  flex-basis: 100%;
                                  margin-top: 0 !important;
                                }
                                .interceptor {
                                  display: none;
                                }
                                .footer-child-cont {
                                  padding: 4rem 1rem;
                                }
                                .mission-main h1 {
                                  font-size: 1.4rem;
                                }
                                .front-descr-cont h1 {
                                  font-size: 3rem;
                                }
                                .navigation-checkbox:checked ~ .navigation-nav {
                                  .navigation-list {
                                    right: -30%;
                                    top: 51%;
                                  }
                                }
                                .navigation-link:link,
                                .navigation-link:visited {
                                  font-size: 1rem;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}