/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 25 2024 | 12:50:33 */
.header-button, .about-us, .call-to-action-button, .header-button1, .call-to-action-button3, .hipidy-homepage-item, .call-to-action-button1, .frame-icon19, .terms-privacy {
  cursor: pointer;
  transition: 0.5s all;
}
#input_1_1_3, #input_1_3_3, #input_1_4{
	background: none !important;
	    border: 1px solid;
}
.gform_required_legend{
	display: none;
}
.gform_button button{
	    margin: 0;
    font-size: 14px !important;
}
.frame-parent32x2{
    align-items: center;
    gap: 55px;
    font-size: 32px;display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.section-section-heading-2-parentx2{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-xl);
	    font-size: 32px;
	width: 45%;
}

.section-section1x2{
	    align-self: stretch;
    font-size: var(--font-size-base);
    line-height: 158%;
    opacity: 0.8;
	position: relative;
    letter-spacing: 0.03em;
}
.section-sectionx2{
	line-height: 144%;
    font-weight: 800;
    display: flex;
    align-items: center;
    width: 468px;
	    position: relative;
    letter-spacing: 0.03em;
}
.nectar-regular-menu-item{
	margin: 0 20px !important;
}
.menu-item-317, .menu-item-316{
	margin: 0 !important
}
.menu-title-text{
	    color: #000;
    font-weight: 500;
}
.group-parentx {
  position: relative;
  border-radius: var(--br-xs);
  background-color: #fef1f6;
  height: 330px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-childx {
    left: 651px;
    width: 435px;
    height: 435px;
}
.frame-itemx {
    position: absolute;
    top: 0;
    left: 0;
    width: 259px;
    height: 259px;
}
.group-parentx3{
display: flex;
    flex-direction: row;
    justify-content: space-between;
	    align-items: center;
    font-size: 24px;
}
.frame-innerx {
    left: 657px;
       bottom: 0;
    position: absolute;
    width: 285px !important;
    height: auto !important;
	    margin: 0 !important;
}
.frame-wrapperx {
    position: absolute;
    top: 124px;
    left: 90px;
}
.frame-wrapperx, .section-section-heading-2-parentx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.section-section-heading-2-parentx {
    gap: var(--gap-3xs);
}
.pexels-rdne-stock-project-7363-wrapper{
	    position: relative;
    width: 706px;
    height: 566px;
}
.title-parentx3{
	    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.section-sectionx3 {
    position: relative;
    font-size: var(--font-size-base);
    letter-spacing: 0.03em;
    line-height: 151%;
    opacity: 0.8;
}
.titlex3{
	    position: relative;
    letter-spacing: 0.01em;
    line-height: 144%;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 668px;
}
.frame-wrapperx, .section-section-heading-2-parentx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.gform_wrapper{
	width: 100%;
}
.frame-parent2x3{
	    position: absolute;
    left: 35%;
	    border-radius: var(--br-xs);
    background-color: var(--white);
    border: 1px solid var(--gray);
    width: 740px;
    flex-direction: column;
    justify-content: center;
    padding: 36px;
    gap: var(--gap-21xl);
	    display: flex;
    align-items: center;
    box-sizing: border-box;
	    font-size: 24px;
	z-index: 99;
	margin-top: 60px;
}
.frame-parent2x4{
	    position: absolute;
    left: 35%;
	    border-radius: var(--br-xs);
    background-color: var(--white);
    border: 1px solid var(--gray);
    width: 740px;
    flex-direction: column;
    justify-content: center;
    padding: 36px;
    gap: 10px;
	    display: flex;
    align-items: center;
    box-sizing: border-box;
	    font-size: 24px;
	z-index: 99;
	margin-top: 10px;
}
.section-sectionx {
    line-height: 144%;
    font-weight: 800;
    display: flex;
    align-items: center;
    width: 468px;
	    font-size: 32px;
}
.pexels-rdne-stock-project-7363-parent{
	    align-items: flex-start;
    gap: var(--gap-xs);
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.pexels-rdne-stock-project-7363-iconx3{
	position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--br-xs);
    width: 706px !important;
    height: 566px !important;
    object-fit: cover;
}
.pexels-rdne-stock-project-7363-icon{
	    position: relative;
    border-radius: var(--br-xs);
    width: 229px !important;
    height: 480px !important;
    object-fit: cover;
}
.front-view-delivery-man-with-p-icon{
	width: 356px;
	position: relative;
    border-radius: var(--br-xs);
    width: 229px !important;
    height: 480px !important;
    object-fit: cover;
}
.sf-js-enabled{
	    
	transition: none !important
}
.section-section2x1 {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.03em;
    line-height: 144%;
    font-weight: 600;
	    text-align: center;
    font-size: var(--font-size-xl);
	margin-bottom: 30px;
}
.section-section-heading-2-groupx1{
	    gap: var(--gap-17xl);
    text-align: center;
    font-size: var(--font-size-xl);
	isplay: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.group-iconx1{
	position: relative;
    width: 40px;
    height: 40px;
	    margin: 0 !important;
}
.title-parentx1{
	align-self: stretch;
    gap: var(--gap-5xs);
	    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.group-divx1 {
    align-self: stretch;
    position: relative;
    height: 216px;
    font-size: var(--font-size-base);
}
.title1x1 {
    align-self: stretch;
    line-height: 170%;
    opacity: 0.74;
}
.title-wrapperx1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-wrapper1x1	 {
	display: flex;
    width: 550px;
    height: 343px;
    flex-direction: row;
}
.group-parent1x1 {
    align-self: stretch;
    flex: 1;
    border-radius: var(--br-xs);
    background-color: var(--white);
    border: 1px solid var(--gray);
    flex-direction: column;
    padding: var(--padding-xl);
    gap: var(--gap-base);
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-groupx1 {
    align-self: stretch;
    gap: 80px;
    text-align: left;
    font-size: var(--font-size-lg);
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-wrapper2x1{
font-size: var(--font-size-base);
}
.frame-wrapper2x1, .title3x1 {
    align-self: stretch;
    position: relative;
    height: 161px;
}
.title3x1 {
    letter-spacing: 0.03em;
    line-height: 170%;
    display: inline-block;
    flex-shrink: 0;
    opacity: 0.74;
}
.frame-divx1 {
    width: 550px;
}
.frame-containerx1 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.group-containerx1{
	align-self: stretch;
    border-radius: var(--br-xs);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: var(--padding-xl);
    gap: var(--gap-base);
}
.pexels-kampus-production-89317-iconx1 {
    position: relative;
    border-radius: var(--br-xs);
    width: 500px !important;
    height: 343px !important;
    object-fit: cover;
}
.section-section1x {
    align-self: stretch;
    font-size: var(--font-size-base);
    line-height: 158%;
    opacity: 0.8;
}
.hover-wrap-inner img{
	width: 380px;
	    float: right;
	z-index: 22;
}
.divmx-0, .divmx-0 .the-app-itself{
	transition: 0.5s all;
}
.divmx-0 .the-app-itself {
	max-height: 0;
	overflow: hidden;
}
.faqo .the-app-itself{
	max-height: 500px !important;
}
#logo{
	    position: relative;
    font-size: 21.54px !important;
	font-weight: 100 !important;
    letter-spacing: 1.79px !important;
    font-family: var(--font-pacifico) !important;
    color: var(--purpule) !important;
}
#menu-item-9 .menu-title-text{
	border-radius: var(--br-41xl);
    border: 1px solid var(--black);
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-5xl);
    text-align: center;
}
#menu-item-9 .menu-title-text:hover{
	    background-color: var(--black);
    color: var(--white);
}
.group-parent41{
  transition: 0.5s all;
}
.group-parent41:hover{
  border-right: 15px solid var(--purpule);
  border-bottom: 15px solid var(--purpule);
  padding: 13px;
}
.header-button:hover, .header-button1:hover{
  background-color: var(--black);
  color: var(--white);
}
.call-to-action-button:hover, .call-to-action-button3:hover, .call-to-action-button1:hover{
  background-color: #D01061;
}
.about-us:hover{
    bottom: -1px;
    border-bottom: 1px solid #000;
}

.anim1:hover #anim1{
  animation: updown1 1.6s;
}
.anim2:hover{
  animation: shake1 1s;
}
.anim4:hover{
  animation: shake1 1s;
}
.anim6:hover{
  animation: move1 1s;
}
@keyframes shake1 {
  0% {
    rotate: 12deg;
  }
  
  30% {
    rotate: -12deg;
  }
  60% {
    rotate: 12deg;
  }
  
  90% {
    rotate: -12deg;
  }
}
@keyframes updown1 {
  0% {
    margin-top:10px;
  }
  20% {
    margin-top:10px;
  }
  40% {
    margin-top:-5px;
  }
  70% {
    margin-top:10px;
  }
}
@keyframes move1 {
  0% {
    margin-right:0;
  }
  
  60% {
    margin-right:-20px;
  }
}
.animicon{
  width: 68px; 
  height: 68px;
  position: absolute; 
  margin-top: 10px;
}
.hipidy-homepage-child {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-lavenderblush);
  width: 700px;
  height: 800px;
}
.section-section,
.section-section1 {
  position: relative;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  width: 483px;
}
.section-section {
  line-height: 130%;
  font-weight: 800;
}
.section-section1 {
  font-size: var(--font-size-base);
  line-height: 158%;
  opacity: 0.7;
}
.section-section-heading-2-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.heading-2 {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 18px;
  font-weight: 600;
}
.call-to-action-button {
  border-radius: var(--br-41xl);
  background-color: var(--purpule);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base) var(--padding-5xl);
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--white);
}
.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.image-30-icon,
.rectangle {
  position: absolute;
  top: 0;
  left: 0;
}
.image-30-icon {
  width: 197px;
  height: 424px;
  object-fit: cover;
}
.rectangle {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
}
.border,
.cap-icon {
  position: absolute;
  mix-blend-mode: normal;
}
.border {
  top: 0;
  right: 1.22px;
  border-radius: 1.4px;
  border: 0.5px solid var(--label-color-light-primary);
  box-sizing: border-box;
  width: 11.56px;
  height: 5.95px;
  opacity: 0.35;
}
.cap-icon {
  top: 1.93px;
  right: 0;
  width: 0.7px;
  height: 2.1px;
  opacity: 0.4;
}
.capacity {
  position: absolute;
  top: 1.05px;
  right: 2.27px;
  border-radius: var(--br-12xs-7);
  background-color: var(--label-color-light-primary);
  width: 9.46px;
  height: 3.85px;
}
.battery {
  position: absolute;
  top: 9.11px;
  right: 7.71px;
  width: 12.78px;
  height: 5.95px;
}
.wifi-icon {
  position: relative;
  width: 8.02px;
  height: 5.76px;
}
.cellular-connection-icon {
  position: relative;
  width: 8.93px;
  height: 5.6px;
}
.span {
  letter-spacing: -0.15px;
}
.time,
.time-style {
  position: absolute;
  width: 28.37px;
}
.time {
  top: calc(50% - 3.94px);
  left: 0;
  font-weight: 600;
  display: inline-block;
}
.time-style {
  top: 6.83px;
  left: 11.03px;
  height: 11.03px;
}
.iphone-xstatus-barsstatus-ba1 {
  position: absolute;
  top: calc(50% - 11.56px);
  left: calc(50% - 98.5px);
  width: 197px;
  height: 23.11px;
  overflow: hidden;
}
.iphone-xstatus-barsstatus-ba {
  position: absolute;
  top: -0.29px;
  left: 0;
  width: 197px;
  height: 23.11px;
  font-family: var(--default-bold-subheadline);
}
.live-traking-order-1-child {
  position: absolute;
  top: -0.29px;
  left: 0;
  background-color: var(--white);
  width: 197px;
  height: 60.94px;
}
.notch-icon {
  position: absolute;
  top: -1.05px;
  left: calc(50% - 42.58px);
  width: 86.15px;
  height: 16.29px;
  display: none;
}
.right-side-icon {
  position: absolute;
  top: 9.1px;
  right: 7.71px;
  width: 35.02px;
  height: 5.96px;
}
.div,
.left-side,
.time1 {
  position: absolute;
  width: 28.37px;
}
.div {
  top: 0.53px;
  left: 0;
  letter-spacing: -0.26px;
  line-height: 10.51px;
  font-weight: 600;
  display: inline-block;
  height: 10.51px;
}
.left-side,
.time1 {
  height: 11.03px;
}
.time1 {
  top: 0;
  left: 0;
  border-radius: 12.61px;
}
.left-side {
  top: 6.3px;
  left: 12.61px;
}
.status-bar-iphone-13-13-pr {
  position: absolute;
  top: -0.29px;
  left: 0;
  width: 197px;
  height: 23.11px;
  overflow: hidden;
  font-size: 7.88px;
  font-family: var(--default-bold-subheadline);
}
.box,
.line {
  position: absolute;
}
.box {
  top: 0;
  left: 0;
  width: 197px;
  height: 17.86px;
}
.line {
  bottom: 4.2px;
  left: calc(50% - 35.46px);
  border-radius: 52.53px;
  background-color: var(--label-color-light-primary);
  width: 70.92px;
  height: 2.63px;
}
.system-ui-iphone-xs-hone-i {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0.14px;
  left: 0;
  height: 17.86px;
  overflow: hidden;
}
.courier,
.group-child {
  position: absolute;
  left: 0;
}
.group-child {
  top: 0;
  border-radius: var(--br-6xs-3);
  background-color: var(--white);
  width: 180.19px;
  height: 39.93px;
}
.courier {
  top: 13.66px;
  display: flex;
  align-items: center;
  width: 28.37px;
  height: 8.41px;
}
.courier-wrapper {
  position: absolute;
  top: 8.41px;
  left: 37.82px;
  width: 42.03px;
  height: 23.11px;
  overflow: hidden;
}
.sebastian {
  position: absolute;
  top: 9.5px;
  left: 37.59px;
  font-size: 8.41px;
  font-weight: 600;
  color: var(--label-color-light-primary);
}
.group-item {
  position: absolute;
  top: 8.41px;
  left: 129.76px;
  width: 42.03px;
  height: 23.11px;
  overflow: hidden;
}
.group-inner,
.rectangle-parent {
  position: absolute;
  width: 180.19px;
}
.rectangle-parent {
  top: 368.5px;
  left: 8.41px;
  height: 39.93px;
  text-align: left;
  color: var(--color-darkgray-100);
}
.group-inner {
  top: 0;
  left: 0;
  border-radius: var(--br-6xs-3);
  background-color: var(--white);
  height: 52.01px;
}
.vanessa-megan {
  font-weight: 500;
}
.vanessa-megan-westheimer-container {
  position: absolute;
  top: 8.41px;
  left: 25.22px;
}
.morley-house-320 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 129.76px;
  height: 12.61px;
}
.morley-house-320-regent-street-wrapper {
  position: absolute;
  top: 32.05px;
  left: 25.22px;
  width: 129.76px;
  height: 12.61px;
}
.group-icon,
.rectangle-group {
  position: absolute;
  top: 8.41px;
  left: 8.41px;
  width: 10.51px;
  height: 35.2px;
}
.rectangle-group {
  top: 312.29px;
  width: 180.19px;
  height: 52.01px;
  text-align: left;
}
.unsplash-avatars-0004s-0005-la-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 28.89px;
  width: 23.11px;
  height: 23.11px;
  object-fit: cover;
}
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 14.71px;
  background-color: var(--white);
  width: 15.41px;
  height: 8.41px;
}
.div1,
.star-icon {
  position: absolute;
  top: 1.4px;
  left: 2.1px;
  width: 5.6px;
  height: 5.25px;
}
.div1 {
  left: 9.11px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  width: 4.9px;
  height: 5.6px;
}
.rectangle-container {
  position: absolute;
  top: 15.76px;
  left: 3.68px;
  width: 15.41px;
  height: 8.41px;
}
.unsplash-avatars-0004s-0005-la-parent {
  position: absolute;
  top: 376.9px;
  left: 16.81px;
  width: 23.11px;
  height: 23.11px;
  overflow: hidden;
  text-align: left;
  font-size: 5.25px;
  font-family: var(--default-bold-subheadline);
}
.group-child1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-6xs-3);
  background-color: var(--white);
  width: 180.19px;
  height: 42.03px;
}
.group-child2 {
  position: absolute;
  top: 8.41px;
  left: 8.41px;
  width: 25.22px;
  height: 25.22px;
}
.div2,
.estimated-delivery-time {
  position: absolute;
  top: 16.81px;
  left: 0;
  display: flex;
  align-items: center;
  width: 87.21px;
  height: 8.41px;
}
.div2 {
  top: 0;
  font-size: 9.46px;
  font-weight: 500;
  color: var(--label-color-light-primary);
  width: 54.11px;
  height: 12.61px;
}
.estimated-delivery-time-parent,
.group-div {
  position: absolute;
  top: 8.41px;
  left: 39.93px;
  width: 87.21px;
  height: 25.22px;
}
.group-div {
  top: 266.06px;
  left: 8.41px;
  width: 180.19px;
  height: 42.03px;
  text-align: left;
  color: var(--color-darkgray-100);
}
.order-tracking,
.order-tracking-wrapper {
  position: absolute;
  width: 75.65px;
  height: 12.61px;
}
.order-tracking {
  top: 0;
  left: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.order-tracking-wrapper {
  top: 35.44px;
  left: 33.62px;
  text-align: left;
  font-size: 9.46px;
  color: var(--color-gray-100);
}
.group-child3 {
  position: absolute;
  top: 0;
  left: 14.71px;
  width: 11.56px;
  height: 11.56px;
}
.group-child4,
.regent-street {
  position: absolute;
  top: 11.56px;
  left: 0;
}
.group-child4 {
  top: 11.03px;
  left: 20.49px;
  background-color: var(--purpule);
  width: 0.53px;
  height: 2.63px;
}
.group-parent {
  position: absolute;
  top: 213px;
  left: 132.91px;
  width: 39px;
  height: 20.56px;
  font-size: 5.78px;
}
.pngwingcom-2023-02-21t07531 {
  position: absolute;
  top: 65.38px;
  left: 130.28px;
  width: 24.17px;
  height: 24.17px;
  object-fit: cover;
}
.abc-street,
.live-traking-order-1-item {
  position: absolute;
  top: 82.35px;
  left: 82.85px;
  width: 72.64px;
  height: 143.98px;
}
.abc-street {
  top: 71.16px;
  left: 5.78px;
  font-size: 5.78px;
  display: inline-block;
  width: 47.81px;
  height: 14.71px;
}
.royal {
  margin: 0;
	padding: 0;
}
.peter-road,
.pizza-point,
.royal-cafe {
  position: absolute;
  top: 115.29px;
  left: 146.04px;
  font-size: 5.78px;
  display: inline-block;
  width: 47.81px;
  height: 14.71px;
}
.peter-road,
.pizza-point {
  top: 198.29px;
  left: -1.05px;
}
.peter-road {
  top: 107.93px;
  left: 40.45px;
  font-size: 5.25px;
}
.live-traking-order-1-inner {
  position: absolute;
  top: 191.46px;
  left: 132.91px;
  border-radius: 5.25px;
  background-color: var(--white);
  width: 42.03px;
  height: 21.54px;
}
.mins {
  margin: 0;
  font-weight: 600;
}
.away {
  margin: 0;
  font-size: 5.25px;
}
.mins-away {
  position: absolute;
  top: 192.51px;
  left: 140.79px;
  font-size: 6.83px;
}
.live-traking-order-1 {
  position: absolute;
  top: 10px;
  left: 12px;
  border-radius: 26.27px;
  background-color: var(--white);
  width: 197px;
  height: 424px;
  overflow: hidden;
}
.img-2,
.layer-1-icon {
  position: absolute;
  top: 0;
}
.layer-1-icon {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.img-2 {
  left: 162px;
  width: 220px;
  height: 444px;
}
.border1,
.cap-icon1 {
  position: absolute;
  mix-blend-mode: normal;
}
.border1 {
  top: 0;
  right: 1.23px;
  border-radius: 1.41px;
  border: 0.5px solid var(--color-gray-200);
  box-sizing: border-box;
  width: 11.61px;
  height: 5.98px;
  opacity: 0.35;
}
.cap-icon1 {
  top: 1.94px;
  right: 0;
  width: 0.7px;
  height: 2.11px;
  opacity: 0.4;
}
.capacity1 {
  position: absolute;
  top: 1.06px;
  right: 2.3px;
  border-radius: var(--br-12xs-7);
  background-color: var(--color-gray-200);
  width: 9.5px;
  height: 3.87px;
}
.battery1 {
  position: absolute;
  top: 9.15px;
  right: 7.73px;
  width: 12.85px;
  height: 5.98px;
}
.wifi-icon1 {
  position: absolute;
  top: 9.15px;
  right: 22px;
  width: 8.06px;
  height: 5.79px;
}
.cellular-connection-icon1 {
  position: absolute;
  top: 9.15px;
  right: 31px;
  width: 8.97px;
  height: 5.63px;
}
.time-style1,
.time2 {
  position: absolute;
  width: 28.5px;
}
.time2 {
  top: calc(50% - 3.96px);
  left: 0;
  font-weight: 600;
  display: inline-block;
}
.time-style1 {
  top: 6.86px;
  left: 11.09px;
  height: 11.08px;
}
.iphone-xstatus-barsstatus-ba3 {
  position: absolute;
  top: calc(50% - 11.61px);
  left: calc(50% - 98.96px);
  width: 197.92px;
  height: 23.22px;
  overflow: hidden;
}
.iphone-xstatus-barsstatus-ba2 {
  position: relative;
  width: 197.92px;
  height: 23.22px;
  text-align: center;
  font-family: var(--default-bold-subheadline);
}
.location-icon {
  position: relative;
  width: 6.33px;
  height: 7.39px;
}
.marks-church-rd34 {
  position: relative;
  line-height: 12.67px;
}
.frame-icon {
  position: relative;
  width: 6.33px;
  height: 6.33px;
  overflow: hidden;
  flex-shrink: 0;
}
.location-parent,
.marks-church-rd34-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.11px;
}
.location-parent {
  flex: 1;
  gap: 4.22px;
}
.frame-icon1 {
  position: relative;
  width: 14.78px;
  height: 14.78px;
  overflow: hidden;
  flex-shrink: 0;
}
.search-bar {
  border-bottom: 0.5px solid var(--color-gray-400);
  box-sizing: border-box;
  width: 197.92px;
  height: 21.11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 4.222350120544434px 8.444700241088867px;
  gap: 12.67px;
  color: var(--gray);
}
.image-1608-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6.33px;
  width: 52.78px;
  height: 65.45px;
  object-fit: cover;
}
.ellipse-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--white);
  width: 11.61px;
  height: 11.61px;
}
.image-1606-icon,
.image-1607-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.11px;
  height: 3.77px;
  object-fit: cover;
}
.image-1607-icon {
  left: 3.11px;
  width: 5.18px;
}
.vanessa-megan-logo {
  position: absolute;
  top: 4.15px;
  left: 1.65px;
  width: 8.29px;
  height: 3.77px;
}
.ellipse-parent {
  position: relative;
  width: 11.61px;
  height: 11.61px;
}
.vaness {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 137.02%;
  font-weight: 600;
}
.group-container {
  position: absolute;
  top: 49.61px;
  left: 4.22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.06px;
}
.story-3 {
  position: relative;
  width: 52.78px;
  height: 65.45px;
  flex-shrink: 0;
}
.image-1585-icon {
  position: absolute;
  top: calc(50% - 1.66px);
  left: calc(50% - 4.56px);
  width: 9.12px;
  height: 3.73px;
  object-fit: cover;
}
.unitedcolorofbentton-5-3-icon {
  position: relative;
  border-radius: 10.56px;
  width: 11.61px;
  height: 11.61px;
  object-fit: cover;
}
.image-1629-icon {
  position: absolute;
  top: calc(50% - 2.11px);
  left: calc(50% - 4.22px);
  width: 8.44px;
  height: 4.22px;
  object-fit: cover;
}
.group-child6,
.ordinary {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.61px;
  height: 11.61px;
}
.ordinary {
  border-radius: 26.39px;
  background-color: var(--white);
  overflow: hidden;
}
.group-child6 {
  border-radius: 50%;
  background-color: var(--light-grey);
}
.pngwing-1-icon {
  position: absolute;
  top: calc(50% - 1.24px);
  left: calc(50% - 4.98px);
  width: 9.95px;
  height: 2.49px;
  object-fit: cover;
}
.stories,
.stories2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.stories2 {
  width: 181.03px;
  overflow-x: auto;
  flex-direction: row;
  gap: 6.33px;
  font-size: 6.33px;
  color: var(--white);
  overflow-x: hidden;
}
.stories {
  width: 197.92px;
  flex-direction: column;
  padding: 6.333525657653809px 8.444700241088867px;
  box-sizing: border-box;
  gap: 8.44px;
  font-size: var(--font-size-3xs-5);
  color: var(--black);
}
.group-child7,
.search-stories {
  position: absolute;
  background-color: var(--white);
}
.search-stories {
  top: 0.25px;
  left: -0.34px;
  width: 197.92px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-child7 {
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 16.89px;
  height: 16.89px;
}
.image-1606-icon1,
.image-1607-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.52px;
  height: 5.48px;
  object-fit: cover;
}
.image-1607-icon1 {
  left: 4.52px;
  width: 7.54px;
}
.vanessa-megan-logo1 {
  position: absolute;
  top: 6.03px;
  left: 2.4px;
  width: 12.06px;
  height: 5.48px;
}
.ellipse-parent1 {
  position: relative;
  width: 16.89px;
  height: 16.89px;
}
.vanessa-megan1 {
  position: relative;
  line-height: 137.02%;
  font-weight: 600;
}
.group-parent3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4.22px;
}
.image-1627-icon {
  position: relative;
  border-radius: 6.33px;
  width: 181.03px;
  height: 112.95px;
  object-fit: cover;
}
.liliquoi-new {
  align-self: stretch;
  position: relative;
  line-height: 134.5%;
  text-transform: uppercase;
  font-weight: 600;
}
.vanessa-megan-most {
  font-weight: 300;
}
.more {
  font-weight: 500;
  color: var(--purpule);
}
.vanessa-megan-most-container {
  align-self: stretch;
  position: relative;
  font-size: 7.39px;
  letter-spacing: 0.02em;
  line-height: 140%;
}
.image-1627-parent,
.section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.33px;
}
.image-1627-parent {
  align-self: stretch;
  color: var(--black);
}
.section {
  width: 197.92px;
  padding: 6.333525657653809px 8.444700241088867px;
  box-sizing: border-box;
}
.new-in1 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 120%;
  font-weight: 600;
}
.new-in-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-child8 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6.33px;
  background-color: var(--color-gray-500);
  width: 86.29px;
  height: 79.17px;
}
.d1a-9ee8-151eeac4f4e5-1-icon {
  position: absolute;
  top: calc(50% - 26.92px);
  left: calc(50% - 15.7px);
  width: 30.61px;
  height: 54.36px;
  object-fit: cover;
}
.rectangle-parent1 {
  align-self: stretch;
  position: relative;
  height: 79.17px;
}
.vm-liliquoi {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 132%;
  font-weight: 500;
}
.vm-liliquoi-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.div3 {
  position: relative;
  font-size: 8.44px;
  letter-spacing: 0.02em;
  line-height: 132%;
  font-weight: 600;
}
.frame-container,
.group-parent4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  align-self: stretch;
  gap: 2.11px;
}
.group-parent4 {
  flex: 1;
  gap: 4.22px;
}
.group-child10 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2.64px;
  background-color: var(--purpule);
  width: 20.02px;
  height: 13.19px;
}
.div4 {
  position: absolute;
  top: 1.58px;
  left: 1.62px;
  display: flex;
  align-items: center;
  width: 16.77px;
}
.rectangle-parent3 {
  position: absolute;
  top: 4.22px;
  left: 63.83px;
  width: 20.02px;
  height: 13.19px;
}
.image-1610-3 {
  position: absolute;
  top: calc(50% - 25.86px);
  left: calc(50% - 26.25px);
  width: 52.78px;
  height: 51.2px;
  object-fit: cover;
}
.frame-parent1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2.11px;
  font-size: 7.39px;
  color: var(--black);
}
.frame-group,
.frame-parent1,
.group-parent5 {
  display: flex;
  align-items: flex-start;
}
.group-parent5 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4.22px;
  font-size: 6.33px;
  color: var(--white);
}
.frame-group {
  width: 181.03px;
  flex-direction: row;
  justify-content: center;
  gap: 8.44px;
}
.image-1591-icon {
  position: absolute;
  top: calc(50% - 14.78px);
  left: calc(50% + 31.8px);
  width: 63.34px;
  height: 29.03px;
  object-fit: cover;
}
.group-child14 {
  position: absolute;
  top: 4.22px;
  left: 62.28px;
  border-radius: 2.64px;
  background-color: var(--purpule);
  width: 19.53px;
  height: 13.19px;
}
.div8 {
  position: absolute;
  top: 5.81px;
  left: 63.87px;
}
.benetton-23a-3i1xu1034-906-fs-icon {
  position: absolute;
  top: calc(50% - 27.97px);
  left: calc(50% - 23.09px);
  width: 46.45px;
  height: 56.47px;
  object-fit: cover;
}
.rectangle-parent5 {
  position: relative;
  width: 86.29px;
  height: 79.17px;
}
.frame-parent2 {
  width: 181.03px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.44px;
}
.benetton-23a-3i1xu1034-906-fs-icon1,
.image-1612-1 {
  position: absolute;
  top: calc(50% - 26.92px);
  left: calc(50% - 26.52px);
  width: 53.83px;
  height: 54.36px;
  object-fit: cover;
}
.image-1612-1 {
  top: calc(50% - 27.45px);
  left: calc(50% - 16.23px);
  width: 32.72px;
}
.frame-parent5,
.group-parent9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-parent9 {
  flex: 1;
  flex-direction: column;
  gap: 4.22px;
  font-size: 7.39px;
  color: var(--black);
}
.frame-parent5 {
  width: 181.03px;
  flex-direction: row;
  gap: 8.44px;
  font-size: 6.33px;
  color: var(--white);
}
.image-1612-3 {
  position: absolute;
  top: calc(50% - 24.28px);
  left: calc(50% - 18.08px);
  width: 36.42px;
  height: 49.08px;
  object-fit: cover;
}
.benetton-23a-3i1xu1034-906-fs-icon2 {
  position: absolute;
  top: calc(50% - 25.33px);
  left: calc(50% - 25.2px);
  width: 50.67px;
  height: 50.14px;
  object-fit: cover;
}
.benetton-23a-3i1xu1034-906-fs-icon3,
.image-1612-4 {
  position: absolute;
  top: calc(50% - 31.67px);
  left: calc(50% - 21.51px);
  width: 43.28px;
  height: 62.81px;
  object-fit: cover;
}
.image-1612-4 {
  top: calc(50% - 24.81px);
  left: calc(50% - 13.59px);
  width: 27.97px;
  height: 49.61px;
}
.frame-parent {
  width: 181.03px;
  gap: 6.33px;
  font-size: 7.39px;
}
.frame-parent,
.new-in,
.section-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.new-in {
  width: 197.92px;
  overflow: hidden;
  padding: 6.333525657653809px 8.444700241088867px;
  box-sizing: border-box;
  gap: 6.33px;
  font-size: var(--font-size-3xs-5);
  color: var(--black);
}
.section-parent {
  position: absolute;
  top: 145.92px;
  left: -0.34px;
  font-size: 8.44px;
  color: var(--black1);
}
.frame-icon2 {
  position: absolute;
  top: 926.52px;
  left: calc(50% - 4.48px);
  width: 10.56px;
  height: 10.56px;
  overflow: hidden;
  opacity: 0.7;
}
.sf-symbol-scribblevariable {
  position: absolute;
  top: 3.92px;
  left: calc(50% - 6.62px);
  width: 13.24px;
  height: 12.04px;
  display: none;
}
.label {
  position: absolute;
  top: calc(50% + 5.01px);
  left: calc(50% - 7.66px);
}
.iconlylighthome {
  position: absolute;
  height: 40.82%;
  width: 26.67%;
  top: 14.29%;
  right: 36%;
  bottom: 44.9%;
  left: 37.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}
.frame-icon3 {
  top: 2.64px;
  left: 13.73px;
  width: 12.67px;
  height: 12.67px;
  display: none;
}
.frame-icon3,
.frame-icon4,
.frame-icon5 {
  position: absolute;
  overflow: hidden;
}
.frame-icon4 {
  height: 48.98%;
  width: 32%;
  top: 10.2%;
  right: 33.32%;
  bottom: 40.82%;
  left: 34.68%;
  max-width: 100%;
  max-height: 100%;
  display: none;
}
.frame-icon5 {
  top: 2.64px;
  left: 13.73px;
  width: 12.67px;
  height: 12.67px;
}
.tab-bar-item {
  position: absolute;
  top: 0;
  left: calc(50% - 98.96px);
  width: 39.58px;
  height: 25.86px;
  color: var(--purpule);
}
.label1 {
  position: absolute;
  top: calc(50% + 5.01px);
  left: calc(50% - 9.24px);
}
.iconlylightsearch {
  position: absolute;
  height: 40.82%;
  width: 26.67%;
  top: 14.28%;
  right: 36%;
  bottom: 44.9%;
  left: 37.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}
.tab-bar-item1 {
  position: absolute;
  top: 0;
  left: calc(50% - 59.38px);
  width: 39.58px;
  height: 25.86px;
}
.label2 {
  position: absolute;
  top: calc(50% + 5.01px);
  left: calc(50% - 8.71px);
}
.iconlylightbag {
  height: 40.82%;
  width: 26.67%;
  top: 14.29%;
  right: 9.33%;
  bottom: 44.9%;
  left: 64%;
  max-width: 100%;
  max-height: 100%;
  display: none;
}
.frame-icon10,
.frame-icon8,
.iconlylightbag {
  position: absolute;
  overflow: hidden;
}
.frame-icon8 {
  top: 2.64px;
  left: 13.72px;
  width: 12.67px;
  height: 12.67px;
  display: none;
}
.frame-icon10 {
  height: 48.98%;
  width: 32%;
  top: 10.21%;
  right: 33.34%;
  bottom: 40.81%;
  left: 34.66%;
  max-width: 100%;
  max-height: 100%;
}
.tab-bar-item2 {
  position: absolute;
  top: 0;
  left: calc(50% - 19.79px);
  width: 39.58px;
  height: 25.86px;
}
.label3 {
  position: absolute;
  top: calc(50% + 5.01px);
  left: calc(50% - 16.62px);
}
.remix-iconslinemedianotific {
  position: absolute;
  top: 2.64px;
  left: 13.72px;
  width: 12.67px;
  height: 12.67px;
  overflow: hidden;
}
.tab-bar-item3 {
  position: absolute;
  top: 0;
  left: calc(50% + 19.8px);
  width: 39.58px;
  height: 25.86px;
}
.label4 {
  position: absolute;
  top: calc(50% + 5.01px);
  left: calc(50% - 8.18px);
}
.frame-icon12,
.iconlylightprofile {
  position: absolute;
  height: 40.82%;
  width: 26.67%;
  top: 14.28%;
  right: 35.99%;
  bottom: 44.9%;
  left: 37.34%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}
.frame-icon12 {
  height: 48.98%;
  width: 32%;
  top: 10.2%;
  right: 33.34%;
  bottom: 40.82%;
  left: 34.66%;
}
.tab-bar-item4 {
  position: absolute;
  top: 0;
  left: calc(50% + 59.38px);
  width: 39.58px;
  height: 25.86px;
}
.tabs {
  align-self: stretch;
  position: relative;
  height: 25.86px;
  overflow: hidden;
  flex-shrink: 0;
}
.home-indicator1 {
  position: absolute;
  bottom: 4.17px;
  left: calc(50% - 35.32px);
  border-radius: 52.78px;
  background-color: var(--label-color-light-primary);
  width: 70.72px;
  height: 2.64px;
}
.home-indicator {
  position: relative;
  width: 197.92px;
  height: 17.94px;
}
.home-scroll,
.tab-bar {
  position: absolute;
  background-color: var(--white);
}
.tab-bar {
  bottom: -0.06px;
  left: calc(50% - 98.43px);
  box-shadow: 0-0.2638968825340271px 0 rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10.56px);
  width: 197.92px;
  height: 43.81px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 5.28px;
  color: var(--gray);
}
.home-scroll {
  top: 9px;
  left: 10px;
  border-radius: 30px;
  width: 198px;
  height: 425px;
  overflow: hidden;
}
.img-1 {
  position: absolute;
  top: 48px;
  left: 0;
  width: 220px;
  height: 444px;
  text-align: left;
  font-size: 7.39px;
  color: var(--color-gray-200);
}
.image {
  position: relative;
  width: 382px;
  height: 492px;
  text-align: center;
  font-size: 7.35px;
  color: var(--label-color-light-primary);
}
.herosection {
  padding-top: 166px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 38px;
}
.hipidy {
  position: relative;
  font-size: 21.54px;
  letter-spacing: 1.79px;
  font-family: var(--font-pacifico);
  color: var(--purpule);
}
.about-us {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 500;
}
.frame-icon14 {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.about-us-parent,
.partner-with-us-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.partner-with-us-parent {
  gap: 2px;
}
.about-us-parent {
  gap: var(--gap-21xl);
}
.heading-21 {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 18px;
  font-weight: 500;
}
.header,
.header-button {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-button {
  border-radius: var(--br-41xl);
  border: 1px solid var(--black);
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-5xl);
  text-align: center;
}
.header {
  position: absolute;
  top: 0;
  left: calc(50% - 720px);
  width: 1440px;
  justify-content: space-between;
  padding: var(--padding-5xl) var(--padding-141xl);
  box-sizing: border-box;
  font-size: var(--font-size-sm);
}
.title {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 130%;
  font-weight: 600;
	    font-size: var(--font-size-5xl);
    color: var(--black);
    font-family: var(--font-poppins);
}
.section-section2 {
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.03em;
  line-height: 151%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 387px;
  opacity: 0.8;
	color: var(--black);
    font-family: var(--font-poppins);
}
.title-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-child {
  position: relative;
  width: 90px;
  height: 90px;
}
.section-section-container,
.title1 {
  position: relative;
  letter-spacing: 0.03em;
}
.title1 {
  line-height: 130%;
  font-weight: 600;
}
.section-section-container {
  font-size: var(--font-size-sm);
  text-align: center;
  display: flex;
  align-items: center;
  width: 300px;
  opacity: 0.74;
}
.group-parent14 {
  align-self: stretch;
}
.group-parent14,
.group-parent15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.section-section3 {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.03em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  opacity: 0.74;
}
.frame-parent16 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.frame-parent15,
.title-parent2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
}
.frame-parent15 {
  align-self: stretch;
  justify-content: center;
  gap: 94px;
  text-align: left;
  font-size: var(--font-size-lg);
}
.frame-parent14,
.title7 {
  text-align: center;
}
.frame-parent14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-61xl);
}
.title7 {
  top: 4558px;
  width: 100%;
  letter-spacing: 0.01em;
  line-height: 130%;
  font-weight: 600;
}
.spantext-3xl > div {
	position: relative;
  	line-height: 32px;
    font-weight: 500;
  	display: flex;
  	align-items: center;
  	width: 100%;
  	max-width: 957.9199829101562px;
	color: var(--black);
    font-family: var(--font-poppins);
	font-size: var(--font-size-lg);
}
.spantext-3xl {
  position: absolute;
  width: calc(100% - 34px);
  top: calc(50% - 16.5px);
  right: 34px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  /*padding: 0 var(--padding-469xl) var(--padding-12xs) 0;*/
  box-sizing: border-box;
}
.frame-icon15 {
  position: absolute;
  top: calc(50% - 15.5px);
  left: calc(50% + 528px);
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.divflex {
  align-self: stretch;
  position: relative;
  height: 33px;
}
.the-app-itself {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.02em;
  line-height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  opacity: 0.74;
}
.divmx-0 {
  align-self: stretch;
  border-top: 1px solid var(--color-gray-300);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl) 0;
  gap: var(--gap-xs);
}
.what-happens-if {
  position: relative;
  line-height: 32px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 437px;
  max-width: 957.9199829101562px;
	color: var(--black);
    font-family: var(--font-poppins);
	font-size: var(--font-size-lg);
}
.divmx-01 {
  align-self: stretch;
  border-top: 1px solid var(--color-gray-300);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl) 0;
}
.will-i-pay {
  width: 100%;
  position: relative;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  max-width: 957.9199829101562px;
	color: var(--black);
    font-family: var(--font-poppins);
	font-size: var(--font-size-lg);
}
.divmx-0-parent {
  position: absolute;
  top: 4669px;
  width: 64%;
  margin: 0 18%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-lg);
}
.hipidy1 {
  align-self: stretch;
  position: relative;
  letter-spacing: 1.79px;
	    font-size: 21.54px;
    color: var(--purpule);
    font-family: var(--font-pacifico);
}
.at-hipidy-we-container {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 28px;
  display: flex;
  align-items: center;
  width: 323px;
  opacity: 0.8;
}
.call-to-action-button1 {
  border-radius: var(--br-41xl);
  background-color: var(--purpule);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-base);
  text-align: center;
  color: var(--white);
}
.at-hipidy-we-want-to-make-the-parent,
.hipidy-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.at-hipidy-we-want-to-make-the-parent {
  gap: var(--gap-5xl);
  font-size: var(--font-size-sm);
  color: var(--black);
  font-family: var(--font-poppins);
}
.hipidy-parent {
  gap: var(--gap-base);
  font-size: 21.54px;
  font-family: var(--font-pacifico);
}
.partner-with-us-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.about-us-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
  color: var(--black);
}
.phone-no,
.reach-us {
  position: relative;
  letter-spacing: 0.02em;
}
.reach-us {
  align-self: stretch;
  font-weight: 600;
}
.phone-no {
  font-weight: 500;
  opacity: 0.9;
}
.phone-no-parent {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.email-address {
  position: relative;
  letter-spacing: 0.02em;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 124px;
  flex-shrink: 0;
  opacity: 0.9;
}
.emmanueloburaimohipidycom {
  color: var(--label-color-light-primary);
}
.emmanueloburaimohipidycom,
.london-england {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.02em;
  line-height: 28px;
  opacity: 0.8;
}
.frame-parent20 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-icon19 {
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent21 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.frame-parent19,
.reach-us-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.frame-parent19 {
  flex: 1;
  gap: var(--gap-17xl);
  font-size: var(--font-size-base);
  color: var(--black);
}
.reach-us-parent {
  height: 232px;
  gap: var(--gap-xs);
}
.frame-parent18 {
  background-color: var(--background-grey);
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-61xl) var(--padding-141xl);
  box-sizing: border-box;
}
.hipidy-homepage-inner {
  position: absolute;
  top: 5169px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-21xl) 0 0;
  font-size: var(--font-size-xl);
  color: var(--purpule);
}
.hipidy-homepage-item {
  position: absolute;
  right: 10vh;
  top: 5129px;
  border-radius: var(--br-7xs);
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.hipidy-group,
.reach-us-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.reach-us-group {
  height: 232px;
  align-items: flex-end;
  gap: var(--gap-xs);
  font-size: var(--font-size-xl);
  font-family: var(--font-poppins);
}
.frame-parent23 {
  width: 100%;
  padding: 0 19vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.hipidy-2023,
.terms-privacy {
  position: relative;
  letter-spacing: 0.02em;
}
.hipidy-2023 {
  opacity: 0.8;
}
.terms-privacy {
  color: var(--purpule);
}
.hipidy-2023-2025-all-rig-parent {
  width: 64%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-sm);
  color: var(--black);
  font-family: var(--font-poppins);
}
.frame-parent22 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-21xl) 0 var(--padding-xl);
  gap: var(--gap-xl);
  font-size: 21.54px;
  color: var(--purpule);
  font-family: var(--font-pacifico);
}
.section-section-container6 {
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  width: 529px;
  opacity: 0.8;
}
.title-txt {
  line-break: anywhere;
  width: 100%;
}
.title-parent6,
.title10 {
  display: flex;
  align-items: center;
}
.title10 {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.03em;
  text-align: center;
  width: 282px;
  opacity: 0.74;
}
.title-parent6 {
  width: 336px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.border2,
.cap-icon2 {
  position: absolute;
  mix-blend-mode: normal;
}
.border2 {
  top: 0;
  right: 1.12px;
  border-radius: 1.28px;
  border: 0.5px solid var(--color-gray-200);
  box-sizing: border-box;
  width: 10.56px;
  height: 5.44px;
  opacity: 0.35;
}
.cap-icon2 {
  top: 1.76px;
  right: 0;
  width: 0.64px;
  height: 1.92px;
  opacity: 0.4;
}
.capacity2 {
  position: absolute;
  top: 0.96px;
  right: 2.09px;
  border-radius: 0.64px;
  background-color: var(--color-gray-200);
  width: 8.64px;
  height: 3.52px;
}
.battery2 {
  position: absolute;
  top: 8.32px;
  right: 7.03px;
  width: 11.68px;
  height: 5.44px;
}
.wifi-icon2 {
  position: relative;
  width: 7.33px;
  height: 5.26px;
}
.cellular-connection-icon2 {
  position: relative;
  width: 8.16px;
  height: 5.12px;
}
.span2 {
  letter-spacing: -0.13px;
}
.time-style2,
.time3 {
  position: absolute;
  width: 25.91px;
}
.time3 {
  top: calc(50% - 3.6px);
  left: 0;
  font-weight: 600;
  display: inline-block;
}
.time-style2 {
  top: 6.24px;
  left: 10.08px;
  height: 10.08px;
}
.iphone-xstatus-barsstatus-ba5 {
  position: absolute;
  top: calc(50% - 10.56px);
  left: calc(50% - 89.97px);
  width: 179.93px;
  height: 21.11px;
  overflow: hidden;
}
.iphone-xstatus-barsstatus-ba4 {
  position: relative;
  width: 179.93px;
  height: 21.11px;
  text-align: center;
  font-family: var(--default-bold-subheadline);
}
.location-icon1 {
  position: relative;
  width: 5.76px;
  height: 6.72px;
}
.marks-church-rd341 {
  position: relative;
  line-height: 11.52px;
}
.frame-icon27 {
  position: relative;
  width: 5.76px;
  height: 5.76px;
  overflow: hidden;
  flex-shrink: 0;
}
.location-group,
.marks-church-rd34-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.92px;
}
.location-group {
  flex: 1;
  gap: 3.84px;
}
.frame-icon28 {
  position: relative;
  width: 13.43px;
  height: 13.43px;
  overflow: hidden;
  flex-shrink: 0;
}
.search-bar1 {
  border-bottom: 0.5px solid var(--color-gray-400);
  box-sizing: border-box;
  width: 179.93px;
  height: 19.19px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3.8385064601898193px 7.677012920379639px;
  gap: 11.52px;
  color: var(--gray);
}
.image-1608-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  width: 47.98px;
  height: 59.5px;
  object-fit: cover;
}
.group-child23 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--white);
  width: 10.56px;
  height: 10.56px;
}
.image-1606-icon2,
.image-1607-icon2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.83px;
  height: 3.43px;
  object-fit: cover;
}
.image-1607-icon2 {
  left: 2.82px;
  width: 4.71px;
}
.vanessa-megan-logo2 {
  position: absolute;
  top: 3.77px;
  left: 1.5px;
  width: 7.54px;
  height: 3.43px;
}
.story-31 {
  position: relative;
  width: 47.98px;
  height: 59.5px;
  flex-shrink: 0;
}
.image-1585-icon1 {
  position: absolute;
  top: calc(50% - 1.51px);
  left: calc(50% - 4.15px);
  width: 8.29px;
  height: 3.39px;
  object-fit: cover;
}
.unitedcolorofbentton-5-3-icon1 {
  position: relative;
  border-radius: 9.6px;
  width: 10.56px;
  height: 10.56px;
  object-fit: cover;
}
.unitedcolorofbentton-5-3-group {
  position: absolute;
  top: 45.1px;
  left: 3.84px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.96px;
}
.image-1629-icon1 {
  position: absolute;
  top: calc(50% - 1.92px);
  left: calc(50% - 3.84px);
  width: 7.68px;
  height: 3.84px;
  object-fit: cover;
}
.ordinary1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 23.99px;
  background-color: var(--white);
  width: 10.56px;
  height: 10.56px;
  overflow: hidden;
}
.group-child25,
.ordinary-container {
  position: relative;
  width: 10.56px;
  height: 10.56px;
}
.group-child25 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--light-grey);
}
.pngwing-1-icon1 {
  position: absolute;
  top: calc(50% - 1.13px);
  left: calc(50% - 4.52px);
  width: 9.05px;
  height: 2.26px;
  object-fit: cover;
}
.stories3,
.stories5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.stories5 {
  width: 164.58px;
  overflow-x: auto;
  flex-direction: row;
  gap: 5.76px;
  font-size: 5.76px;
  color: var(--white);
}
.stories3 {
  width: 179.93px;
  flex-direction: column;
  padding: 5.757760047912598px 7.677012920379639px;
  box-sizing: border-box;
  gap: 7.68px;
  font-size: 8.64px;
  color: var(--black);
}
.group-child26,
.search-stories1 {
  position: absolute;
  background-color: var(--white);
}
.search-stories1 {
  top: 0.22px;
  left: -0.31px;
  width: 179.93px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-child26 {
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 15.35px;
  height: 15.35px;
}
.image-1606-icon3,
.image-1607-icon3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.11px;
  height: 4.99px;
  object-fit: cover;
}
.image-1607-icon3 {
  left: 4.11px;
  width: 6.85px;
}
.vanessa-megan-logo3 {
  position: absolute;
  top: 5.48px;
  left: 2.18px;
  width: 10.97px;
  height: 4.99px;
}
.ellipse-parent5 {
  position: relative;
  width: 15.35px;
  height: 15.35px;
}
.group-parent24 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.84px;
}
.image-1627-icon1 {
  position: relative;
  border-radius: 5.76px;
  width: 164.58px;
  height: 102.68px;
  object-fit: cover;
}
.vanessa-megan-most-container1 {
  align-self: stretch;
  position: relative;
  font-size: 6.72px;
  letter-spacing: 0.02em;
  line-height: 140%;
}
.image-1627-group,
.section1,
.text2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.text2 {
  align-self: stretch;
  gap: 1.92px;
}
.image-1627-group,
.section1 {
  gap: 5.76px;
}
.image-1627-group {
  align-self: stretch;
  color: var(--black);
}
.section1 {
  width: 179.93px;
  padding: 5.757760047912598px 7.677012920379639px;
  box-sizing: border-box;
}
.group-child27 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--color-gray-500);
  width: 78.45px;
  height: 71.97px;
}
.d1a-9ee8-151eeac4f4e5-1-icon1 {
  position: absolute;
  top: calc(50% - 24.47px);
  left: calc(50% - 14.28px);
  width: 27.83px;
  height: 49.42px;
  object-fit: cover;
}
.rectangle-parent12 {
  align-self: stretch;
  position: relative;
  height: 71.97px;
}
.div20 {
  position: relative;
  font-size: 7.68px;
  letter-spacing: 0.02em;
  line-height: 132%;
  font-weight: 600;
}
.group-parent25 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.84px;
}
.group-child29 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-10xs-4);
  background-color: var(--purpule);
  width: 18.2px;
  height: 12px;
}
.div21 {
  position: absolute;
  top: 1.44px;
  left: 1.47px;
  display: flex;
  align-items: center;
  width: 15.25px;
}
.rectangle-parent14 {
  position: absolute;
  top: 3.84px;
  left: 58.03px;
  width: 18.2px;
  height: 12px;
}
.image-1610-31 {
  position: absolute;
  top: calc(50% - 23.51px);
  left: calc(50% - 23.87px);
  width: 47.98px;
  height: 46.54px;
  object-fit: cover;
}
.frame-parent35 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.92px;
  font-size: 6.72px;
  color: var(--black);
}
.frame-parent33,
.frame-parent35,
.group-parent26 {
  display: flex;
  align-items: flex-start;
}
.group-parent26 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3.84px;
  font-size: 5.76px;
  color: var(--white);
}
.frame-parent33 {
  width: 164.58px;
  flex-direction: row;
  justify-content: center;
  gap: 7.68px;
}
.image-1591-icon1 {
  position: absolute;
  top: calc(50% - 13.43px);
  left: calc(50% + 28.91px);
  width: 57.58px;
  height: 26.39px;
  object-fit: cover;
}
.group-child33 {
  position: absolute;
  top: 3.84px;
  left: 56.62px;
  border-radius: var(--br-10xs-4);
  background-color: var(--purpule);
  width: 17.75px;
  height: 12px;
}
.div25 {
  position: absolute;
  top: 5.28px;
  left: 58.06px;
}
.benetton-23a-3i1xu1034-906-fs-icon4 {
  position: absolute;
  top: calc(50% - 25.43px);
  left: calc(50% - 20.99px);
  width: 42.22px;
  height: 51.34px;
  object-fit: cover;
}
.rectangle-parent16 {
  position: relative;
  width: 78.45px;
  height: 71.97px;
}
.frame-parent36 {
  width: 164.58px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7.68px;
}
.benetton-23a-3i1xu1034-906-fs-icon5,
.image-1612-11 {
  position: absolute;
  top: calc(50% - 24.47px);
  left: calc(50% - 24.11px);
  width: 48.94px;
  height: 49.42px;
  object-fit: cover;
}
.image-1612-11 {
  top: calc(50% - 24.95px);
  left: calc(50% - 14.75px);
  width: 29.75px;
}
.frame-parent39,
.group-parent30 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-parent30 {
  flex: 1;
  flex-direction: column;
  gap: 3.84px;
  font-size: 6.72px;
  color: var(--black);
}
.frame-parent39 {
  width: 164.58px;
  flex-direction: row;
  gap: 7.68px;
  font-size: 5.76px;
  color: var(--white);
}
.image-1612-31 {
  position: absolute;
  top: calc(50% - 22.07px);
  left: calc(50% - 16.43px);
  width: 33.11px;
  height: 44.62px;
  object-fit: cover;
}
.benetton-23a-3i1xu1034-906-fs-icon6 {
  position: absolute;
  top: calc(50% - 23.03px);
  left: calc(50% - 22.91px);
  width: 46.06px;
  height: 45.58px;
  object-fit: cover;
}
.benetton-23a-3i1xu1034-906-fs-icon7,
.image-1612-41 {
  position: absolute;
  top: calc(50% - 28.79px);
  left: calc(50% - 19.55px);
  width: 39.34px;
  height: 57.1px;
  object-fit: cover;
}
.image-1612-41 {
  top: calc(50% - 22.55px);
  left: calc(50% - 12.35px);
  width: 25.43px;
  height: 45.1px;
}
.frame-parent32 {
  width: 164.58px;
  gap: 5.76px;
  font-size: 6.72px;
}
.frame-parent32,
.new-in2,
.section-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.new-in2 {
  width: 179.93px;
  overflow: hidden;
  padding: 5.757760047912598px 7.677012920379639px;
  box-sizing: border-box;
  gap: 5.76px;
  font-size: 8.64px;
  color: var(--black);
}
.section-group {
  position: absolute;
  top: 132.65px;
  left: -0.31px;
  font-size: 7.68px;
  color: var(--black1);
}
.frame-icon29 {
  position: absolute;
  top: 842.3px;
  left: calc(50% - 4.07px);
  width: 9.6px;
  height: 9.6px;
  overflow: hidden;
  opacity: 0.7;
}
.sf-symbol-scribblevariable5 {
  position: absolute;
  top: 3.56px;
  left: calc(50% - 6.02px);
  width: 12.04px;
  height: 10.95px;
  display: none;
}
.label5 {
  position: absolute;
  top: calc(50% + 4.56px);
  left: calc(50% - 6.96px);
}
.frame-icon30 {
  display: none;
}
.frame-icon30,
.frame-icon32 {
  position: absolute;
  top: 2.4px;
  left: 12.48px;
  width: 11.52px;
  height: 11.52px;
  overflow: hidden;
}
.tab-bar-item5 {
  position: absolute;
  top: 0;
  left: calc(50% - 89.97px);
  width: 35.99px;
  height: 23.51px;
  color: var(--purpule);
}
.label6 {
  position: absolute;
  top: calc(50% + 4.56px);
  left: calc(50% - 8.4px);
}
.tab-bar-item6 {
  position: absolute;
  top: 0;
  left: calc(50% - 53.98px);
  width: 35.99px;
  height: 23.51px;
}
.label7 {
  position: absolute;
  top: calc(50% + 4.56px);
  left: calc(50% - 7.92px);
}
.frame-icon35 {
  position: absolute;
  top: 2.4px;
  left: 12.47px;
  width: 11.52px;
  height: 11.52px;
  overflow: hidden;
  display: none;
}
.tab-bar-item7 {
  position: absolute;
  top: 0;
  left: calc(50% - 17.99px);
  width: 35.99px;
  height: 23.51px;
}
.label8 {
  position: absolute;
  top: calc(50% + 4.56px);
  left: calc(50% - 15.11px);
}
.tab-bar-item8 {
  position: absolute;
  top: 0;
  left: calc(50% + 18px);
  width: 35.99px;
  height: 23.51px;
}
.label9 {
  position: absolute;
  top: calc(50% + 4.56px);
  left: calc(50% - 7.44px);
}
.frame-icon40 {
  position: absolute;
  top: 2.4px;
  left: 12.47px;
  width: 11.52px;
  height: 11.52px;
  overflow: hidden;
}
.tab-bar-item9 {
  position: absolute;
  top: 0;
  left: calc(50% + 53.98px);
  width: 35.99px;
  height: 23.51px;
}
.tabs1 {
  align-self: stretch;
  position: relative;
  height: 23.51px;
  overflow: hidden;
  flex-shrink: 0;
}
.home-indicator3 {
  position: absolute;
  bottom: 4.15px;
  left: calc(50% - 32.11px);
  border-radius: 47.98px;
  background-color: var(--label-color-light-primary);
  width: 64.29px;
  height: 2.4px;
}
.home-indicator2 {
  position: relative;
  width: 179.93px;
  height: 16.31px;
}
.home-scroll1,
.tab-bar1 {
  position: absolute;
  background-color: var(--white);
}
.tab-bar1 {
  bottom: -0.71px;
  left: calc(50% - 89.48px);
  box-shadow: 0-0.2399066537618637px 0 rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(9.6px);
  width: 179.93px;
  height: 39.82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: var(--font-size-8xs-8);
  color: var(--gray);
}
.home-scroll1 {
  top: 8.19px;
  left: 9.09px;
  border-radius: 9.14px;
  width: 180px;
  height: 386.71px;
  overflow: hidden;
}
.img-11 {
  position: relative;
  width: 200px;
  height: 404px;
  font-size: 6.72px;
  color: var(--color-gray-200);
}
.b,
.frame-parent31 {
  position: absolute;
  display: flex;
  align-items: center;
}
.frame-parent31 {
  top: 28px;
  left: calc(50% - 168px);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.b {
  top: 21px;
  left: 21px;
  font-size: var(--font-size-21xl);
  letter-spacing: 0.03em;
  line-height: 130%;
  color: #cca000;
  text-align: center;
  justify-content: center;
  width: 19px;
  height: 36px;
  opacity: 0.18;
}
.frame-parent30 {
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  background-color: #fffbeb;
  height: 568px;
  overflow: hidden;
}
.title12 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.03em;
  text-align: center;
  opacity: 0.74;
}
.image-30-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 388px;
  object-fit: cover;
}
.border3 {
  position: absolute;
  top: 0;
  right: 1.12px;
  border-radius: 1.28px;
  border: 0.5px solid var(--label-color-light-primary);
  box-sizing: border-box;
  width: 10.56px;
  height: 5.44px;
  opacity: 0.35;
  mix-blend-mode: normal;
}
.capacity3 {
  position: absolute;
  top: 0.96px;
  right: 2.08px;
  border-radius: 0.64px;
  background-color: var(--label-color-light-primary);
  width: 8.64px;
  height: 3.52px;
}
.battery3 {
  position: absolute;
  top: 8.32px;
  right: 7.04px;
  width: 11.68px;
  height: 5.44px;
}
.time-style3,
.time4 {
  position: absolute;
  width: 25.92px;
}
.time4 {
  top: calc(50% - 3.6px);
  left: 0;
  font-weight: 600;
  display: inline-block;
}
.time-style3 {
  top: 6.24px;
  left: 10.08px;
  height: 10.08px;
}
.iphone-xstatus-barsstatus-ba6,
.iphone-xstatus-barsstatus-ba7 {
  position: absolute;
  left: calc(50% - 90px);
  width: 180px;
  height: 21.12px;
}
.iphone-xstatus-barsstatus-ba7 {
  top: calc(50% - 10.56px);
  overflow: hidden;
}
.iphone-xstatus-barsstatus-ba6 {
  top: 0;
  color: var(--label-color-light-primary);
  font-family: var(--default-bold-subheadline);
}
.benetton-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--white);
  width: 17.28px;
  height: 17.28px;
}
.unitedcolorofbentton-5-3-icon2 {
  position: absolute;
  top: calc(50% - 3.85px);
  left: calc(50% - 5.76px);
  border-radius: 5.81px;
  width: 11.52px;
  height: 11.52px;
  object-fit: cover;
}
.benetton2 {
  position: absolute;
  top: 35.04px;
  left: 134.88px;
  width: 17.28px;
  height: 17.28px;
}
.near-shops-map-expand-child {
  position: absolute;
  top: 159.36px;
  left: 54.24px;
  width: 23.04px;
  height: 23.04px;
}
.vanessa-megan-icon {
  top: 120.96px;
  left: 134.88px;
  object-fit: cover;
}
.dyson-icon,
.levis-child,
.vanessa-megan-icon {
  position: absolute;
  width: 15.36px;
  height: 15.36px;
}
.dyson-icon {
  top: 96px;
  left: 34.08px;
  object-fit: cover;
}
.levis-child {
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--white);
}
.image-1587-icon {
  position: absolute;
  top: calc(50% - 0.49px);
  left: calc(50% - 6.24px);
  width: 12.48px;
  height: 4.8px;
  object-fit: cover;
}
.levis2,
.near-shops-map-expand-item {
  position: absolute;
  top: 29.76px;
  left: 1.92px;
  width: 15.36px;
  height: 15.36px;
}
.near-shops-map-expand-item {
  left: 143.52px;
  width: 36.48px;
  height: 38.4px;
}
.sf-symbol-scribblevariable10 {
  position: absolute;
  top: 3.57px;
  left: calc(50% - 6.02px);
  width: 12.04px;
  height: 10.95px;
  display: none;
}
.label10 {
  position: absolute;
  top: calc(50% + 4.08px);
  left: calc(50% - 6.96px);
  display: inline-block;
  width: 14.4px;
  height: 7.68px;
}
.frame-icon42 {
  position: absolute;
  height: 48.98%;
  width: 32%;
  top: 10.2%;
  right: 33.33%;
  bottom: 40.82%;
  left: 34.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}
.tab-bar-item10 {
  position: absolute;
  top: 0;
  left: calc(50% - 90px);
  width: 36px;
  height: 23.52px;
}
.label11 {
  position: absolute;
  top: calc(50% + 4.08px);
  left: calc(50% - 8.4px);
  display: inline-block;
  width: 17.28px;
  height: 7.68px;
}
.tab-bar-item11 {
  position: absolute;
  top: 0;
  left: calc(50% - 54px);
  width: 36px;
  height: 23.52px;
  color: var(--purpule);
}
.label12 {
  position: absolute;
  top: calc(50% + 4.08px);
  left: calc(50% - 7.92px);
  display: inline-block;
  width: 16.32px;
  height: 7.68px;
}
.frame-icon48 {
  position: absolute;
  height: 48.98%;
  width: 32%;
  top: 10.2%;
  right: 33.33%;
  bottom: 40.82%;
  left: 34.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.tab-bar-item12 {
  position: absolute;
  top: 0;
  left: calc(50% - 18px);
  width: 36px;
  height: 23.52px;
}
.label13 {
  position: absolute;
  top: calc(50% + 4.08px);
  left: calc(50% - 15.12px);
  display: inline-block;
  width: 30.24px;
  height: 7.68px;
}
.tab-bar-item13 {
  position: absolute;
  top: 0;
  left: calc(50% + 18px);
  width: 36px;
  height: 23.52px;
}
.label14 {
  position: absolute;
  top: calc(50% + 4.08px);
  left: calc(50% - 7.44px);
  display: inline-block;
  width: 14.88px;
  height: 7.68px;
}
.tab-bar-item14 {
  position: absolute;
  top: 0;
  left: calc(50% + 54px);
  width: 36px;
  height: 23.52px;
}
.tabs2 {
  align-self: stretch;
  position: relative;
  height: 23.52px;
  overflow: hidden;
  flex-shrink: 0;
}
.home-indicator5 {
  position: absolute;
  bottom: 4.16px;
  left: calc(50% - 32.16px);
  border-radius: var(--br-29xl);
  background-color: var(--label-color-light-primary);
  width: 64.32px;
  height: 2.4px;
}
.home-indicator4 {
  position: relative;
  width: 180px;
  height: 16.32px;
}
.search-area-child,
.tab-bar2 {
  position: absolute;
  left: 0;
  width: 180px;
}
.tab-bar2 {
  bottom: -0.2px;
  background-color: var(--white);
  box-shadow: 0-0.24000000953674316px 0 rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(9.6px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-8xs-8);
}
.search-area-child {
  top: 0;
  height: 286.56px;
}
.shape-icon {
  position: relative;
  width: 4.8px;
  height: 4.8px;
}
.m,
.shape-parent {
  display: flex;
  align-items: center;
}
.m {
  position: relative;
  line-height: 7.68px;
  width: 19.68px;
  flex-shrink: 0;
}
.shape-parent {
  position: absolute;
  top: 26.88px;
  left: 136.32px;
  width: 28.32px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 3.84px;
  text-align: right;
}
.mask-group-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.2px;
  height: 19.2px;
  object-fit: cover;
}
.skincare,
.vanessa-megan3 {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 11.52px;
}
.vanessa-megan3 {
  left: 0;
  font-weight: 600;
  width: 70.08px;
}
.skincare {
  left: 72.96px;
  font-size: 6.72px;
  color: var(--gray);
  text-align: right;
  width: 66.72px;
}
.div35,
.vanessa-megan-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 139.68px;
  height: 11.52px;
}
.div35 {
  left: 49.92px;
  display: flex;
  align-items: center;
  width: 20.16px;
  height: 7.68px;
}
.star-icon1,
.star-icon2,
.star-icon3,
.star-icon4,
.star-icon5 {
  position: absolute;
  height: 93.75%;
  width: 10.96%;
  top: 0;
  right: 89.04%;
  bottom: 6.25%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.star-icon2,
.star-icon3,
.star-icon4,
.star-icon5 {
  right: 75.34%;
  left: 13.7%;
}
.star-icon3,
.star-icon4,
.star-icon5 {
  right: 61.64%;
  left: 27.4%;
}
.star-icon4,
.star-icon5 {
  right: 47.95%;
  left: 41.1%;
}
.star-icon5 {
  right: 34.25%;
  left: 54.79%;
}
.parent {
  position: absolute;
  top: 11.04px;
  left: 0;
  width: 70.08px;
  height: 7.68px;
  font-size: 6.72px;
  color: var(--gray);
}
.group-parent35,
.mask-group-parent {
  position: absolute;
  top: 0;
  left: 24.96px;
  width: 139.68px;
  height: 18.72px;
}
.mask-group-parent {
  left: 0;
  width: 164.64px;
  height: 19.2px;
  font-size: 7.68px;
  color: var(--label-color-light-primary);
}
.westheimer-rd-20 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 62.4px;
  height: 7.68px;
}
.frame-child4 {
  position: relative;
  border-radius: 50%;
  background-color: var(--color-limegreen);
  width: 3.84px;
  height: 3.84px;
}
.open-until-9 {
  position: relative;
  display: flex;
  align-items: center;
  width: 55.68px;
  height: 7.68px;
  flex-shrink: 0;
}
.ellipse-parent6 {
  position: absolute;
  top: 9.6px;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.84px;
  color: var(--black);
}
.westheimer-rd-20-parent {
  position: absolute;
  top: 26.88px;
  left: 24.96px;
  width: 63.36px;
  height: 17.28px;
}
.store-1,
.store-1-wrapper {
  width: 164.64px;
  height: 44.16px;
}
.store-1 {
  position: absolute;
  top: 0;
  left: 0;
}
.store-1-wrapper {
  position: relative;
  background-color: var(--white);
}
.line-div {
  position: relative;
  border-top: 0.5px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  width: 165.12px;
  height: 0.48px;
}
.electronics {
  left: 72.96px;
  display: flex;
  align-items: center;
  width: 66.72px;
}
.dyson,
.electronics,
.electronics-parent {
  position: absolute;
  top: 0;
  height: 11.52px;
}
.dyson {
  left: 0;
  font-size: 7.68px;
  font-weight: 600;
  color: var(--label-color-light-primary);
  text-align: left;
  display: flex;
  align-items: center;
  width: 97.44px;
}
.electronics-parent {
  left: 24.96px;
  width: 139.68px;
  text-align: right;
}
.open-to-8,
.royal-ln-mesa {
  position: absolute;
  height: 7.68px;
}
.royal-ln-mesa {
  top: 26.88px;
  left: 24.96px;
  display: flex;
  align-items: center;
  width: 108px;
}
.open-to-8 {
  top: 36.48px;
  left: 32.64px;
  color: var(--black);
  width: 58.56px;
}
.m1,
.open-to-8,
.shape-group {
  display: flex;
  align-items: center;
}
.m1 {
  position: relative;
  width: 19.68px;
  height: 7.68px;
  flex-shrink: 0;
}
.shape-group {
  position: absolute;
  top: 24.96px;
  left: 136.32px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 3.84px;
  color: var(--color-darkgray-100);
}
.group,
.store-2-child {
  position: absolute;
  top: 11.52px;
  left: 24.96px;
  width: 70.08px;
  height: 7.68px;
}
.store-2-child {
  top: 38.4px;
  border-radius: 50%;
  background-color: var(--color-lime);
  width: 3.84px;
  height: 3.84px;
}
.store-2 {
  position: relative;
  width: 164.64px;
  height: 44.16px;
}
.div37,
.km,
.shape-container {
  display: flex;
  align-items: center;
}
.km {
  position: relative;
  width: 12.96px;
  height: 7.68px;
  flex-shrink: 0;
}
.div37,
.shape-container {
  position: absolute;
}
.shape-container {
  top: 24.96px;
  left: 143.04px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 3.84px;
  color: var(--color-darkgray-100);
}
.div37 {
  top: 0;
  left: 49.92px;
  width: 23.04px;
  height: 7.68px;
}
.star-icon11,
.star-icon12,
.star-icon13,
.star-icon14,
.star-icon15 {
  position: absolute;
  height: 93.75%;
  width: 10.53%;
  top: 0;
  right: 89.47%;
  bottom: 6.25%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.star-icon12,
.star-icon13,
.star-icon14,
.star-icon15 {
  right: 76.32%;
  left: 13.16%;
}
.star-icon13,
.star-icon14,
.star-icon15 {
  right: 63.16%;
  left: 26.32%;
}
.star-icon14,
.star-icon15 {
  right: 50%;
  left: 39.47%;
}
.star-icon15 {
  right: 36.84%;
  left: 52.63%;
}
.benetton3,
.km1 {
  display: flex;
  align-items: center;
}
.benetton3 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 7.68px;
  font-weight: 600;
  color: var(--label-color-light-primary);
  text-align: left;
  width: 99.84px;
  height: 11.52px;
}
.km1 {
  position: relative;
  width: 18.24px;
  height: 7.68px;
  flex-shrink: 0;
}
.frame-parent50,
.shape-parent1 {
  position: absolute;
  display: flex;
  justify-content: flex-start;
}
.shape-parent1 {
  top: 24.96px;
  left: 137.76px;
  flex-direction: row;
  align-items: center;
  gap: 3.84px;
  color: var(--color-darkgray-100);
}
.frame-parent50 {
  top: 64.8px;
  left: 9.6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.68px;
}
.search-area-item {
  position: absolute;
  top: 3.84px;
  left: 79.2px;
  border-radius: var(--br-29xl);
  background-color: #e6e6e6;
  width: 25.44px;
  height: 1.92px;
}
.search-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--background-grey);
  width: 145.44px;
  height: 19.2px;
}
.search-icon {
  position: absolute;
  height: 40.19%;
  width: 5.28%;
  top: 32.07%;
  right: 89.44%;
  bottom: 27.73%;
  left: 5.28%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.search1 {
  position: absolute;
  top: 5.76px;
  left: 23.04px;
  display: flex;
  align-items: center;
  width: 32.16px;
  height: 7.68px;
}
.voice-icon {
  position: absolute;
  height: 40.19%;
  width: 4.29%;
  top: 32.07%;
  right: 5.28%;
  bottom: 27.73%;
  left: 90.43%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.clear-icon,
.search {
  position: absolute;
  top: 13.44px;
  left: 9.6px;
  width: 145.44px;
  height: 19.2px;
}
.clear-icon {
  top: 17.28px;
  left: 162.72px;
  width: 11.52px;
  height: 11.52px;
}
.shops-near-you {
  position: absolute;
  top: 44.16px;
  left: 9.6px;
  font-size: 8.64px;
  font-weight: 600;
  color: var(--label-color-light-primary);
}
.search-area {
  position: absolute;
  top: 62.88px;
  left: 0;
  width: 180px;
  height: 287.52px;
  text-align: left;
}
.near-shops-map-expand {
  position: absolute;
  top: 8px;
  left: 10px;
  border-radius: 23.64px;
  background-color: var(--white);
  width: 180px;
  height: 388px;
  overflow: hidden;
}
.img-3-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.near-shops-map-expand-parent {
  position: relative;
  width: 200px;
  height: 404px;
  text-align: center;
  font-size: 6.72px;
  color: var(--gray);
}
.b1 {
  position: absolute;
  top: 21px;
  left: 21px;
  font-size: var(--font-size-21xl);
  letter-spacing: 0.03em;
  line-height: 130%;
  display: flex;
  color: #fbc6dc;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 36px;
}
.frame-parent48 {
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  background-color: var(--color-lavenderblush);
  height: 568px;
  overflow: hidden;
}
.label15 {
  position: absolute;
  top: calc(50% + 4.98px);
  left: calc(50% - 6.48px);
  letter-spacing: -0.12px;
  font-weight: 500;
}
.tab-bar-item15 {
  position: absolute;
  top: 0;
  left: calc(50% - 90px);
  width: 36px;
  height: 23.52px;
  color: #c3305c;
}
.label16 {
  position: absolute;
  top: calc(50% + 4.98px);
  left: calc(50% - 7.44px);
  letter-spacing: -0.12px;
  font-weight: 500;
}
.tab-bar-item16 {
  position: absolute;
  top: 0;
  left: calc(50% - 54px);
  width: 36px;
  height: 23.52px;
}
.label17 {
  position: absolute;
  top: calc(50% + 4.98px);
  left: calc(50% - 5.52px);
  letter-spacing: -0.12px;
  font-weight: 500;
}
.iconlylightbag3 {
  position: absolute;
  height: 48.98%;
  width: 32%;
  top: 14.29%;
  right: 1.33%;
  bottom: 36.73%;
  left: 66.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.label18 {
  position: absolute;
  top: calc(50% + 4.98px);
  left: calc(50% - 13.68px);
  letter-spacing: -0.12px;
  font-weight: 500;
}
.iconlylightnotification {
  position: absolute;
  height: 48.98%;
  width: 32%;
  top: 14.29%;
  right: 33.33%;
  bottom: 36.73%;
  left: 34.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.label19 {
  position: absolute;
  top: calc(50% + 4.98px);
  left: calc(50% - 6.96px);
  letter-spacing: -0.12px;
  font-weight: 500;
}
.tabs3 {
  top: 349.92px;
  left: calc(50% - 90px);
  width: 180px;
  height: 23.52px;
  overflow: hidden;
  color: var(--gray);
  font-family: var(--default-bold-subheadline);
}
.tabs3,
.try-again,
.vector-icon {
  position: absolute;
  display: none;
}
.vector-icon {
  top: 32.64px;
  left: 7.68px;
  width: 7.68px;
  height: 7.68px;
}
.try-again {
  top: 308.16px;
  left: 140.16px;
  font-size: 6.72px;
  line-height: 11.52px;
  font-weight: 600;
}
.vanessa-megan-shop-child {
  position: absolute;
  top: 312.48px;
  left: 142.56px;
  width: 14.4px;
  height: 14.4px;
  display: none;
}
.group-child42 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--background-grey);
  width: 164.64px;
  height: 51.84px;
}
.vanessa-megan4 {
  position: absolute;
  top: 9.12px;
  left: 7.68px;
  font-size: 8.64px;
  font-weight: 600;
  color: var(--label-color-light-primary);
}
.group-child43 {
  position: absolute;
  top: 1.92px;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-limegreen);
  width: 3.84px;
  height: 3.84px;
}
.open-until-91 {
  position: absolute;
  top: 0;
  left: 7.68px;
  display: flex;
  align-items: center;
  width: 55.68px;
  height: 7.68px;
}
.ellipse-parent7 {
  position: absolute;
  top: 9.6px;
  left: 0;
  width: 63.36px;
  height: 7.68px;
  color: var(--black);
}
.div39,
.westheimer-rd-20-group {
  position: absolute;
  top: 26.88px;
  left: 7.68px;
  width: 63.36px;
  height: 17.28px;
}
.div39 {
  top: 0.2px;
  left: 49.92px;
  display: flex;
  align-items: center;
  width: 16.32px;
  height: 7.68px;
}
.star-icon21,
.star-icon22,
.star-icon23,
.star-icon24,
.star-icon25,
.star-icon26 {
  position: absolute;
  height: 91.05%;
  width: 11.59%;
  top: 0;
  right: 88.41%;
  bottom: 8.95%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.star-icon22,
.star-icon23,
.star-icon24,
.star-icon25,
.star-icon26 {
  right: 73.91%;
  left: 14.49%;
}
.star-icon23,
.star-icon24,
.star-icon25,
.star-icon26 {
  right: 59.42%;
  left: 28.99%;
}
.star-icon24,
.star-icon25,
.star-icon26 {
  right: 44.93%;
  left: 43.48%;
}
.star-icon25,
.star-icon26 {
  right: 30.43%;
  left: 57.97%;
}
.star-icon26 {
  height: 90.87%;
  width: 5.63%;
  right: 36.4%;
  bottom: 9.13%;
}
.parent2 {
  position: absolute;
  top: 11.32px;
  left: 90.72px;
  width: 66.24px;
  height: 7.88px;
}
.shape-parent2 {
  position: absolute;
  top: 36.48px;
  left: 128.64px;
  width: 28.32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.84px;
  text-align: right;
}
.rectangle-parent23 {
  position: absolute;
  top: 48.2px;
  left: 7.68px;
  width: 164.64px;
  height: 51.84px;
  text-align: left;
  font-size: 6.72px;
  color: var(--gray);
}
.group-child44 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--background-grey);
  width: 164.64px;
  height: 34.56px;
}
.phone-035-converted-2 {
  position: absolute;
  top: 7.28px;
  left: 7.04px;
  width: 21.12px;
  height: 18.72px;
  overflow: hidden;
}
.delivery {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  width: 34.08px;
  height: 11.52px;
}
.delivery-parent,
.min-5-7 {
  position: absolute;
  width: 59.52px;
}
.min-5-7 {
  top: 11.52px;
  left: 0;
  font-size: 6.72px;
  color: var(--gray);
  display: flex;
  align-items: center;
  height: 7.68px;
}
.delivery-parent {
  top: 7.68px;
  left: 38.4px;
  height: 19.2px;
}
.rectangle-parent24 {
  position: absolute;
  top: 103.88px;
  left: 7.68px;
  width: 164.64px;
  height: 34.56px;
  text-align: left;
  font-size: 7.68px;
}
.notch-icon1 {
  position: absolute;
  top: -0.96px;
  left: calc(50% - 39.36px);
  width: 78.72px;
  height: 14.88px;
  display: none;
}
.right-side-icon1 {
  position: absolute;
  top: 8.32px;
  right: 7.04px;
  width: 32px;
  height: 5.44px;
}
.div40,
.left-side1,
.time5 {
  position: absolute;
  width: 25.92px;
}
.div40 {
  top: 0.48px;
  left: 0;
  letter-spacing: -0.24px;
  line-height: 9.6px;
  font-weight: 600;
  display: inline-block;
  height: 9.6px;
}
.left-side1,
.time5 {
  height: 10.08px;
}
.time5 {
  top: 0;
  left: 0;
  border-radius: 11.52px;
}
.left-side1 {
  top: 5.76px;
  left: 11.52px;
}
.status-bar-iphone-13-13-pr1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 21.12px;
  overflow: hidden;
  font-size: var(--font-size-5xs-2);
  font-family: var(--default-bold-subheadline);
}
.group-child45,
.rectangle-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 236.16px;
}
.group-child45 {
  border-radius: 5.76px;
  background-color: var(--color-gray-500);
  width: 74.88px;
  height: 74.88px;
}
.d1a-9ee8-151eeac4f4e5-1-icon2 {
  position: absolute;
  top: calc(50% - 24.96px);
  left: calc(50% - 14.4px);
  width: 28.8px;
  height: 49.92px;
  object-fit: cover;
}
.rectangle-parent25 {
  position: relative;
  width: 74.88px;
  height: 74.88px;
}
.div41,
.perfume-liliquoi {
  position: relative;
}
.div41 {
  font-weight: 500;
  text-align: right;
  display: flex;
  align-items: center;
  width: 19.2px;
  height: 7.68px;
  flex-shrink: 0;
}
.perfume-liliquoi-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.group-parent36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.92px;
}
.image-1612-12,
.image-1612-2,
.image-1612-32 {
  position: absolute;
  top: calc(50% - 27.84px);
  left: calc(50% - 16.32px);
  width: 33.6px;
  height: 56.16px;
  object-fit: cover;
}
.image-1612-2,
.image-1612-32 {
  top: calc(50% - 28.8px);
  left: calc(50% - 14.4px);
  width: 28.8px;
  height: 58.08px;
}
.image-1612-32 {
  top: calc(50% - 22.08px);
  left: calc(50% - 16.32px);
  width: 33.12px;
  height: 44.64px;
}
.frame-parent54 {
  position: absolute;
  top: 46.08px;
  left: 11.52px;
  width: 157.44px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7.68px;
}
.popular,
.popular1 {
  display: flex;
  align-items: center;
}
.popular {
  position: absolute;
  top: 30.72px;
  left: 11.52px;
  font-size: 7.68px;
  font-weight: 600;
  color: var(--label-color-light-primary);
  width: 34.08px;
  height: 11.52px;
}
.popular1 {
  position: relative;
  font-weight: 500;
  justify-content: center;
  width: 28.8px;
  height: 7.68px;
  flex-shrink: 0;
}
.popular-wrapper {
  border-radius: 5.76px;
  background-color: var(--text-disable);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.840005874633789px 7.680011749267578px;
}
.skin {
  position: relative;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.12px;
  height: 7.68px;
  flex-shrink: 0;
}
.skin-wrapper {
  border-radius: 5.76px;
  background-color: var(--background-grey);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.840005874633789px 7.680011749267578px;
}
.accessories,
.body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.68px;
  flex-shrink: 0;
}
.body {
  font-weight: 500;
  width: 26.88px;
}
.accessories {
  width: 42.24px;
}
.frame-parent55 {
  position: absolute;
  top: 7.68px;
  left: 30.72px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.84px;
  text-align: center;
  font-size: 6.72px;
}
.frame-child7,
.vector-parent {
  position: absolute;
  top: 7.68px;
  left: 7.68px;
  width: 15.36px;
  height: 15.36px;
  overflow: hidden;
}
.vector-parent {
  top: 149.76px;
  left: 0;
  width: 180px;
  height: 223.68px;
  text-align: left;
  color: var(--black);
}
.home-indicator6,
.vanessa-megan-shop-item {
  position: absolute;
  top: 373.44px;
  width: 180px;
  height: 16.32px;
}
.vanessa-megan-shop-item {
  left: 0;
  background-color: var(--background-grey);
}
.home-indicator6 {
  left: calc(50% - 90px);
}
.back-icon,
.frame-icon52,
.vanessa-megan-shop {
  position: absolute;
  top: 30.72px;
  left: 160.8px;
  width: 11.52px;
  height: 11.52px;
  overflow: hidden;
}
.back-icon,
.vanessa-megan-shop {
  left: 7.68px;
}
.vanessa-megan-shop {
  top: 7.85px;
  left: 9.55px;
  border-radius: var(--br-5xl);
  background-color: var(--white);
  width: 180px;
  height: 388.53px;
}
.b2,
.img-4 {
  text-align: center;
}
.img-4 {
  position: relative;
  width: 200px;
  height: 404px;
  font-size: var(--font-size-8xs-8);
  color: var(--label-color-light-primary);
}
.b2 {
  position: absolute;
  top: 21px;
  left: 21px;
  font-size: var(--font-size-21xl);
  letter-spacing: 0.03em;
  line-height: 130%;
  display: flex;
  color: #5ccc8f;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 36px;
  opacity: 0.18;
}
.frame-parent52 {
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  background-color: #f3fbf7;
  height: 568px;
  overflow: hidden;
}
.title16 {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.03em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 336px;
  opacity: 0.74;
}
.image-30-icon2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 388.53px;
  object-fit: cover;
}
.iphone-xstatus-barsstatus-ba8 {
  position: absolute;
  top: -0.33px;
  left: -0.45px;
  width: 180px;
  height: 21.12px;
  display: none;
  font-size: 6.72px;
  font-family: var(--default-bold-subheadline);
}
.live-traking-order-2-child {
  position: absolute;
  top: -0.33px;
  left: -0.45px;
  background-color: var(--white);
  width: 180px;
  height: 55.68px;
}
.box1,
.line1 {
  position: absolute;
}
.box1 {
  top: 0;
  left: 0;
  width: 180px;
  height: 16.32px;
}
.line1 {
  bottom: 3.88px;
  left: calc(50% - 32.4px);
  border-radius: var(--br-29xl);
  background-color: var(--label-color-light-primary);
  width: 64.8px;
  height: 2.4px;
}
.system-ui-iphone-xs-hone-i1 {
  position: absolute;
  width: 100%;
  right: 0.45px;
  bottom: 2.99px;
  left: -0.45px;
  height: 16.36px;
  overflow: hidden;
}
.group-child49 {
  top: 0;
  border-radius: 5.76px;
  background-color: var(--white);
  width: 164.64px;
  height: 36.48px;
}
.courier1,
.group-child49,
.sebastian1 {
  position: absolute;
  left: 0;
}
.sebastian1 {
  top: 0.96px;
  font-weight: 600;
}
.courier1 {
  top: 12.48px;
  font-size: 6.72px;
  color: var(--color-darkgray-100);
  display: flex;
  align-items: center;
  width: 25.92px;
  height: 7.68px;
}
.group-child50,
.sebastian-parent {
  position: absolute;
  top: 7.92px;
  left: 34.59px;
  width: 41.82px;
  height: 20.91px;
  overflow: hidden;
}
.group-child50 {
  top: 7.68px;
  left: 118.56px;
  width: 38.4px;
  height: 21.12px;
}
.rectangle-parent29 {
  position: absolute;
  top: 336.63px;
  left: 7.23px;
  width: 164.64px;
  height: 36.48px;
  text-align: left;
  font-size: 7.68px;
}
.group-child51 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--white);
  width: 164.64px;
  height: 47.52px;
}
.vanessa-megan-westheimer-container1 {
  position: absolute;
  top: 7.68px;
  left: 23.04px;
}
.morley-house-3201 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 118.56px;
  height: 11.52px;
}
.group-child52,
.morley-house-320-regent-street-container {
  position: absolute;
  top: 29.28px;
  left: 23.04px;
  width: 118.56px;
  height: 11.52px;
}
.group-child52 {
  top: 7.68px;
  left: 7.68px;
  width: 9.6px;
  height: 32.16px;
}
.rectangle-parent30 {
  position: absolute;
  top: 285.27px;
  left: 7.23px;
  width: 164.64px;
  height: 47.52px;
  text-align: left;
  font-size: 6.72px;
}
.unsplash-avatars-0004s-0005-la-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 26.4px;
  width: 21.12px;
  height: 21.12px;
  object-fit: cover;
}
.group-child53 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 13.44px;
  background-color: var(--white);
  width: 14.08px;
  height: 7.68px;
}
.div45,
.star-icon27 {
  position: absolute;
  top: 1.28px;
  left: 1.92px;
  width: 5.12px;
  height: 4.8px;
}
.div45 {
  left: 8.32px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  width: 4.48px;
  height: 5.12px;
}
.rectangle-parent31 {
  position: absolute;
  top: 14.4px;
  left: 3.36px;
  width: 14.08px;
  height: 7.68px;
}
.unsplash-avatars-0004s-0005-la-group {
  position: absolute;
  top: 344.31px;
  left: 14.91px;
  width: 21.12px;
  height: 21.12px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-8xs-8);
  font-family: var(--default-bold-subheadline);
}
.group-child54 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5.76px;
  background-color: var(--white);
  width: 164.64px;
  height: 38.4px;
}
.group-child55 {
  position: absolute;
  top: 7.68px;
  left: 7.68px;
  width: 23.04px;
  height: 23.04px;
}
.div46,
.estimated-delivery-time1 {
  position: absolute;
  top: 15.36px;
  left: 0;
  display: flex;
  align-items: center;
  width: 79.68px;
  height: 7.68px;
}
.div46 {
  top: 0;
  font-size: 8.64px;
  font-weight: 500;
  color: var(--label-color-light-primary);
  width: 49.44px;
  height: 11.52px;
}
.estimated-delivery-time-group {
  position: absolute;
  top: 7.68px;
  left: 36.48px;
  width: 79.68px;
  height: 23.04px;
}
.rectangle-parent32 {
  position: absolute;
  top: 243.03px;
  left: 7.23px;
  width: 164.64px;
  height: 38.4px;
  text-align: left;
  font-size: 6.72px;
  color: var(--color-darkgray-100);
}
.order-tracking1 {
  position: absolute;
  top: 0;
  left: 23.04px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 69.12px;
  height: 11.52px;
}
.back-icon1,
.group-child56 {
  position: absolute;
  width: 11.52px;
  height: 11.52px;
  overflow: hidden;
}
.group-child56 {
  top: 32.31px;
  left: 7.23px;
  display: none;
}
.back-icon1 {
  top: 0;
  left: 0;
}
.order-tracking-parent {
  position: absolute;
  top: 32.31px;
  left: 7.23px;
  width: 92.16px;
  height: 11.52px;
  text-align: left;
  font-size: 8.64px;
  color: var(--color-gray-100);
}
.group-child57 {
  position: absolute;
  top: 0;
  left: 13.44px;
  width: 10.56px;
  height: 10.56px;
}
.group-child58,
.regent-street1 {
  position: absolute;
  top: 10.56px;
  left: 0;
}
.group-child58 {
  top: 10.08px;
  left: 18.72px;
  background-color: var(--purpule);
  width: 0.48px;
  height: 2.4px;
}
.group-parent40 {
  position: absolute;
  top: 194.55px;
  left: 120.99px;
  width: 36px;
  height: 18.56px;
}
.pngwingcom-2023-02-21t075311 {
  position: absolute;
  top: 59.67px;
  left: 118.59px;
  width: 22.08px;
  height: 22.08px;
  object-fit: cover;
}
.live-traking-order-2-item {
  position: absolute;
  top: 75.17px;
  left: 75.25px;
  width: 66.37px;
  height: 131.55px;
}
.abc-street1,
.peter-road1,
.pizza-point1,
.royal-cafe1 {
  position: absolute;
  top: 64.95px;
  left: 4.83px;
  display: inline-block;
  width: 43.68px;
  height: 13.44px;
}
.peter-road1,
.pizza-point1,
.royal-cafe1 {
  top: 105.27px;
  left: 132.99px;
}
.peter-road1,
.pizza-point1 {
  top: 181.11px;
  left: -1.41px;
}
.peter-road1 {
  top: 98.55px;
  left: 36.51px;
  font-size: var(--font-size-8xs-8);
}
.live-traking-order-2-inner {
  position: absolute;
  top: 174.87px;
  left: 120.99px;
  border-radius: 4.8px;
  background-color: var(--white);
  width: 38.4px;
  height: 19.68px;
}
.away1 {
  margin: 0;
  font-size: var(--font-size-8xs-8);
}
.mins-away1 {
  position: absolute;
  top: 175.83px;
  left: 128.19px;
  font-size: 6.24px;
}
.status-bar-iphone-13-13-pr2 {
  position: absolute;
  top: -0.33px;
  left: 0.45px;
  width: 180px;
  height: 21.12px;
  overflow: hidden;
  font-size: var(--font-size-5xs-2);
  font-family: var(--default-bold-subheadline);
}
.vector-icon1 {
  position: absolute;
  height: 3.04%;
  top: 1.17%;
  bottom: 95.78%;
  left: calc(50% - 21.82px);
  max-height: 100%;
  width: 43.64px;
}
.live-traking-order-2 {
  position: absolute;
  top: 9.1px;
  left: 10px;
  border-radius: var(--br-5xl);
  background-color: var(--white);
  width: 180px;
  height: 388.53px;
  overflow: hidden;
}
.b3,
.img-3 {
  text-align: center;
}
.img-3 {
  position: relative;
  width: 200px;
  height: 404px;
  font-size: 5.28px;
  color: var(--label-color-light-primary);
}
.b3 {
  position: absolute;
  top: 21px;
  left: 21px;
  font-size: var(--font-size-21xl);
  letter-spacing: 0.03em;
  line-height: 130%;
  display: flex;
  color: #96a4f8;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 36px;
  opacity: 0.18;
}
.frame-parent56 {
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  background-color: #f1f3fe;
  height: 568px;
  overflow: hidden;
}
.frame-parent27,
.frame-parent28 {
  display: flex;
  flex-direction: column;
}
.frame-parent28 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--font-size-xl);
}
.frame-parent27 {
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-61xl);
  text-align: center;
}
.title17 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 130%;
}
.title-parent10 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.frame-child8 {
  position: relative;
  width: 40px;
  height: 40px;
}
.title19 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.03em;
  line-height: 160%;
  opacity: 0.74;
}
.title-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 348px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper21 {
  align-self: stretch;
  position: relative;
  height: 88px;
  font-size: var(--font-size-sm);
}
.group-parent41,
.title-parent11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.title-parent11 {
  align-self: stretch;
  gap: var(--gap-5xs);
}
.group-parent41 {
  flex: 1;
  border-radius: var(--br-xs);
  background-color: var(--white);
  border: 1px solid var(--gray);
  padding: var(--padding-xl);
  gap: var(--gap-base);
}
.frame-parent60,
.header-button1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.frame-parent60 {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-5xl);
}
.header-button1 {
  border-radius: var(--br-41xl);
  border: 1px solid var(--black);
  align-items: center;
  padding: var(--padding-xs) var(--padding-5xl);
  text-align: center;
  font-size: var(--font-size-sm);
}
.frame-parent59 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: var(--gap-21xl);
  text-align: left;
  font-size: var(--font-size-lg);
}
.gform_footer {
	    float: right;
}
input[type="submit"]:hover {
	box-shadow: none !important;
	transform: none !important;
	-webkit-transform: none !important;
	background-color: #D01061 !important;
}
.gform_footer input{
    border-radius: var(--br-41xl) !important;
    background-color: var(--purpule);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) var(--padding-base) !important;
    text-align: center;
    color: var(--white);
    font-family: var(--font-poppins);
}
.frame-parent58,
.hipidy-homepage-inner1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frame-parent58 {
  align-self: stretch;
  background-color: rgba(254, 246, 249, 0.8);
  padding: 60px var(--padding-141xl);
  gap: var(--gap-61xl);
}
.hipidy-homepage-inner1 {
  position: absolute;
  top: 3102px;
  width: 100%;
  padding: var(--padding-61xl) 0;
  box-sizing: border-box;
  text-align: center;
}
.title22 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 144%;
  font-weight: 600;
}
.section-section7 {
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.03em;
  line-height: 151%;
  opacity: 0.8;
}
.title-parent13 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  text-align: center;
}
.first-name {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-weight: 500;
}
.start-adornment-icon {
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.eg-jane {
  flex: 1;
  position: relative;
  letter-spacing: 0.02em;
  line-height: 28px;
}
.end-adornment-icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: none;
}
.content {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-7xs);
  background-color: var(--white);
  border: 1px solid var(--gray);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-sm) var(--padding-base);
  gap: var(--gap-5xs);
  font-size: var(--font-size-sm);
  color: var(--gray);
}
.helptext {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 12px;
  font-family: var(--font-inter);
  color: var(--gray-500);
  display: none;
}
.frame-parent63,
.input,
.input-parent,
.input2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.input {
  flex: 1;
  height: 88px;
  flex-direction: column;
  gap: var(--gap-xs);
}
.frame-parent63,
.input-parent,
.input2 {
  align-self: stretch;
}
.input-parent {
  flex-direction: row;
  gap: var(--gap-5xl);
  flex-wrap: wrap;
}
.input-parent div {
	min-width: 320px;
	text-align: center;
}
.frame-parent63,
.input2 {
  flex-direction: column;
}
.input2 {
  height: 88px;
  gap: var(--gap-xs);
}
.frame-parent63 {
  gap: var(--gap-5xl);
}
.call-to-action-button3 {
  border-radius: var(--br-41xl);
  background-color: var(--purpule);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base) var(--padding-5xl);
  text-align: center;
  color: var(--white);
}
.frame-parent61,
.frame-parent62 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.frame-parent62 {
  align-self: stretch;
  gap: var(--gap-21xl);
  font-size: var(--font-size-base);
}
.frame-parent61 {
  gap: var(--gap-61xl);
}
.sse1{
	font-size: 38px;
}
.hipidy-homepage-inner2 {
  position: absolute;
  top: 3818px;
  left: 0;
  width: 100%;
  height: 660px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  padding: var(--padding-61xl) var(--padding-141xl);
  box-sizing: border-box;
}
.hipidy-homepage {
  position: relative;
  background-color: var(--white);
  width: 100%;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--black);
  font-family: var(--font-poppins);
}
.phs{
  width: 200px !important;
}
body {
  margin: 0;
  line-height: normal;
	   color: var(--black);
    font-family: var(--font-poppins);
}

:root {
  /* fonts */
  --font-poppins: Poppins;
  --font-inter: Inter;
  --default-bold-subheadline: "SF Pro Text";
  --font-pacifico: Pacifico;

  /* font sizes */
  --font-size-base: 16px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-5xl: 24px;
  --font-size-lg: 18px;
  --font-size-21xl: 40px;
  --font-size-5xs-2: 7.2px;
  --font-size-8xs-8: 4.8px;
  --font-size-7xs-3: 5.3px;
  --font-size-4xs-6: 8.6px;
  --font-size-6xs-7: 6.7px;
  --font-size-5xs-7: 7.7px;
  --font-size-xl: 20px;
  --font-size-7xs-8: 5.8px;
  --font-size-2xl-5: 21.5px;
  --font-size-4xs-4: 8.4px;
  --font-size-5xs-4: 7.4px;
  --font-size-6xs-3: 6.3px;
  --font-size-3xs-5: 9.5px;
  --default-bold-subheadline-size: 15px;

  /* Colors */
  --white: #fff;
  --purpule: #ed1c74;
  --gray-500: #adb5bd;
  --color-darkgray-100: #9a9a9a;
  --gray: #8b8b8b;
  --color-gray-100: #1e1e1e;
  --black1: #111;
  --color-gray-200: #020202;
  --black: #010101;
  --color-gray-300: rgba(139, 139, 139, 0.2);
  --color-gray-400: rgba(139, 139, 139, 0.7);
  --color-gray-500: rgba(139, 139, 139, 0.1);
  --label-color-light-primary: #000;
  --background-grey: #f8f8f8;
  --color-whitesmoke-100: #f2f2f2;
  --light-grey: #f0f2f5;
  --text-disable: #e1e1e1;
  --color-limegreen: #1dd930;
  --color-lavenderblush: #fef1f6;
  --color-lime: #00e817;

  /* Gaps */
  --gap-61xl: 80px;
  --gap-21xl: 40px;
  --gap-5xl: 24px;
  --gap-xs: 12px;
  --gap-5xs: 8px;
  --gap-base: 16px;
  --gap-13xl: 32px;
  --gap-9xs-8: 3.8px;
  --gap-5xs-7: 7.7px;
  --gap-11xs-9: 1.9px;
  --gap-7xs-8: 5.8px;
  --gap-12xs: 1px;
  --gap-xl: 20px;
  --gap-17xl: 36px;
  --gap-3xs: 10px;
  --gap-6xs-3: 6.3px;
  --gap-4xs-4: 8.4px;
  --gap-8xs-2: 4.2px;
  --gap-10xs-1: 2.1px;
  --gap-11xs-1: 1.1px;

  /* Paddings */
  --padding-61xl: 80px;
  --padding-141xl: 160px;
  --padding-base: 16px;
  --padding-5xl: 24px;
  --padding-sm: 14px;
  --padding-xs: 12px;
  --padding-xl: 20px;
  --padding-9xs-8: 3.8px;
  --padding-5xs-7: 7.7px;
  --padding-7xs-8: 5.8px;
  --padding-21xl: 40px;
  --padding-469xl: 488px;
  --padding-12xs: 1px;
  --padding-3xs: 10px;
  --padding-6xs-3: 6.3px;
  --padding-4xs-4: 8.4px;

  /* Border radiuses */
  --br-41xl: 60px;
  --br-7xs: 6px;
  --br-xs: 12px;
  --br-5xl: 24px;
  --br-xs-5: 11.5px;
  --br-7xs-8: 5.8px;
  --br-29xl: 48px;
  --br-12xs-6: 0.6px;
  --br-11xs-3: 1.3px;
  --br-10xs-4: 2.4px;
  --br-10xs-6: 2.6px;
  --br-6xs-3: 6.3px;
  --br-12xs-7: 0.7px;
}
@media(max-width: 1400px) {
	.frame-parent23 {
		padding: 0;
	}
	.frame-containerx1 {
		width: 100%;
		flex-direction: column;
		gap: 20px;
	}
	.frame-containerx1 .pexels-kampus-production-89317-iconx1,
	.frame-wrapper1x1,
	.frame-divx1 {
		width: 100% !important;
	}
	.frame-containerx1:last-child {
		flex-direction: column-reverse;
	}
	.frame-groupx1 {
		gap: 20px;
	}
	.title-parentx1,
	.title-parentx1 .titlex1 {
		text-align: center;
		align-items: center;
	}
}
@media(max-width: 1250px) {
	.frame-parent16 {
  		align-self: unset;
	}
	.frame-parent16 .group-parent14:last-child {
		margin-top: 94px;
	}
}
@media(max-width: 1024px) {
	.herosection {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
		gap: 94px;
	}
	.herosection .text {
		align-items: center;
		justify-content: center;
	}
	.herosection .image {
		width: 340px;
		margin-right: 0;
	}
	.section-section, .section-section1 {
		width: 100%;
		text-align: center;
	}
	.hipidy-homepage-child {
		top: unset;
		bottom: 0;
		width: 80%;
    	height: 500px;
	}
	.frame-parent32x2 .section-sectionx2 {
		width: 100%;
	}
	.frame-parent2x3,
	.frame-parent2x4 {
		left: 15%;
	}
	.frame-containerx1 {
		width: 100%;
		flex-direction: column;
		gap: 20px;
	}
	.frame-containerx1 .pexels-kampus-production-89317-iconx1,
	.frame-wrapper1x1,
	.frame-divx1 {
		width: 100% !important;
	}
	.frame-containerx1:last-child {
		flex-direction: column-reverse;
	}
	.frame-groupx1 {
		gap: 20px;
	}
}
@media(max-width: 844px) {
	.frame-parent16 {
  		flex-direction: column;
		gap: 94px;
	}
	.frame-parent16 .group-parent14:last-child {
		margin-top: 0;
	}
	.frame-parent60 {
		flex-direction: column;
	}
	.frame-parent60 div {
		width: 100%;
		overflow: hidden;
	}
	.frame-parent60 .title-parent11 {
		text-align: center;
	}
	.frame-parent18 {
		padding: 0;
	}
	.frame-parent23 {
		flex-direction: column;
		text-align: center;
		gap: 50px;
		padding: 20px;
		align-items: center;
	}
	.frame-parent19 {
		justify-content: center;
		align-items: center;
	}
	.hipidy-group .at-hipidy-we-want-to-make-the-parent {
		align-items: center;
	}
	.hipidy-group .at-hipidy-we-container,
	.reach-us-group .phone-no-parent {
		justify-content: center;
	}
	.herosection {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
		gap: 94px;
	}
	.herosection .text {
		align-items: center;
		justify-content: center;
	}
	.herosection .image {
		width: 340px;
		margin-right: 0;
	}
	.section-section, .section-section1 {
		width: 100%;
		text-align: center;
	}
	.hipidy-homepage-child {
		top: unset;
		bottom: 0;
		width: 80%;
    	height: 500px;
	}
	.frame-parent32x2 {
		flex-direction: column;
	}
	.frame-parent32x2 .section-section-heading-2-parentx2 {
		width: 95%;
		text-align: center;
	}
	.titlex3,
	.frame-parent32x2 .section-sectionx2 {
		width: 100%;
	}
	.group-parentx3x2 img,
	.group-parentx3 img,
	.frame-parent32x2 img {
		display: none;
	}
	.frame-parent2x3,
	.frame-parent2x4 {
		left: 0;
		width: 100%;
	}
	.title-parenx3t {
		text-align: center;
	}
}
@media(max-width: 645px) {
	.group-parentx3x2 {
		margin-bottom: 200px !important;
	}
	.group-parentx3 {
		margin-bottom: 350px !important;
	}
	.frame-wrapper1x1,
	.group-divx1 {
		height: 400px;
		overflow: hidden;
	}
}