/* screen - about-all-breakpoints */

.about-all-breakpoints {
  align-items: flex-start;
  background-color: var(--licorice);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 1920px;
}

.about-all-breakpoints .overlap-group3 {
  height: 1700px;
  margin-left: -312px;
  position: relative;
  width: 2650px;
}

.about-all-breakpoints .overlap-group1-1 {
  height: 766px;
  left: 0;
  position: absolute;
  top: 981px;
  width: 2658px;
}

.about-all-breakpoints .frame-91 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 1242px;
  position: absolute;
  top: 107px;
  width: 778px;
}

.about-all-breakpoints .hapkido-philosophy-2 {
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-all-breakpoints .frame-90 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 750px;
}

.about-all-breakpoints .frame-5 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 750px;
}

.about-all-breakpoints .frame-6 {
  height: 30px;
  position: relative;
  width: 30px;
}

.about-all-breakpoints .the {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 710px;
}

.about-all-breakpoints .group-container-1 {
  height: 766px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2658px;
}

.about-all-breakpoints .group-1116601229 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  height: 80px;
  left: 0;
  min-width: 2658px;
  position: absolute;
  top: 662px;
}

.about-all-breakpoints .hapkido-philosophy-1 {
  height: 80px;
  min-width: 642px;
  opacity: 0.1;
}

.about-all-breakpoints .hapkido-philosophy-3 {
  height: 80px;
  min-width: 653px;
  opacity: 0.1;
}

.about-all-breakpoints .hapkido-philosophy-4 {
  height: 80px;
  opacity: 0.1;
}

.about-all-breakpoints .group-1000003773-1 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 766px;
  left: 552px;
  min-width: 616px;
  position: absolute;
  top: 0;
}

.about-all-breakpoints .rectangle-7-1 {
  height: 650px;
  width: 300px;
}

.about-all-breakpoints .group-1116601231 {
  height: 467px;
  left: 1932px;
  position: absolute;
  top: 675px;
  width: 300px;
}

.about-all-breakpoints .frame-104 {
  align-items: flex-start;
  display: flex;
  height: 861px;
  left: 312px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.about-all-breakpoints .frame-3-1 {
  align-items: flex-start;
  background-image: url(../img/frame-3-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 861px;
  width: 1920px;
}

.about-all-breakpoints .overlap-group-3 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(21.25, 21.25, 21.25) 13.78%, rgba(0, 0, 0, 0) 57.3%);
  display: flex;
  flex-direction: column;
  min-height: 861px;
  width: 1920px;
}

.about-all-breakpoints .frame-12 {
  height: 40px;
  margin-left: 240px;
  margin-top: 60px;
  width: 255px;
}

.about-all-breakpoints .overlap-group1-2 {
  height: 340px;
  margin-left: 169px;
  margin-top: 131px;
  position: relative;
  width: 861px;
}

.about-all-breakpoints .group-1171275742 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  left: 71px;
  min-height: 292px;
  position: absolute;
  top: 48px;
  width: 790px;
}

.about-all-breakpoints .frame-7 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

.about-all-breakpoints .title-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 790px;
}

.about-all-breakpoints .at-won-moo-hapkido-f-1 {
  letter-spacing: 0;
  line-height: 35px;
  position: relative;
  width: 727px;
}

.about-all-breakpoints .frame-87-1 {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  position: relative;
}

.about-all-breakpoints .frame-14 {
  height: 28px;
  position: relative;
  width: 28px;
}

.about-all-breakpoints .about-us-2 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .ellipse-1-1 {
  background-color: var(--akaroa);
  border-radius: 71.5px;
  filter: blur(253.4px);;
  height: 143px;
  left: 0;
  position: absolute;
  top: 0;
  width: 143px;
}

.about-all-breakpoints .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 302px;
  margin-top: 63px;
  min-width: 1216px;
}

.about-all-breakpoints .mask-group {
  height: 227px;
  width: 403px;
}

.about-all-breakpoints .frame-12-1 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--heavy-metal-2);
  border: 1px solid;
  border-color: var(--white-2);
  border-radius: 103px;
  display: flex;
  height: 68px;
  justify-content: flex-end;
  margin-top: 19.0px;
  min-width: 511px;
  padding: 0 17px;
}

.about-all-breakpoints .place-2 {
  line-height: 24px;
}

.about-all-breakpoints .about-1 {
  line-height: 24px;
}

.about-all-breakpoints .services-1 {
  line-height: 24px;
}

.about-all-breakpoints .gallery-1 {
  cursor: pointer;
  line-height: 24px;
}

.about-all-breakpoints .place-3 {
  line-height: 24px;
}

.about-all-breakpoints .group-1116601233 {
  align-items: center;
  background-color: var(--alto);
  display: flex;
  height: 404px;
  margin-top: 120px;
  min-width: 1920px;
  padding: 60px 240px;
}

.about-all-breakpoints .frame-8 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.about-all-breakpoints .there-are-three-basi-1 {
  color: var(--sand-dune-2);
  font-family: var(--font-family-playfair_display);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-all-breakpoints .frame-9 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 15px;
  position: relative;
}

.about-all-breakpoints .group-1116601232-1 {
  height: 50px;
  position: relative;
  width: 52px;
}

.about-all-breakpoints .overlap-group-2 {
  border-radius: 25px;
  height: 50px;
  position: relative;
  width: 50px;
}

.about-all-breakpoints .ellipse-11-1 {
  background-color: var(--sand-dune);
  border-radius: 25px;
  height: 50px;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 50px;
}

.about-all-breakpoints .number-3 {
  height: 35px;
  left: 18px;
  top: 7px;
  width: 14px;
}

.about-all-breakpoints .non-resistance-meet-1 {
  letter-spacing: 0;
  line-height: 35px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .number-4 {
  height: 30px;
  left: 17px;
  top: 10px;
  white-space: nowrap;
}

.about-all-breakpoints .circular-motion-cou-1 {
  letter-spacing: 0;
  line-height: 35px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .number-5 {
  height: 30px;
  left: 16px;
  top: 10px;
  white-space: nowrap;
}

.about-all-breakpoints .the-water-principle-2 {
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .overlap-group5 {
  height: 1852px;
  margin-top: 120px;
  position: relative;
  width: 1920px;
}

.about-all-breakpoints .vector {
  height: 215px;
  left: 0;
  position: absolute;
  top: 615px;
  width: 139px;
}

.about-all-breakpoints .vector-1 {
  height: 215px;
  left: 1774px;
  position: absolute;
  top: 110px;
  width: 146px;
}

.about-all-breakpoints .overlap-group4 {
  height: 1852px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.about-all-breakpoints .ellipse-15 {
  left: 54px;
  top: 54px;
}

.about-all-breakpoints .ellipse-16 {
  left: 1516px;
  top: 1385px;
}

.about-all-breakpoints .frame-103 {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  left: 240px;
  position: absolute;
  top: 0;
}

.about-all-breakpoints .frame-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  position: relative;
}

.about-all-breakpoints .rectangle-36-1 {
  height: 755px;
  position: relative;
  width: 720px;
}

.about-all-breakpoints .frame-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 670px;
}

.about-all-breakpoints .non-resistance-is-a-1 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 630px;
}

.about-all-breakpoints .the-same-circle-whic-1 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 630px;
}

.about-all-breakpoints .the-circular-method-1 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 630px;
}

.about-all-breakpoints .the-hapkido-practiti-1 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 630px;
}

.about-all-breakpoints .the-water-principle-3 {
  margin-top: -1.00px;
  width: 630px;
}

.about-all-breakpoints .rectangle-37 {
  height: 665px;
  position: relative;
  width: 720px;
}

.about-all-breakpoints .group-1171275355 {
  align-items: flex-end;
  background-image: url(../img/rectangle-27-6.svg);
  background-size: 100% 100%;
  display: flex;
  height: 312px;
  justify-content: flex-end;
  left: 0;
  min-width: 1920px;
  padding: 0.2px 9px;
  position: absolute;
  top: 1540px;
}

.about-all-breakpoints .group-container-2 {
  height: 250px;
  position: relative;
  width: 1900px;
}

.about-all-breakpoints .frame-15 {
  height: 46px;
  margin-left: 1.0px;
  width: 298px;
}

.about-all-breakpoints .place-4 {
  line-height: 35px;
}

.about-all-breakpoints .about-2 {
  line-height: 35px;
}

.about-all-breakpoints .services-2 {
  line-height: 35px;
}

.about-all-breakpoints .gallery-2 {
  line-height: 35px;
}

.about-all-breakpoints .place-5 {
  line-height: 35px;
}

.about-all-breakpoints .group-1116601227 {
  background-image: url(../img/line-4-13.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  margin-top: -1px;
  width: 1444px;
}

.about-all-breakpoints .phone-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  min-height: 24px;
  min-width: 140px;
  position: relative;
  white-space: nowrap;
}

.about-all-breakpoints .rahapkidogmailcom-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  min-height: 24px;
  min-width: 210px;
  position: relative;
  white-space: nowrap;
}

.about-all-breakpoints .mask-group-1 {
  left: 0;
  width: 297px;
}

.about-all-breakpoints .mask-group-2 {
  left: 1621px;
  width: 279px;
}

.about-all-breakpoints .copyright {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 19.0px;
  margin-top: 951px;
  min-height: 24px;
  min-width: 147px;
  white-space: nowrap;
}

.about-all-breakpoints .about {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .ellipse {
  background-color: var(--alto-2);
  border-radius: 163.5px;
  filter: blur(667px);;
  height: 327px;
  position: absolute;
  width: 327px;
}

.about-all-breakpoints .gallery {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .hapkido-philosophy {
  letter-spacing: 0;
  line-height: normal;
}

.about-all-breakpoints .mask-group-3 {
  height: 250px;
  position: absolute;
  top: 0;
}

.about-all-breakpoints .number {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}

.about-all-breakpoints .place {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .services {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-all-breakpoints .the-water-principle {
  letter-spacing: 0;
  line-height: 35px;
  position: relative;
}
/* screen - about-us */

.about-us {
  align-items: flex-start;
  background-color: var(--licorice);
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 3577px;
  width: 375px;
}

.about-us .frame-131 {
  background-image: url(../img/frame-131-2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 634px;
  overflow: hidden;
  position: relative;
  width: 375px;
}

.about-us .overlap-group-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white-3);
  border-radius: 2.67px;
  display: flex;
  height: 11px;
  min-width: 22px;
  padding: 1px 1.0px;
}

.about-us .group-container {
  height: 584px;
  left: 0;
  position: absolute;
  width: 375px;
}

.about-us .overlap-group1 {
  height: 584px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.about-us .rectangle-1 {
  background: linear-gradient(146deg, rgb(21.25, 21.25, 21.25) 31.19%, rgba(0, 0, 0, 0) 100%);
  height: 460px;
  left: -104px;
  position: absolute;
  top: 113px;
  transform: rotate(90.00deg);
  width: 584px;
}

.about-us .rectangle-2 {
  background: linear-gradient(151deg, rgba(0, 0, 0, 0) 68%, rgb(21.25, 21.25, 21.25) 97.21%);
  height: 475px;
  left: -104px;
  position: absolute;
  top: 105px;
  transform: rotate(90deg);
  width: 584px;
}

.about-us .frame-134 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
  left: 27px;
  position: absolute;
  top: 96px;
}

.about-us .title {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 262px;
}

.about-us .at-won-moo-hapkido-f {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 321px;
}

.about-us .frame-87 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  position: relative;
}

.about-us .frame {
  height: 18px;
  position: relative;
  width: 18px;
}

.about-us .frame-2 {
  height: 20px;
  position: relative;
  width: 20px;
}

.about-us .about-us-1 {
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-us .ellipse-1 {
  background-color: var(--akaroa);
  border-radius: 30px;
  filter: blur(153.4px);;
  height: 60px;
  left: 31px;
  position: absolute;
  top: 73px;
  width: 60px;
}

.about-us .frame-3 {
  height: 18px;
  margin-top: 1px;
  width: 113px;
}

.about-us .group-1171275310 {
  background-image: url(../img/vuesax-bold-textalign-justifycenter-3.svg);
  background-size: 100% 100%;
  height: 20px;
  width: 20px;
}

.about-us .frame-172 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.about-us .frame-171 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.about-us .frame-170 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.about-us .group-1171275316 {
  height: 364px;
  position: relative;
  width: 344px;
}

.about-us .group-1000003773 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 364px;
  min-width: 344px;
}

.about-us .frame-16 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.about-us .hapkido-philosophy {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .frame-16-1 {
  align-items: flex-start;
  gap: 8px;
}

.about-us .frame-13 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 345px;
}

.about-us .the-word-hap-ki-do {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .the-word-hap-ki-do-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .group-1171275324 {
  background-color: var(--alto);
  height: 279px;
  position: relative;
  width: 375px;
}

.about-us .frame-163 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  left: 15px;
  position: relative;
  top: 25px;
}

.about-us .frame-160 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.about-us .there-are-three-basi {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 321px;
}

.about-us .frame-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.about-us .group-1116601232 {
  height: 30px;
  position: relative;
  width: 32px;
}

.about-us .overlap-group {
  border-radius: 15px;
  height: 30px;
  position: relative;
  width: 30px;
}

.about-us .ellipse-11 {
  background-color: var(--sand-dune);
  border-radius: 15px;
  height: 30px;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 30px;
}

.about-us .number {
  height: 17px;
  left: 12px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 6px;
}

.about-us .non-resistance-meet {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 305px;
}

.about-us .frame-161 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.about-us .number-1 {
  left: 11px;
}

.about-us .circular-motion-cou {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 305px;
}

.about-us .number-2 {
  left: 10px;
}

.about-us .the-water-principle {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 305px;
}

.about-us .frame-167 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.about-us .frame-16-2 {
  align-items: flex-end;
  gap: 20px;
}

.about-us .rectangle-36 {
  height: 363px;
  position: relative;
  width: 346px;
}

.about-us .non-resistance-is-a {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .the-same-circle-whic {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .the-circular-method {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .the-hapkido-practiti {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .the-water-principle-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 317px;
}

.about-us .group-1171275356 {
  background-image: url(../img/rectangle-27-7.svg);
  background-size: 100% 100%;
  height: 200px;
  position: relative;
  width: 375px;
}

.about-us .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 15px;
  min-height: 146px;
  position: relative;
  top: 40px;
  width: 345px;
}

.about-us .frame-4 {
  height: 28px;
  width: 175px;
}

.about-us .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .about {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .services {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .gallery {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .place-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.about-us .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 99px;
  margin-top: 8px;
  min-width: 345px;
}

.about-us .phone {
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  min-width: 94px;
}

.about-us .rahapkidogmailcom {
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.about-us .frame-16-3 {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.about-us .number-3 {
  height: 17px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 6px;
}
@media screen and (max-width: 1919px) {
  .screen.about-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.about-us { 
    display: none;
   }
}