@font-face {
  font-family: "Clash Display-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ClashDisplay_Complete/Fonts/OTF/ClashDisplay-Bold.otf");
}
@font-face {
  font-family: "Clash Display-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ClashDisplay_Complete/Fonts/OTF/ClashDisplay-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Clash Display-Semibold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ClashDisplay_Complete/Fonts/OTF/ClashDisplay-Semibold.otf") format("opentype");
}

.hidden, .hidden * {
  pointer-events: none;
  visibility: hidden;
}
body{
  margin: 0;
  padding: 0;
  
}
@media (min-width: 768px) {
  .artisan{
    font-family: "Clash Display-Bold";
    font-weight: 700;
    font-size: 2.3vw;
  }
  .the-new-way-to-work{
    font-family: "Clash Display-Medium";
    font-weight: 500;
    font-size: 0.96em;
  }
  .welcome-to-artisan-1 {
    font-family: "Clash Display-Bold";
    font-size: 1.03em;
    font-weight: 700;
  }
  .get-home-services-fr {
    font-family: "Clash Display-Bold";
    font-weight: 600;
    font-size: 5.5vw;
  }
  .clashdisplay-medium-blue-charcoal-16px {
    font-family: "Clash Display-Medium";
    font-size: 1.23em;
    font-weight: 500;
  }
  
  .clashdisplay-medium-trout-18px {
    font-family: "Clash Display-Medium";
    font-size: 1.1em;
    font-weight: 500;
  }
  
  .clashdisplay-medium-trout-20px {
    font-family: "Clash Display-Medium";
    font-size: 1.1em;
    font-weight: 500;
  }
  
  .clashdisplay-bold-black-40px {
    font-family: "Clash Display-Bold";
    font-size: 2.4em;
    font-weight: 700;
  }
  
  .clashdisplay-normal-white-40px {
    font-family: "Clash Display-Semibold";
    font-size: 1.8em;
    font-weight: 400;
  }
  
  .clashdisplay-medium-blue-charcoal-18px {
    font-family: "Clash Display-Medium";
    font-size: 1.3em;
    font-weight: 500;
  }
  
  .clashdisplay-medium-nevada-10px {
    font-family: "Clash Display-Medium";
    font-size: 0.6em;
    font-weight: 500;
  }
  .ellipse-170 {
    top: 12.97vw;
    left: 56.51vw;
  }
  
  .ellipse-169 {
    top: 6.74vw;
    left: 54.39vw;
  }
  .frame-7564 {
    margin-top: 34vh;
  }
  .i-phone-13-pro {
    top: 22.5vw;
  }
  .i-phone-13 {
    top: 50vw;
  }
  .frame-7567 {
    margin-top: 50vw;
  }
  .frame-7552 {
    gap: 11.43vw;
  }
  .frame-7543 {
    min-width: 25.98vw;
  }
  .emoji-waving-hand-sign {
    height: 1.29vw;
  }
  .frame-142 {
    height: 3.62vw;
  }
  #frame-7542 {
      padding: 1vw 2.93vw !important;
  }
}

/* small screens */
@media (max-width: 600px) {
  .artisan{
    font-family: "Clash Display-Semibold";
    font-weight: 300;
    font-size: 0.3vw;
  }
  .the-new-way-to-work{
    font-family: "Clash Display-Medium";
    font-weight: 200;
    font-size: 0.6em;
  }
  .welcome-to-artisan-1 {
    font-family: "Clash Display-bold";
    font-size: 0.43em;
    font-weight: 400;
  }
  #welcome-to-artisan-1 { 
    margin: -1vw 0;
  }
  .get-home-services-fr {
    font-family: "Clash Display-Bold";
    font-weight: 500;
    font-size: 3.5vw;
  }
  .clashdisplay-medium-blue-charcoal-16px {
    font-family: "Clash Display-Medium";
    font-size: 0.53em;
    font-weight: 400;
  }
  
  .clashdisplay-medium-trout-18px {
    font-family: "Clash Display-Medium";
    font-size: 0.39em;
    font-weight: 300;
  }
  
  .clashdisplay-medium-trout-20px {
    font-family: "Clash Display-Medium";
    font-size: 0.38em;
    font-weight: 300;
  }
  
  .clashdisplay-bold-black-40px {
    font-family: "Clash Display-Bold";
    font-size: 1em;
    font-weight: 500;
  }
  
  .clashdisplay-normal-white-40px {
    font-family: "Clash Display-Semibold";
    font-size: 1em;
    font-weight: 200;
  }
  
  .clashdisplay-medium-blue-charcoal-18px {
    font-family: "Clash Display-Medium";
    font-size: 0.39em;
    font-weight: 300;
  }
  
  .clashdisplay-medium-nevada-10px {
    font-family: "Clash Display-Medium";
    font-size: 0.17em;
    font-weight: 300;
  }
  .ellipse-170 {
    top: 19.97vw;
    left: 52.51vw;
  }
  
  .ellipse-169 {
    top: 14.54vw;
    left: 53.9vw;
  }
  .vector-59 {
    width: 8.07vw;
  }
  .frame-7564 {
    margin-top: 28vw;
  }
  .i-phone-13-pro {
    top: 27.5vw;
  }
  .i-phone-13 {
    top: 55.97vw;
  }
  .frame-7567 {
    margin-top: 45vw;
  }
  #frame-7543 {
    margin-left: -15vw;
  }
  #artisanlogo{
    font-family: "Clash Display-Bold";
    font-size: 0.9em;
    font-weight: 300;
    margin-left: -3vw;

  }
  .emoji-waving-hand-sign {
    height: 2.7vw;
  }
  #frame-7542 {
    margin-right: 3vw;
    padding: 1vw 2.93vw !important;
  }
  .secure-payment-system {
    margin-top: 5vw;
  }
  .frame-142 {
    margin-top: 5vw;
    height: 5.62vw;
  }
}



.desktop-1 {
  align-items: center;
  background-color: rgba(249, 249, 249, 1);
  border: 1px none;
  display: flex;
  flex-direction: column;
  max-height: 4700px;
  overflow: hidden;
  width: fit-content;
  max-width: 100vw;
}

.frame-7567 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4.86vw;
  margin-left: 0.06vw;
  position: relative;
  width: fit-content;
}

.frame-7579 {
  align-items: center;
  display: flex;
  gap: 50.25vw;
  left: 13.75vw;
  top: 15.93vw;
  position: absolute;
  width: fit-content;
}

.frame-7540 {
  align-items: flex-end;
  display: flex;
  gap: 0.69vw;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.frame-7580 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: fit-content;
  margin-bottom: -0.98em;
}

.letter-logo-2 {
  height: 3.65vw;
  min-width: 4.4vw;
  position: relative;
}

.artisan {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  background-clip: text;
  color: transparent;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 0.31em;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.the-new-way-to-work {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  background-clip: text;
  color: transparent;
  
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.frame-7543 {
  height: 2.45vw;
  position: relative;
}

.frame-7545 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
  left: 14.64vw;
  top: 30.56vw;
  position: absolute;
  width: 83.33vw;
}

.desktop-1 .frame-7549-3 {
  display: flex;
  flex-direction: column;
  gap: 1.23vw;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.frame-7549-2 {
  align-items: center;
}

.how-it-works {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.welcome-to-artisan {
  letter-spacing: 0;
  line-height: 1.7vw;
  /* margin-top: -1px; */
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.welcome-to-artisan-1 {
  color: rgba(0, 8, 20, 1);
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.emoji-waving-hand-sign {
  min-width: 1.35vw;
  position: relative;
}

.get-home-services-fr {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  background-clip: text;
  color: transparent;
  letter-spacing: 0;
  line-height: 8.43vw;
  margin-top: -1px;
  position: relative;
  text-fill-color: transparent;
  width: 87.22vw;
}

.frame-7544 {
  align-items: center;
  display: flex;
  position: relative;
  width: fit-content;
}

.frame-7560 {
  align-items: flex-start;
  display: flex;
  gap: 1.44vw;
  position: relative;
  width: fit-content;
  left:-2.5vw;
}

.frame-755 {
  height: 25.6vw;
  min-width: 22vw;
  position: relative;
}

.overlap-group-1 {
  height: 27.68vw;
  /* left: 5.39vw; */
  position: relative;
  width: 20.73vw;
}

.vector-59 {
  /* height: 3.37vw; */
  left: 24.08vw;
  position: absolute;
  top: 1vw;
}

.frame-7554 {
  -webkit-backdrop-filter: blur(4.17vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.17vw) brightness(100%);
  display: flex;
  background-color: rgba(255, 255, 255, 0.502);
  border: 1px solid;
  border-color: rgba(230, 230, 242, 1);
  border-radius: 0.69vw;
  gap: 0.27vw;
  height: 16.17vw;
  justify-content: center;
  left: 0;
  top: 3.12vw;
  overflow: hidden;
  padding: 0 1.07vw;
  position: absolute;
  width: 25vw;
}

.overlap-group5 {
  align-self: flex-start;
  height: 72.8vw;
  margin-left: -5.22vw;
  margin-top: -13.89vw;
  position: relative;
  width: 129.33vw;
}

.group-7515 {
  align-items: flex-end;
  height: 65.1vw;
  top: 0;
  min-width: 129.33vw;
}

.desktop-1 .group {
  display: flex;
  left: 0;
  position: absolute;
}

.frame-7546 {
  -webkit-backdrop-filter: blur(4.17vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.17vw) brightness(100%);
  background-color: rgba(249, 249, 249, 0.502);
  gap: 0.27vw;
  height: 56.04vw;
  justify-content: center;
  left: 5.22vw;
  top: 13.89vw;
  position: absolute;
  width: 100%;
}

.ellipse-container {
  height: 32.29vw;
  margin-bottom: 1.67vw;
  position: relative;
  width: 23.24vw;
}

.ellipse-container-1 {
  align-self: flex-start;
  height: 20.57vw;
  margin-left: 80vw;
  /* margin-top: 20%; */
  position: absolute;
  width: 46.87vw;
}

.ellipse-170 {
  background: rgba(80, 0, 81, 1);
  border-radius: 9.3vw;
  height: 18.6vw;
  position: absolute;
  width: 18.6vw;
}

.ellipse-169 {
  background: rgba(80, 0, 81, 1);
  border-radius: 9.3vw;
  height: 18.6vw;
  position: absolute;
  width: 18.6vw;
}

.ellipse-167 {
  background: linear-gradient(180deg, rgb(220, 86, 223) 0%, rgb(80, 0, 82) 100%);
  border-radius: 6.15vw;
  top: 16.8vw;
  height: 12.3vw;
  left: 0.41vw;
  position: absolute;
  width: 12.3vw;
}

.ellipse-166 {
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  border-radius: 6.15vw;
  top: 0;
  height: 12.3vw;
  left: 5.94vw;
  position: absolute;
  width: 12.3vw;
}

.ellipse-165 {
  background: linear-gradient(180deg, rgb(185, 0, 189) 0%, rgb(80, 0, 82) 100%);
  border-radius: 18.55vw;
  top: 0;
  height: 37.1vw;
  left: 0;
  position: absolute;
  width: 37.1vw;
}

.ellipse-164 {
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(33, 14, 255) 100%);
  border-radius: 13.05vw;
  top: 9.27vw;
  height: 26.1vw;
  left: 4.97vw;
  position: absolute;
  width: 26.1vw;
}

.ellipse-163 {
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(42, 35, 220) 100%);
  border-radius: 13.05vw;
  top: 47.85vw;
  height: 20.1vw;
  left: 55.89vw;
  position: absolute;
  width: 26.1vw;
}

.frame-7551 {
  align-items: center;
  display: flex;
  /* gap: 0.1vw; */
  justify-content: center;
  position: relative;
  width: fit-content;
}

.frame-7563 {
  align-items: center;
  display: flex;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.frame-7569 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7573 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7575 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7583 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.ellipse-162 {
  background: rgba(185, 0, 189, 1);
  border-radius: 3.25vw;
  top: 26.85vw;
  height: 6.5vw;
  left: 45.56vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-161 {
  background: rgba(80, 0, 82, 1);
  border-radius: 3.25vw;
  top: 20.76vw;
  height: 6.5vw;
  left: 34.68vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-160 {
  background: rgba(80, 0, 82, 1);
  border-radius: 3.25vw;
  top: 20.76vw;
  height: 6.5vw;
  left: 23.8vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-159 {
  background: rgba(33, 14, 255, 1);
  border-radius: 3.25vw;
  top: 20.76vw;
  height: 6.5vw;
  left: 12.92vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-158 {
  background: rgba(33, 14, 255, 1);
  border-radius: 3.25vw;
  top: 20.76vw;
  height: 6.5vw;
  left: 2.04vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-157 {
  background: rgba(42, 35, 220, 1);
  border-radius: 3.25vw;
  top: 14.68vw;
  height: 6.5vw;
  left: 12.92vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-156 {
  background: rgba(42, 35, 220, 1);
  border-radius: 3.25vw;
  top: 14.68vw;
  height: 6.5vw;
  left: 2.04vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-155 {
  background: rgba(220, 86, 223, 1);
  border-radius: 3.25vw;
  top: 8.6vw;
  height: 6.5vw;
  left: 23.8vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-154 {
  background: rgba(220, 86, 223, 1);
  border-radius: 3.25vw;
  top: 8.6vw;
  height: 6.5vw;
  left: 12.92vw;
  position: absolute;
  width: 6.5vw;
}

.ellipse-153 {
  background: rgba(185, 0, 189, 1);
  border-radius: 3.25vw;
  top: 8.6vw;
  height: 6.5vw;
  left: 2.04vw;
  position: absolute;
  width: 6.5vw;
}

.group-7531 {
  display: flex;
  height: 57.04vw;
  position: relative;
  width: fit-content;
}


.frame-7558 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-61 {
  height: 0.84vw;
  min-width: 3.29vw;
  position: relative;
  width: 3.29vw;
}

.frame-7553 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-63 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7557 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-64 {
  height: 0.84vw;
  min-width: 5.48vw;
  position: relative;
  width: 5.48vw;
}

.vector-65 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7568 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-66 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7571 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-67 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7572 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-68 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7576 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-69 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.vector-70 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.frame-7582 {
  align-items: center;
  display: flex;
  gap: 0.54vw;
  position: relative;
  width: fit-content;
}

.vector-71 {
  height: 0.84vw;
  min-width: 4.81vw;
  position: relative;
  width: 4.81vw;
}

.group-7532 {
  align-items: center;
  display: flex;
  gap: 1.11vw;
  height: 2.38vw;
  position: relative;
  width: fit-content;
}

.frame-7570 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7574 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7581 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.frame-7559 {
  align-items: center;
  display: flex;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.frame-7577 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7566 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}


.frame-7584 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.frame-7585 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7556 {
  align-items: center;
  display: flex;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.frame-7555 {
  align-items: center;
  display: flex;
  gap: 1.42vw;
  position: relative;
  width: fit-content;
}

.line-39 {
  height: 0.3vw;
  margin-top: 5.33vw;
  width: 64.06vw;
}

.overlap-group6 {
  height: 29.58vw;
  margin-left: -35vw;
  margin-top: 3.62vw;
  position: relative;
  width: 49.02vw;
}

.frame-7552 {
  align-items: center;
  display: flex;
  left: 0;
  top: 5vw;
  position: absolute;
  width: fit-content;
}

.frame-7550 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.63vw;
  position: relative;
  width: fit-content;
}

.frame-7549 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  /* gap: 1.19vw; */
  position: relative;
  width: fit-content;
}

.frame-7542 {
  align-items: center;
  background-color: rgba(239, 208, 240, 1);
  border-radius: 13.33vw;
  display: flex;
  gap: 1.06vw;
  overflow: hidden;
  padding: 0 2.93vw;
  position: relative;
  width: fit-content;
}

.clashdisplay-medium-blue-charcoal-16px {
  color: rgba(0, 8, 20, 1);
  font-style: normal;
}

.clashdisplay-medium-trout-18px {
  color: rgba(77, 82, 91, 1);
  font-style: normal;
}

.clashdisplay-medium-trout-20px {
  color: rgba(77, 82, 91, 1);
  font-style: normal;
  letter-spacing: normal;
}

.clashdisplay-bold-black-40px {
  color: rgba(0, 0, 0, 1);
  font-style: normal;
}

.clashdisplay-normal-white-40px {
  color: rgba(255, 255, 255, 1);
  font-style: normal;
}

.clashdisplay-medium-blue-charcoal-18px {
  color: rgba(0, 8, 20, 1);
  font-style: normal;
}

.clashdisplay-medium-nevada-10px {
  color: rgba(102, 107, 114, 1);
  font-style: normal;
}

.f-ind-the-services-you-need-fast {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 35.87vw;
}

.whether-you-need-plu {
  letter-spacing: 0;
  line-height: 1.61em;
  position: relative;
  margin-top: -2em;
  width: 35.58vw;
}

.frame-7548 {
  -webkit-backdrop-filter: blur(4.8vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.8vw) brightness(100%);
  background-color: rgba(249, 249, 249, 0.502);
  border: 1px solid;
  border-radius: 50vw;
  border-color: #e6e6e6;
  height: 32vw;
  min-width: 29.58vw;
  overflow: hidden;
  position: relative;
}

.rectangle {
  height: 26.64vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2.67vw;
  width: 29.58vw;
}

.frame-142 {
  -webkit-backdrop-filter: blur(4.8vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.8vw) brightness(100%);
  background-color: rgba(255, 255, 255, 0.502);
  border: 1px solid;
  border-radius: 12px 0 12px 12px;
  border-color: rgba(231, 231, 231, 1);
  display: flex;
  gap: 2.67vw;
  left: 69.66vw;
  padding: 1.5vw 2.67vw;
  width: 13.75vw;
  top: 22.22vw;
  position: absolute;
}

.easy-booking-process {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.26vw;
  position: relative;
  width: 16.67vw;
}

.frame-7547 {
  -webkit-backdrop-filter: blur(4.8vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.8vw) brightness(100%);
  background-color: rgba(255, 255, 255, 0.502);
  border: 1px solid;
  border-radius: 12px 0 12px 12px;
  border-color: rgba(231, 231, 231, 1);
  display: flex;
  gap: 1.67vw;
  left: 37.35vw;
  padding: 1.6vw;
  width: fit-content;
  top: 12.78vw;
  position: absolute;
}

.secure-payment-system {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.26vw;
  position: relative;
  width: 19.27vw;
}

.overlap-group7 {
  align-items: flex-start;
  height: 68.73vw;
  /* margin-left:-20vw; */
  margin-top: 9.78vw;
  position: relative;
  width: 85.07vw;
}

.overlap-group9 {
  height: 68.73vw;
  left: -5vw;
  top: 10vw;
  position: absolute;
  width: 85.07vw;
}

.i-phone-13 {
  height: 37.8vw;
  left: 38.52vw;
  object-fit: cover;
  position: absolute;
  width: 60.03vw;
}

.frame-7551 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.67vw;
  justify-content: center;
  left: 52.24vw;
  top: 9.26vw;
  position: absolute;
  width: fit-content;
}

.frame-7549-1 {
  align-items: flex-start;
}

.trusted-and-vetted-artisans {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 35.87vw;
}

.and-were-not-just-a {
  letter-spacing: 0;
  line-height: 1.61em;
  position: relative;
  width: 38.58vw;
  margin-top: -1.5vw;
}

.galaxy-note-20-ultra {
  height: 41.96vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 53.74vw;
}

.frame-22 {
  -webkit-backdrop-filter: blur(4.8vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(4.8vw) brightness(100%);
  background-color: rgba(255, 255, 255, 0.502);
  border-radius: 12px;
  display: flex;
  gap: 1.1vw;
  left: 47.56vw;
  padding: 1vw;
  height: 6.8vw;
  overflow: hidden;
  /* width: 21.07vw; */
  top:  70.42vw;
  position: absolute;
}

.frame-23 {
  align-items: flex-end;
  background-image: url("../images/frame-23@2x.png");
  background-position: 50% 50%;
  background-size: cover;
  height: 6.93vw;
  margin-bottom: -0.2vw;
  width: 9.07vw;
}

.flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.694vw;
  min-height: 10.2px;
  width: 14.38vw;
}

.tag {
  align-items: center;
  background-color: rgba(0, 53, 102, 1);
  border-radius: 5.21vw;
  display: flex;
  gap: 1.39vw;
  justify-content: center;
  height: 1.56vw;
  overflow: hidden;
  padding: 0.2vw 4.82vw;
  position: relative;
  width: 5.24vw;
}

.cleaning {
  color: rgba(255, 255, 255, 1);
  font-family: "Clash Display-Semibold";
  font-size: 1vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -0.83vw;
  margin-top: -1.11vw;
  margin-left: -1.58vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-30 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.frame-29 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.perfect-touch-cleaning {
  color: rgba(0, 8, 20, 1);
  font-family: "Clash Display-Semibold";
  font-size: 1.24vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.14vw;
  position: relative;
  width: 19.38vw;
}

.lorem-ipsum-dolor-si {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 19.38vw;
}

.frame-24 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 0.14vw;
  position: relative;
}

.frame-10 {
  align-items: center;
  display: flex;
  gap: 0.69vw;
  position: relative;
  width: fit-content;
}

.icon-star {
  height: 1vw;
  min-width: 1.94vw;
  position: relative;
}

.text-1 {
  color: rgba(0, 0, 0, 1);
  font-family: "Clash Display-Semibold";
  font-size: 0.89vw;
  font-weight: 400;
  margin-left: -1.1vw;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  width: fit-content;
}

.x20-reviews {
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  width: fit-content;
}

.frame-11 {
  align-items: center;
  display: flex;
  gap: 0.42vw;
  position: relative;
  width: fit-content;
}

.money_duotone {
  height: 1.39vw;
  min-width: 1.39vw;
  position: relative;
}

.overlap-group {
  align-items: flex-start;
  background-image: url("../images/rectangle-1.svg");
  background-position: 100% 100%;
  display: flex;
  gap: 0.14vw;
  height: 0.83vw;
  left: 0.07vw;
  min-width: 1.11vw;
  padding: 0.15vw 0.19vw;
  position: relative;
  top: 0.42vw;
}

.rectangle-4135 {
  margin-top: 0.02vw;
}

.rectangle-4136 {
  align-self: flex-end;
}

.desktop-1 .rectangle-1 {
  background-color: rgba(45, 175, 0, 1);
  border-radius: 3.61vw;
  height: 0.14vw;
  width: 0.27vw;
}

.x10000-15000 {
  color: rgba(0, 0, 0, 1);
  font-family: "Clash Display-Medium";
  font-size: 0.8vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  width: fit-content;
}

.frame-7550-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  /* gap: 2.78vw; */
  left: 2.76vw;
  top: 68.62vw;
  position: absolute;
  width: fit-content;
}

.hassle-free-booking {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 52.24vw;
  margin-top: 1.5vw;
}

.with-artisan-you-ca {
  letter-spacing: 0;
  line-height: 2em;
  position: relative;
  width: 35.24vw;
}

.vector-55 {
  height: 7.5vw;
  left: 22.18vw;
  position: absolute;
  top: 14.25vw;
  /* width: 6vw; */
}

.register-and-create {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 29.42vw;
}

.number {
  left: 25.92vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1.82vw;
}

.overlap-group1 {
  height: 21.67vw;
  left: 9vw;
  position: relative;
  width: 29.42vw;
}

.vector-58 {
  height: 7.5vw;
  left: 11.03vw;
  position: absolute;
  top: 15.25vw;
  width: 6.46vw;
}

.vector-60 {
  height: 6.5vw;
  left: 11.03vw;
  position: absolute;
  top: 1vw;
  width: 6.46vw;
}

.x1 {
  left: 13.22vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2.5vw;
}

.overlap-group2 {
  height: 18.75vw;
  position: relative;
  width: 31.6vw;
}

.vector-57 {
  height: 7.5vw;
  left: 9vw;
  position: absolute;
  top: 14.25vw;
  width: 7.08vw;
}

.frame-7554-1 {
  -webkit-backdrop-filter: blur(6.94vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(6.94vw) brightness(100%);
  background-color: rgba(255, 255, 255, 0.502);
  border: 0.14vw solid;
  border-color: rgba(230, 230, 242, 1);
  border-radius: 0.78vw;
  display: flex;
  gap: 0.69vw;
  justify-content: center;
  left: 10.25vw;
  padding: 2.58vw 2.82vw;
  height: 10.8vw;
  overflow: hidden;
  width: 20.5vw;
  top: 3.25vw;
  position: absolute;
}

.vector-56 {
  height: 7.92vw;
  left: 10vw;
  position: absolute;
  top: 0;
  width: 5.08vw;
}

.x1-1 {
  left: 11.39vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2.45vw;
}

.overlap-group8 {
  height: 85.81vw;
  margin-right: 0.42vw;
  margin-top: 5.11vw;
  position: relative;
  width: 104.75vw;
}









.frame-7563 {
  align-items: flex-end;
  display: flex;
  height: 41.02vw;
  left: 0;
  top: 54.51vw;
  overflow: hidden;
  position: absolute;
  width: 106.25vw;
}

.overlap-group2-1 {
  height: 52.11vw;
  margin-bottom: -10.07vw;
  position: relative;
  width: 106.25vw;
}

.group-7514 {
  align-items: flex-start;
  height: 33.07vw;
  top: 2.94vw;
  min-width: 102.08vw;
}

.ellipse-container-2 {
  align-self: center;
  height: 24.61vw;
  margin-bottom: 5.97vw;
  /* margin-top: 20%; */
  position: relative;
  width: 17.08vw;
}

.ellipse-164-1 {
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(33, 14, 255) 100%);
  border-radius: 13.44vw;
  top: 0;
  height: 17.08vw;
  left: 0;
  position: absolute;
  width: 17.08vw;
}

.ellipse-166-1 {
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  border-radius: 3.23vw;
  top: 22.01vw;
  height: 7.36vw;
  left: 0.07vw;
  position: absolute;
  width: 7.36vw;
}

.ellipse-163-1 {
  align-self: flex-end;
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  border-radius: 8.59vw;
  height: 14.07vw;
  margin-left: 31.25vw;
  width: 14.07vw;
}

.ellipse-container-3 {
  height: 31.51vw;
  margin-left: 8.54vw;
  position: relative;
  width: 23.12vw;
}

.ellipse-167-1 {
  background: linear-gradient(180deg, rgb(220, 86, 223) 0%, rgb(80, 0, 82) 100%);
  border-radius: 3.23vw;
  top: 24.86vw;
  height: 7.36vw;
  left: 9.31vw;
  position: absolute;
  width: 7.36vw;
}

.frame-7561 {
  -webkit-backdrop-filter: blur(4.17vw) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(4.17vw) brightness(100%);
  background-color: rgba(249, 249, 249, 0.502);
  flex-direction: column;
  border: 0.07vw solid;
  border-color: rgba(230, 230, 242, 1);
  border-radius: 0.69vw;
  display: flex;
  height: 41.02vw;
  left: 0.07vw;
  width: 106.18vw;
}

.frame-7564 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(80, 0, 82) 0%, rgb(8, 0, 96) 100%);
  display: flex;
  padding: 1.02vw 42.06vw;
  height: 2.13vw;
  margin-left: 0.35vw;
  width: 104.86vw;
}

.x2023-all-rights-reserved {
  color: rgba(255, 255, 255, 1);
  font-family: "Clash Display-Medium";
  font-size: 1.25vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.88vw;
  min-width: 15.63vw;
  margin-left: 85vw;
  margin-top: -0.1vw;
  white-space: nowrap;
  text-align: center;
}

.frame-7566 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.78vw;
  left: 25.58vw;
  top: 4.17vw;
  position: absolute;
  width: fit-content;
}

.frame-7565 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
  position: relative;
  width: fit-content;
}

.frame-7562 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.69vw;
  padding: 0.69vw;
  position: relative;
  width: fit-content;
}

.download-artisan-today {
  letter-spacing: 0;
  line-height: 4.27vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.so-why-wait-downloa {
  letter-spacing: 0;
  line-height: 1.88vw;
  position: relative;
  text-align: center;
  width: 52.5vw;
}

.frame-7543-1 {
  height: 2.78vw;
  min-width: 23.04vw;
  position: relative;
}

.i-phone-13-pro {
  height: 41.02vw;
  left: -2.3vw;
  object-fit: cover;
  position: absolute;
  width: 52.64vw;
}