/* screen - index-1 */

.index-1 {
  align-items: flex-start;
  background-image: url("../img/index-8.png");
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 390px;
  padding: 0px 16px;
  position: relative;
}

.index-1 .frame-464 {
  flex-direction: column;
  padding: 40px 0px;
}

.index-1 .frame-4 {
  flex-direction: column;
}

.index-1 .title {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-1 .of-self-realization-fellowship {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index-1 .frame-463 {
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}

.index-1 .frame-46 {
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  padding: 40px 20px;
}

.index-1 .address {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.index-1 .frame-460 {
  gap: 16px;
}

.index-1 .name {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-1 .menu-button {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index-1 .button {
  align-items: center;
  background-color: var(--white);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 26px;
  position: relative;
}

.index-1 .label {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index-1 .yasodhara-yoga-center {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.index-1 .frame-460-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index-1 .address-1 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-1 .two-locations-to-serve-you {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-1 .frame {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
/* screen - index-2 */

.index-2 {
  align-items: flex-start;
  background-image: url("../img/index-9.png");
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 744px;
  padding: 0px 48px;
  position: relative;
}

.index-2 .frame-464-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.index-2 .frame-4-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 615px;
}

.index-2 .title-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 54px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-2 .of-self-realization-fellowship-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index-2 .frame-463-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index-2 .frame-46-1 {
  align-items: center;
  border-radius: 18px;
  gap: 10px;
  padding: 40px 20px;
}

.index-2 .frame-46-2 {
  align-items: flex-start;
  gap: 8px;
}

.index-2 .address-2 {
  align-self: stretch;
  text-decoration: underline;
}

.index-2 .frame-460-2 {
  gap: 16px;
}

.index-2 .name-1 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-2 .menu-button-1 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index-2 .button-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 26px;
  position: relative;
}

.index-2 .label-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index-2 .yasodhara-yoga-center-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.index-2 .address-3 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
}

.index-2 .two-locations-to-serve-you-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-2 .address {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-2 .frame-46 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index-2 .frame-460 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
/* screen - index-3 */

.index-3 {
  align-items: flex-start;
  background-image: url("../img/index-10.png");
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 1440px;
  padding: 0px 80px;
  position: relative;
}

.index-3 .frame-464-2 {
  align-self: stretch;
  gap: 280px;
  padding: 140px 0px;
  width: 100%;
}

.index-3 .frame-4-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index-3 .title-2 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 80px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-3 .of-self-realization-fellowship-2 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index-3 .frame-463-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index-3 .frame-46-3 {
  align-items: center;
  border-radius: 18px;
  flex: 1;
  flex-grow: 1;
  gap: 20px;
  padding: 40px 20px;
}

.index-3 .frame-46-4 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 8px;
  width: 100%;
}

.index-3 .address-4 {
  align-self: stretch;
  text-decoration: underline;
}

.index-3 .frame-460-4 {
  gap: 16px;
}

.index-3 .name-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-3 .button-2 {
  cursor: pointer;
}

.index-3 .label-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index-3 .yasodhara-yoga-center-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.index-3 .address-5 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
}

.index-3 .menu-button-3 {
  cursor: pointer;
}

.index-3 .frame-464-3 {
  width: 615px;
}

.index-3 .two-locations-to-serve-you-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-3 .address {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-3 .button {
  align-items: center;
  background-color: var(--white);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 26px;
  position: relative;
}

.index-3 .frame-46 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.index-3 .frame-460 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index-3 .frame-464 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index-3 .menu-button {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}
/* screen - index-4-all-breakpoints */

.index-4-all-breakpoints {
  align-items: flex-start;
  background-image: url("../img/index-11.png");
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 1648px;
  padding: 0px 80px;
  position: relative;
}

.index-4-all-breakpoints .frame-464-4 {
  align-self: stretch;
  gap: 310px;
  padding: 180px 0px;
  width: 100%;
}

.index-4-all-breakpoints .frame-4-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index-4-all-breakpoints .title-3 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 80px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-4-all-breakpoints .of-self-realization-fellowship-3 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-minuetw01-regular-regular);
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index-4-all-breakpoints .frame-463-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index-4-all-breakpoints .frame-46-5 {
  align-items: center;
  border-radius: 18px;
  flex: 1;
  flex-grow: 1;
  gap: 20px;
  padding: 40px 20px;
}

.index-4-all-breakpoints .frame-46-6 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 8px;
  width: 100%;
}

.index-4-all-breakpoints .address-6 {
  align-self: stretch;
  text-decoration: underline;
}

.index-4-all-breakpoints .frame-460-6 {
  gap: 16px;
}

.index-4-all-breakpoints .name-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-4-all-breakpoints .button-4 {
  cursor: pointer;
}

.index-4-all-breakpoints .label-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index-4-all-breakpoints .yasodhara-yoga-center-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.index-4-all-breakpoints .address-7 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
}

.index-4-all-breakpoints .menu-button-5 {
  cursor: pointer;
}

.index-4-all-breakpoints .frame-464-5 {
  width: 615px;
}

.index-4-all-breakpoints .two-locations-to-serve-you-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-4-all-breakpoints .address {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index-4-all-breakpoints .button {
  align-items: center;
  background-color: var(--white);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 26px;
  position: relative;
}

.index-4-all-breakpoints .frame-46 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.index-4-all-breakpoints .frame-460 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index-4-all-breakpoints .frame-464 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index-4-all-breakpoints .menu-button {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}
@media screen and (max-width: 743px) {
  .screen.index-2 { 
    display: none;
   }
  .screen.index-3 { 
    display: none;
   }
  .screen.index-4-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 744px) and (max-width: 1439px) {
  .screen.index-1 { 
    display: none;
   }
  .screen.index-3 { 
    display: none;
   }
  .screen.index-4-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1440px) and (max-width: 1647px) {
  .screen.index-1 { 
    display: none;
   }
  .screen.index-2 { 
    display: none;
   }
  .screen.index-4-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1648px) {
  .screen.index-1 { 
    display: none;
   }
  .screen.index-2 { 
    display: none;
   }
  .screen.index-3 { 
    display: none;
   }
}