/* screen - 404-mobile-all-breakpoints */

.x404-mobile-all-breakpoints {
  align-items: flex-start;
  background-color: var(--wwwapplecomwhite);
  max-width: 959px;
  min-width: 375px;
}

.x404-mobile-all-breakpoints .header2-1 {
  align-items: center;
  align-self: stretch;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .container-7 {
  align-items: center;
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  justify-content: center;
  padding: 0px 30px;
  width: 100%;
}

.x404-mobile-all-breakpoints .no-animation-section-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .x404-1-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.x404-mobile-all-breakpoints .x404-1-1 {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  overflow-y: scroll;
  padding: 100px 0px;
  position: relative;
}

.x404-mobile-all-breakpoints .container-8 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 40px 24px;
  width: 100%;
}

.x404-mobile-all-breakpoints .heading-1-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 5px 4.67px 6.19px;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .text-210 {
  align-self: stretch;
  color: var(--licorice);
  font-family: var(--font-family-inter-bold);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2.24px;
  line-height: 39.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x404-mobile-all-breakpoints .text_label-1 {
  align-self: stretch;
  color: var(--licorice);
  font-family: var(--font-family-inter-regular);
  font-size: 15.9px;
  font-weight: 400;
  letter-spacing: 0.64px;
  line-height: 28.8px;
  position: relative;
  text-align: center;
}

.x404-mobile-all-breakpoints .container_button-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .button-index {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  border: 2px solid;
  border-color: var(--alto);
  border-radius: 54px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  max-height: 56px;
  max-width: 350px;
  padding: 20px 34px 20px 26px;
  position: relative;
}

.x404-mobile-all-breakpoints .background-1 {
  flex: 0 0 auto;
  min-height: 16px;
  min-width: 16px;
  position: relative;
}

.x404-mobile-all-breakpoints .top-1 {
  align-self: stretch;
  color: var(--licorice);
  cursor: pointer;
  flex: 1;
  font-family: var(--font-family-inter-bold);
  font-size: 11.8px;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 12px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x404-mobile-all-breakpoints .hover-image-1 {
  align-self: stretch;
  height: 250px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .text-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 250px;
  justify-content: center;
  margin-top: -250px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .heading {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: center;
  margin-top: -5.00px;
  width: 100%;
}

.x404-mobile-all-breakpoints .description {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.x404-mobile-all-breakpoints .text-211 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x404-mobile-all-breakpoints .button-contact-1 {
  display: inline-flex;
  margin-bottom: -5.00px;
}

.x404-mobile-all-breakpoints .arrow-2 {
  flex: 0 0 auto;
  margin-bottom: -11.00px;
  margin-top: -11.00px;
  min-height: 24px;
  min-width: 24px;
  position: relative;
}

.x404-mobile-all-breakpoints .text-8 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: -8.00px;
  margin-top: -8.00px;
  position: relative;
  width: 193px;
}

.x404-mobile-all-breakpoints .text-212 {
  letter-spacing: 1.08px;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x404-mobile-all-breakpoints .container-9 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  justify-content: center;
  width: 100%;
}

.x404-mobile-all-breakpoints .container-10 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
}

.x404-mobile-all-breakpoints .heading-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 100px;
  position: relative;
  width: 100%;
}

.x404-mobile-all-breakpoints .horizontal-border-1 {
  align-self: stretch;
  border-color: var(--wwwapplecomblack);
  border-top-style: solid;
  border-top-width: 3px;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.x404-mobile-all-breakpoints .container-item {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
}

.x404-mobile-all-breakpoints .text-213 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x404-mobile-all-breakpoints .button-contact-2 {
  display: flex;
  width: 275px;
}

.x404-mobile-all-breakpoints .text-9 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: -8.00px;
  margin-top: -8.00px;
  position: relative;
}

.x404-mobile-all-breakpoints .text-214 {
  cursor: pointer;
  letter-spacing: 1.08px;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x404-mobile-all-breakpoints .container-11 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 47px 30px;
}

.x404-mobile-all-breakpoints .text-21 {
  cursor: pointer;
  letter-spacing: 3.36px;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x404-mobile-all-breakpoints .container-12 {
  align-items: flex-start;
  flex-direction: column;
  gap: 29px;
  margin-right: -12.00px;
  width: 317px;
}

.x404-mobile-all-breakpoints .text-218 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.x404-mobile-all-breakpoints .phone-1 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.x404-mobile-all-breakpoints .text-219 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.x404-mobile-all-breakpoints .text-220 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.x404-mobile-all {
  display: flex;
  flex-direction: column;
  position: relative;
}

.x404-mobile-all-breakpoints .button-contact {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  border: 2px solid;
  border-color: var(--alto);
  border-radius: 54px;
  height: 60px;
  padding: 29px 32px 29px 26px;
  position: relative;
}

.x404-mobile-all-breakpoints .container {
  display: flex;
  position: relative;
}

.x404-mobile-all-breakpoints .container_link {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  min-width: 240px;
  position: relative;
}

.x404-mobile-all-breakpoints .cta {
  align-items: center;
  display: flex;
  position: relative;
}

.x404-mobile-all-breakpoints .link-index {
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}
/* screen - 404-pc */

.x404-pc {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  display: flex;
  flex-direction: column;
  max-width: 2560px;
  min-width: 960px;
  position: relative;
}

.x404-pc .header-section {
  gap: 10px;
}

.x404-pc .header-pc {
  box-shadow: 0px 4px 4px #00000040;
}

.x404-pc .link-index {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0px 35px;
  position: relative;
}

.x404-pc .page-link {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 32px;
  justify-content: flex-end;
  padding: 12px 32px;
  position: relative;
}

.x404-pc .text-19 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 20.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x404-pc .text-198 {
  color: var(--wwwapplecomwhite);
  cursor: pointer;
  font-weight: 600;
  line-height: 16.7px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x404-pc .under-section-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x404-pc .no-animation-section {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x404-pc .x404-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.x404-pc .x404-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--wwwapplecomwhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  padding: 80px 0px;
  position: relative;
  width: 100%;
}

.x404-pc .container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 528px;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.x404-pc .heading-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 158.41px 0px 158.39px;
  position: relative;
  width: 100%;
}

.x404-pc .text-199 {
  align-self: stretch;
  color: var(--licorice);
  font-family: var(--font-family-inter-bold);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 2.56px;
  line-height: 44.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x404-pc .container-1 {
  align-items: flex-start;
  flex: 0 0 auto;
  flex-direction: column;
  width: 580px;
}

.x404-pc .container-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 6px 4.45px 6.8px 4.44px;
  width: 100%;
}

.x404-pc .text_label {
  color: var(--licorice);
  font-family: var(--font-family-inter-regular);
  font-size: 15.8px;
  font-weight: 400;
  height: 70px;
  letter-spacing: 0.64px;
  line-height: 28.8px;
  margin-left: -4.44px;
  margin-right: -4.45px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 580px;
}

.x404-pc .container_button-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x404-pc .button {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  border: 2px solid;
  border-color: var(--alto);
  border-radius: 54px;
  display: flex;
  justify-content: space-between;
  max-height: 82px;
  padding: 29px 32px 29px 26px;
  position: relative;
  width: 380px;
}

.x404-pc .background {
  flex: 0 0 auto;
  min-height: 24px;
  min-width: 24px;
  position: relative;
}

.x404-pc .top {
  align-self: stretch;
  cursor: pointer;
  letter-spacing: 1.08px;
  line-height: 18px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
  width: 298px;
}

.x404-pc .parent-image {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x404-pc .hover-image {
  align-self: stretch;
  height: 420px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.x404-pc .text-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 420px;
  justify-content: center;
  margin-top: -420px;
  padding: 30px;
  position: relative;
  width: 100%;
}

.x404-pc .text-200 {
  letter-spacing: 0;
  line-height: 40.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x404-pc .button-contact {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  border: 2px solid;
  border-color: var(--alto);
  border-radius: 54px;
  display: flex;
  justify-content: space-between;
  margin-left: -60.00px;
  margin-right: -60.00px;
  max-height: 82px;
  padding: 29px 32px 29px 26px;
  position: relative;
  width: 380px;
}

.x404-pc .arrow {
  flex: 0 0 auto;
  min-height: 24px;
  min-width: 24px;
  position: relative;
}

.x404-pc .text {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 0px 73.3px 0px 73.28px;
  position: relative;
}

.x404-pc .text-20 {
  cursor: pointer;
  letter-spacing: 1.08px;
  line-height: 18px;
  margin-left: -17.79px;
  margin-right: -17.79px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x404-pc .cta {
  align-items: center;
  background-color: var(--wwwapplecomwhite);
  display: flex;
  flex-direction: column;
  height: 485px;
  margin-left: -32.00px;
  margin-right: -32.00px;
  max-width: 1440px;
  min-width: 1024px;
  padding: 80px 110px;
  position: relative;
  width: 100%;
}

.x404-pc .container-3 {
  align-items: flex-start;
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  justify-content: center;
  width: 100%;
}

.x404-pc .text-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.x404-pc .line {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x404-pc .horizontal-border {
  align-self: stretch;
  border-color: var(--wwwapplecomblack);
  border-top-style: solid;
  border-top-width: 3px;
  position: relative;
  width: 378.19px;
}

.x404-pc .text-202 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x404-pc .arrow-1 {
  flex: 0 0 auto;
  min-height: 24px;
  min-width: 24px;
  position: relative;
}

.x404-pc .footer-pc {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x404-pc .container-4 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
}

.x404-pc .container-5 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0px 0px;
  width: 100%;
}

.x404-pc .container-6 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  min-width: 240px;
  padding: 0px 0px 30px;
}

.x404-pc .container_link {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  min-width: 244px;
  padding: 5px 0px 30px 60px;
  position: relative;
}

.x404-pc .text-20-1 {
  cursor: pointer;
  letter-spacing: 3.36px;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x404-pc .text-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.x404-pc .text-207 {
  height: 23px;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 379px;
}

.x404-pc .text-5 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.x404-pc .phone {
  height: 23px;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 254px;
}

.x404-pc .text-6 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 418px;
}

.x404-pc .text-208 {
  flex: 1;
  height: 23px;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

.x404-pc .text-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x404-pc .text-209 {
  height: 23px;
  letter-spacing: 0.16px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 293px;
}

.x404-pc .container-7 {
  display: flex;
  position: relative;
}

.x404-pc .header {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x404-pc .no-animation-section-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 959px) {
  .screen.x404-pc { 
    display: none;
   }
}
@media screen and (min-width: 960px) {
  .screen.x404-mobile-all-breakpoints { 
    display: none;
   }
}