/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1632px;
  width: 991px;
}

.index .overlap-group {
  align-items: flex-start;
  background-image: url(../img/rectangle-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1226px;
  justify-content: flex-end;
  margin-top: -133px;
  min-width: 991px;
  padding: 242px 65px;
}

.index .group-142-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 187px;
  width: 858px;
}

.index .cesars-knives-2 {
  color: var(--vista-white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 300;
  height: 47px;
  letter-spacing: 31.20px;
  line-height: 47.0px;
  margin-left: -3px;
  text-align: center;
  white-space: nowrap;
  width: 759px;
}

.index .title-2 {
  color: var(--vista-white);
  font-family: var(--font-family-poppins);
  font-size: 128px;
  font-weight: 700;
  height: 125px;
  letter-spacing: 0;
  line-height: 125.4px;
  margin-left: -4px;
  text-align: center;
  white-space: nowrap;
  width: 854px;
}

.index .screenshot-2025-03-28-at-143118-1-2 {
  height: 191px;
  margin-right: 8.0px;
  margin-top: 59px;
  object-fit: cover;
  width: 211px;
}

.index .meanwhile-find-me-here-2 {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 200;
  letter-spacing: 4.40px;
  line-height: 15.4px;
  margin-right: 7.0px;
  margin-top: 59px;
  min-height: 27px;
  width: 362px;
}

.index .instagram-1 {
  cursor: pointer;
  height: 48px;
  margin-right: 7.0px;
  margin-top: 41px;
  width: 48px;
}
/* screen - mobile */

.mobile {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 900px;
  overflow: hidden;
  width: 430px;
}

.mobile .overlap-group1 {
  align-self: flex-start;
  background-image: url(../img/rectangle-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 552px;
  margin-top: -67px;
  position: relative;
  width: 478px;
}

.mobile .group-141-1 {
  align-items: center;
  display: flex;
  height: 174px;
  justify-content: center;
  left: 26px;
  position: absolute;
  top: 146px;
  width: 378px;
}

.mobile .group-125-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 2px;
  width: 380px;
}

.mobile .title-1 {
  color: var(--vista-white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 173.96px;
  letter-spacing: 0;
  line-height: 62.7px;
  margin-left: -2px;
  text-align: center;
  width: 378px;
}

.mobile .cesars-knives-1 {
  color: var(--vista-white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-weight: 300;
  left: 26px;
  letter-spacing: 13.00px;
  line-height: 19.6px;
  position: absolute;
  text-align: center;
  top: 121px;
  width: 378px;
}

.mobile .screenshot-2025-03-28-at-143118-1-1 {
  height: 114px;
  margin-right: 0.06px;
  margin-top: 24px;
  object-fit: cover;
  width: 126px;
}

.mobile .meanwhile-find-me-here-1 {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-weight: 200;
  letter-spacing: 3.20px;
  line-height: 11.2px;
  margin-top: 23px;
  min-height: 27px;
  text-align: center;
  width: 362px;
}

.mobile .instagram {
  cursor: pointer;
  height: 48px;
  margin-top: 1px;
  width: 48px;
}
/* screen - webb */

.webb {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  gap: 78px;
  width: 1512px;
}

.webb .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 85px;
  margin-top: 43px;
  min-height: 539px;
  width: 517px;
}

.webb .ellipse-container {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  min-width: 121px;
}

.webb .ellipse-1 {
  background-color: #ed6e03;
  border-radius: 13.5px;
  height: 27px;
  width: 27px;
}

.webb .ellipse {
  background-color: #d9d9d9;
  border-radius: 13.5px;
  height: 27px;
  width: 27px;
}

.webb .screenshot-2025-03-28-at-143118-1 {
  align-self: center;
  height: 191px;
  margin-right: 32.0px;
  margin-top: 75px;
  object-fit: cover;
  width: 211px;
}

.webb .group-142 {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: 194px;
  margin-top: 20px;
  width: 498px;
}

.webb .cesars-knives {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 300;
  height: 29px;
  letter-spacing: 19.50px;
  line-height: 29.4px;
  margin-left: 5px;
  white-space: nowrap;
  width: 474px;
}

.webb .group-141 {
  display: flex;
  width: 496px;
}

.webb .group-125 {
  display: flex;
  width: 498px;
}

.webb .title {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  height: 148px;
  letter-spacing: 0;
  line-height: 70.6px;
  width: 496px;
}

.webb .meanwhile-find-me-here {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 200;
  letter-spacing: 4.40px;
  line-height: 15.4px;
  margin-left: 35px;
  margin-top: 5px;
  min-height: 27px;
  width: 362px;
}

.webb .rectangle-1 {
  height: 982px;
  object-fit: cover;
  width: 832px;
}
@media screen and (max-width: 990px) {
  .screen.webb { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 991px) and (max-width: 1511px) {
  .screen.webb { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1512px) {
  .screen.mobile { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}