.component-262-zzz {
  background: var(--main-surface-1, #fafafa);
  border-radius: 32px;
  flex-shrink: 0;
  height: 625px;
  position: relative;
  overflow: hidden;
}
#mobil-why
{
	display:none;
}
.vector-186-zzz {
     border-radius: 0px;
    width: 630.5px;
    height: 108.5px;
    position: absolute;
    left: calc(37% - 316.5px);
    top: 122px;
    overflow: visible;
}
.vector-186-zzz2 {
     border-radius: 0px;
    width: 630.5px;
    height: 108.5px;
    position: absolute;
    left: calc(37% - 316.5px);
    top: 122px;
    overflow: visible;
}
.frame-1321320255-zzz {
  background: #fafafa;
  border-radius: 9px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 216px;
  height: 123px;
  position: absolute;
  left: 127px;
  top: 57px;
}
.buildings-labels-zzz {
  color: #ff5555;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  width: 171px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.component-256-zzz {
  padding: 0px 16px 0px 0px;
  flex-shrink: 0;
  width: 156px;
  height: 96px;
  position: relative;
}
.adobe-stock-83860965-2-przekonwertowany-1-zzz {
  width: 73.43%;
  height: 80.98%;
  position: absolute;
  right: 17.01%;
  left: 9.56%;
  bottom: 0.3%;
  top: 18.72%;
  object-fit: cover;
}

.rectangle-169-zzz {
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.2)
  );
  border-radius: 13.03px;
  border-style: solid;
  border-color: #000000;
  border-width: 4.34px;
  width: 31.93%;
  height: 51.69%;
  position: absolute;
  right: 9.56%;
  left: 58.51%;
  bottom: 46.82%;
  top: 1.49%;
  object-fit: cover;
}
.vector-187-zzz {
     border-radius: 0px;
    width: 6px;
    height: 365px;
    position: absolute;
    left: calc(50% - 2.5px);
    top: 127.5px;
    overflow: visible;
}

.vector-188-zzz {
     border-radius: 0px;
    width: 188px;
    height: 365px;
    position: absolute;
    left: calc(41% - 75px);
    top: 334px;
    transform: translate(-2.5px, -2.5px);
    overflow: visible;
    display: block;
    z-index: 1;
}
.vector-188-zzz2 {
     border-radius: 0px;
    width: 188px;
    height: 365px;
    position: absolute;
    left: calc(41% - 75px);
    top: 334px;
    transform: translate(-2.5px, -2.5px);
    overflow: visible;
    display: block;
    z-index: 1;
}
.vector-189-zzz {
  border-radius: 0px;
    width: 112px;
    height: 110px;
    position: absolute;
    left: calc(50% - 12.5px);
    top: calc(50% - 7.5px);
    transform: translate(-2.5px, -2.5px);
    overflow: visible;
}
.frame-1321320256-zzz {
  background: #fafafa;
  border-radius: 9px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 216px;
  height: 123px;
  position: absolute;
  left: calc(50% - 107.5px);
  top: 57px;
}
.adobe-stock-89773168-przekonwertowany-1-zzz {
  width: 73.53%;
  height: 90.48%;
  position: absolute;
  right: 14.71%;
  left: 11.76%;
  bottom: 0%;
  top: 9.52%;
  object-fit: cover;
}
.frame-1321320257-zzz {
  background: #fafafa;
  border-radius: 9px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 216px;
  height: 123px;
  position: absolute;
  left: 749px;
  top: 57px;
}
.vectary-texture-zzz {
  width: 100.74%;
  height: 130.95%;
  position: absolute;
  right: 0%;
  left: -0.74%;
  bottom: -7.14%;
  top: -23.81%;
  object-fit: cover;
}
.frame-1321320260-zzz {
  background: #ffffff;
  border-radius: 9px;
  border-style: solid;
  border-color: #d8d8d8;
  border-width: 1px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 320px;
  position: absolute;
  left: 635px;
  top: 316px;
}
.i-need-software-for-better-manage-my-fleet-and-organize-equipment-our-field-workers-zzz {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 13px;
      font-weight: 500;
  position: relative;
  flex: 1;line-height:normal;
}
.frame-1321320254-zzz {
  padding: 0px 16px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
}
.frame-1321320253-zzz {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.component-258-zzz {
  margin: 0 0 0 -16px;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: relative;
}
.ellipse-162-zzz {
  background: linear-gradient(to left, #fff1d0, #fff1d0);
    border-radius: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0%;
    left: 3px;
    bottom: 0%;
    top: -10px;
    object-fit: cover;
    overflow: hidden;
}
@media(max-width: 840px) {
	#modules-id > div.container33 > div > div:nth-child(4) > div:nth-child(1) > div > div.ellipse-129-hjyu2 > img
	{
		    max-width: 44px;
	}
	#modules-id > div.container33 > div > div:nth-child(1) > div:nth-child(1) > div > div > div.ellipse-94-zyx > img {
    max-width: 49px;
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 5px;
}

.component-233-zyx
{
	    width: 478px;
    height: 405px;
    position: absolute;
    top: calc(50% - 193px);
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
}
	#mobil-why
{
	display:block;
}
    #mobil-why > #blocksmob > div > div.component-256 {
        width: 100%;
        max-width: 150px;
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: 35px;
		z-index:2;
    }
    #mobil-why > #blocksmob > div > div > div {
        color: #ff5555;
        text-align: center;
        font-family: "Noto Sans", sans-serif;
        font-size: 14px;
        font-weight: 900;
        position: relative;
        width: 171px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -15px;
    }
    #mobil-why > #blocksmob > div > div > img.adobe-stock-83860965-2-przekonwertowany-1,
    #mobil-why > #blocksmob > div.frame-1321320393 > div > img.adobe-stock-89773168-przekonwertowany-1,
    #mobil-why > #blocksmob > div.frame-1321320394 > div > img {
        max-width: 150px;
        width: 100%;
    }
    #mobil-why > #blocksmob > div > div > img.rectangle-169 {
        width: 100%;
        max-width: 48px;
        position: relative;
        bottom: 117px;
        left: 107px;
        border: 4px solid black;
        border-radius: 13px;
    }
    #mobil-why > #blocksmob > div.frame-xx22 > div.frame-xx33 > div.frame-1321320401 > div {
        text-align: right;
        justify-content: end;
        margin-right: 15px;
    }
    #mobil-why > #blocksmob > div.frame-xx22 > div.frame-xx33 {
        position: relative;
        top: -84px;
        width: 100%;
        display: flex;
    }
    #mobil-why > #blocksmob > div.frame-xx22 {
        margin-top: 70px;
        z-index: 2;
        position: relative;
    }
    #mobil-why > #blocksmob > div.frame-xx22 > div.frame-xx33 > div.frame-1321320401 {
        position: relative;
        background: transparent;
        display: block;
        width: 50%;
        left: 0;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 > div.dwffq21 > div.\34 53214 {
        overflow: hidden;
        background: linear-gradient(to left, #d1e7ff, #d1e7ff);
        border-radius: 50%;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;
        width: 50px;
        height: 50px;
        position: relative;
        object-fit: cover;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 > div.dwffq21 > div.\36 34c43 {
        overflow: hidden;
        background: linear-gradient(to left, #ffd8d7, #ffd8d7);
        border-radius: 50%;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;
        width: 50px;
        height: 50px;
        position: relative;
        object-fit: cover;
        margin-left: -12px;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 {
        display: flex;
        width: 100%;
        position: relative;
        top: 13px;
        z-index: 9;
        right: 4px;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 > div.dwffq21 > div.c235c {
        overflow: hidden;
        background: linear-gradient(to left, #d2ffed, #d2ffed);
        border-radius: 50%;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;
        width: 50px;
        height: 50px;
        position: relative;
        object-fit: cover;
        margin-left: -12px;
    }
    .need-a,
    .need-b {
        color: var(--text-lvl-1, #020202);
        text-align: left;
        font-family: "Noto Sans", sans-serif;
        font-size: 13px;
        font-weight: 500;
        position: relative;
        flex: 1;
        line-height: normal;
        background: white;
        border-radius: 9px;
        padding: 16px 16px;
        border: 1px solid #d8d8d8;
    }
    #mobil-why > #blocksmob > div.frame-xx22 > div.frame-xx33 > div.frame-xx44 {
        position: relative;
        margin-right: auto;
        margin-left: 7px;
        display: block;
        top: -25px;
        width: 50%;
    }
    #mobil-why > #blocksmob > div.frame-xx22 > div.frame-xx33 > div.frame-xx44 > div > img {
        width: 34px;
        position: relative;
        top: 5px;
    }
    .ellipse-161xx {
        background: linear-gradient(to left, #badbfe, #badbfe);
        border-radius: 50%;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;
        width: 50px;
        height: 50px;
        position: relative;
        overflow: hidden;
        object-fit: cover;
    }
    #whyv > div.why-visioo2 {
        font-size: 27px;
    }
    #mobil-why > #blocksmob > div.flex-div2 > div.frame-1321320260 > div.frame-1321320254 {
        position: relative;
        top: -124px;
        left: -21px;
    }
	#blocksmob > div.flex-div2 > div.frame-1321320260 > div.frame-1321320254 > div.frame-1321320253
	{
		position: relative;
    left: -23px;
	}
    .dwffq21 > div img {
        max-width: 38px;
        position: relative;
        top: 4px;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 > div.dwffq21 {
        position: relative;
        /* left: -13px; */
        width: 50%;
        display: flex;
        justify-content: left;
        margin-left: 8px;
    }
    #mobil-why > #blocksmob > div.df3cerse > div.xxx123 > div.frame-1321320401 {
                position: relative;
        display: flex;
        width: 50%;
        left: 0;
        right: 0;
        margin: auto;
        justify-content: flex-end;
        margin-right: 11px;
    }
    #mobil-why > #blocksmob > div.df3cerse {
        width: 100%;
        position: relative;
        margin-top: 80px;z-index:2;
    }
	.circle2
	{
		width: 30px;
    height: 30px;
    background: #FF5655;
    border-radius: 25px;
    position: relative;
    top: 20px;
    left: 27px;
	}
    .vector-xxxx1,
    .vector-xxxx1 * {
        box-sizing: border-box;
    }
    .vector-xxxx1 {
      border-radius: 0px;
        width: 130px;
        height: auto;
        position: relative;
        overflow: visible;
        top: -80px;
        left: 42px;
        z-index: 1;
        margin-top: -939px;
    }
	#blocksmob > div.frame-1321320393 > svg
	{
		    position: relative;
    top: -126px;
            right: -23px;
	}
	#blocksmob > div.frame-1321320394 > svg{
		position: relative;
    top: -77px;
    left: 23px;
	}
	#blocksmob > div.flex-div2 > svg
	{
		position: absolute;
    left: 24px;
    top: 29px;
    z-index: 1;
	}
	#blocksmob > div.frame-1321320392 > div > svg
	{
		left: -187px;
    position: relative;
    top: 97px;
	}
    #mobil-why > #blocksmob > div.flex-div2 > div.frame-1321320260 > div.i-need-software-for-better-manage-my-fleet-and-organize-equipment-our-field-workers {
        color: #000000;
        text-align: left;
        font-family: "Noto Sans", sans-serif;
        font-size: 12px;
        font-weight: 500;
        position: relative;
        flex: 1;
        max-width: 221px;
        width: 100%;
        
        height: 100%;
        background: white;
        border-radius: 9px;
        border: 1px solid #D8D8D8;
        padding: 0px 16px;
    }
    #mobil-why > #blocksmob > div.flex-div2 > div.frame-1321320260 > div.frame-1321320254 > div.frame-1321320253 > div > img {
        max-width: 34px;
        position: relative;
        top: 5px;
    }
    #mobil-why > #blocksmob > div.flex-div2 > div.component-256xx > img {
        max-width: 70px;
    }
    .component-256xx {
        background: linear-gradient(to left, #cfe6ff, #cfe6ff);
        border-radius: 50%;
        border-style: solid;
        border-color: #9ccbfc;
        border-width: 3px;
        position: relative;
        object-fit: cover;
        max-width: 80px;
        top: -5px;
        max-height: 80px;
        overflow: hidden;
        display: flex;
        margin-right: auto;
        width: 50%;z-index:2;
    }
	#blocksmob > div.flex-div2 > div.frame-1321320260
	{
		position:relative;z-index:2;
	}
    .flex-div2 {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 80px;
        position: relative;
        z-index: 2;
    }
    #mobil-why > #blocksmob > div.frame-1321320394 > div > img {
        max-width: 120px;
        margin: auto;
        width: 100%;
        display: block;
    }
    .sec1 {
        position: relative;
        left: 22px;
    }
    .my-sections {
        display: flex;
        width: calc(400% + 40px);
        height: 100%;
        transition: transform 0.5s ease-in-out;
        gap: 10px;
        margin-left: -9px;
    }
  
   
  
    #modules-id > div.container33 > div > div:nth-child(1) > div:nth-child(1) > div > div > svg:nth-child(5) {
        position: relative;
        left: 32.3%;
        top: 32%;
    }
    #whyv > div.component-262 {
        display: none;
    }
    #mobil-why {
        width: 100%;
        background: #FAFAFA;
        border-radius: 25px;
        display: block;
        margin: auto;
        padding: 40px 15px;
    }
	#blocksmob
	{
		width: 100%;
    max-width: 400px;
    display: block;
    margin: auto;
	}
}

#tax12 > div > div.frame-1321320262-zzz > div.frame-13213202542-zzz > div.frame-1321320253-zzz > div > img
{
	max-width: 31px;
    left: 6px;
    top: 5px;
    position: relative;
}
.frame-1321320401-zzz {
  background: #fafafa;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;top: 17px;
}
.company-b-zzz {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1321320261-zzz {
  background: #ffffff;
  border-radius: 9px;
  border-style: solid;
  border-color: #d8d8d8;
  border-width: 1px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 320px;
  position: absolute;
  left: 639px;
  top: 479px;z-index:2;
}
.component-257-zzz {
  margin: 0 0 0 -16px;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: relative;
}
.ellipse-169-zzz {
  background: linear-gradient(to left, #d1e7ff, #d1e7ff);
    border-radius: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 3px;
    bottom: 0%;
    top: -10px;
    object-fit: cover;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.ellipse-168-zzz {
  background: linear-gradient(to left, #ffd8d7, #ffd8d7);
  border-radius: 50%;
  border-style: solid;
  border-color: #fcfcfc;
  border-width: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
 left: 38px;
  bottom: 0%;
  top: -10px;
  object-fit: cover;width: 50px;
    height: 50px;overflow:hidden
}
.component-259-zzz {
  margin: 0 0 0 -16px;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: relative;
}
.ellipse-166-zzz {
  background: linear-gradient(to left, #d2ffed, #d2ffed);
    border-radius: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 70px;
    bottom: 0px;
    top: -10px;
    object-fit: cover;
    width: 50px;
    height: 50px;overflow:hidden;
}
.frame-1321320262-zzz {
  background: #ffffff;
  border-radius: 9px;
  border-style: solid;
  border-color: #d8d8d8;
  border-width: 1px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 320px;
  position: absolute;
  left: 134px;
  top: 479px;z-index:2;
}
.frame-13213202542-zzz {
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
}
.frame-1321320400-zzz {
  background: #fafafa;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;top: 17px;
}
.ellipse-161-zzz {
 background: linear-gradient(to left, #badbfe, #badbfe);
    border-radius: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 6px;
    left: unset;
    bottom: 0%;
    top: -10px;
    object-fit: cover;
    overflow: hidden;
}
#tax12 > div > div.frame-1321320260-zzz > div.frame-1321320254-zzz > div.frame-1321320253-zzz > div > img, #tax12 > div > div.frame-1321320261-zzz > div.frame-1321320254-zzz > div.frame-1321320253-zzz > div.ellipse-166-zzz > img, #tax12 > div > div.frame-1321320261-zzz > div.frame-1321320254-zzz > div.frame-1321320253-zzz > div.ellipse-168-zzz > img, #tax12 > div > div.frame-1321320261-zzz > div.frame-1321320254-zzz > div.frame-1321320253-zzz > div.ellipse-169-zzz > img
{
	    max-width: 31px;
    left: 6px;
    top: 7px;
    position: relative;
}
.component-2562-zzz {
  padding: 0px 16px 0px 0px;
  width: 136px;
  height: 84px;
  position: absolute;
  left: calc(50% - 67.5px);
  top: calc(50% - 3.5px);
}
.ellipse-11-zzz {
  background: linear-gradient(to left, #cfe6ff, #cfe6ff);
  border-radius: 50%;
  border-style: solid;
  border-color: #9ccbfc;
  border-width: 3px;
  width: 58.82%;
  height: 95.24%;
  position: absolute;
  right: 20.59%;
  left: 20.59%;
  bottom: 2.38%;
  top: 2.38%;
  object-fit: cover;
}
.frame-1321320266-zzz {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 15.5px);
  top: 497px;
}
.ellipse-98-zzz {
  background: var(--red-lvl-4, #ff5555);
  border-radius: 50%;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  position: relative;
}


#tax12 > div > div.frame-1321320260 > div.frame-13213202542 > div.frame-1321320253
{
	margin-left: 15px;
}
@media(max-width:1000px)
{
	#tax12
	{
	transform: scale(0.9);
    margin-left: -11%;
    top: 5%;
	}
}


.ellipse-163 {
  background: linear-gradient(to left, #f8dddd, #f8dddd);
  border-radius: 50%;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  object-fit: cover;
}

.frame-13213202542 {
  padding: 0px 16px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
}
.ellipse-162 {
 background: linear-gradient(to left, #fff1d0, #fff1d0);
    border-radius: 50%;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
    width: 50px;
    height: 50px;
    position: relative;
    right: unset;
    left: unset;
    bottom: unset;
    top: unset;
    object-fit: cover;
    overflow: hidden;
}
.frame-1321320401 {
  background: #fafafa;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;    left: 92px;
}
.company-b {
  color: var(--text-lvl-1, #020202);
  text-align: left;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-33 {
border-radius: 0px;
    width: 175px;
    height: 149px;
    position: relative;
    overflow: visible;
        left: 74px;
    bottom: 43px;
}
#q1 > div.mobile2
{
	overflow:visible;
}
.line-32 {
 border-radius: 0px;
    width: 180px;
    height: 157px;
    position: relative;
    overflow: visible;
    left: 41px;
    top: 54px;
}
#q1 > div.mobile2 > div.dott123 > svg
{
	
}
.weekly-score {
  color: #3997fb;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  width: 119px;
  height: 52px;right:20px;
}
@media(max-width:1030px)
{
	#q1 > div.mobile2 > div
	{
		transform:scale(1.0);
	}
	.mobile2
	{
		right: -45px ! Important;
        transform: scale(0.8);
	}
}
#q3 > div.mobile2 > img
{
	max-width:483px;
}
.monthly-score {
  color: #3997fb;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: relative;
  width: 137px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.dott123
{
	position: absolute;
    top: 33px;
}
.dott1232
{
	    position: absolute;
    top: 230px;
    right: 6%;
    width: 100%;
}
.img-mob123
{
	        max-width: 383px;

    margin: auto;
    display: block;
}
#press5
{
	cursor:pointer;
}

@media(max-width:560px)
{
	
	.rectangle-390-hjyu
	{
		background: #dad9d6;
    border-radius: 12px;
    width: 425px;
    height: 107px;
    position: absolute;
    left: 11%;
    top: 166px;
	}
	.successfully-done-hjyu
	{
		width: 68px;
    height: 50px;
    position: absolute;
    left: 44%;
    top: 322px;
    object-fit: cover;
	}
	#modules-id > div.container33 > div > div:nth-child(1) > div:nth-child(1) > div
	{
		
        width: calc(100% / 0.77);
        min-width: calc(100% / 0.70);
        position: relative;
        transform: scale(0.77);
        left: 0px;
    
	}
	.modules
	{
		left: 42%;
	}
}

@media(max-width:400px)
{
	#modules-id > div.container33 > div > div:nth-child(1) > div:nth-child(1) > div
	{
		
        width: calc(100% / 0.67);
        min-width: calc(100% / 0.70);
        position: relative;
        transform: scale(0.67);
        left: 0px;
    
	}
}
.img-mob123
{
	pointer-events: none;
}
#q5
{
	display:none;
}
body > div.frame-1321320237 > div.frame-1321319967 > div.container33 > div.my-sections > div:nth-child(3) > div:nth-child(1) > div > img
{
	    max-width: 516px;
}
.mobile2
{
	right: 15px;
}

	.img-mobi
	{
		display: flex;
    justify-content: center;
    width: 100%;position:relative;z-index:3 !important;
	}
	.img-mobi img {
    width: 100%;
    max-width: 107px;
}

.text-mobi {
       font-family: "Noto Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        text-align: left;
        max-width: 288px;
        margin: auto;
        background: white;
        border: 1px solid #D8D8D8;
        border-radius: 9px;
        padding: 16px 16px;line-height:normal;
    }
	
	.minitit
	{
		font-family: "Noto Sans", sans-serif;
        font-size: 14px;
        font-weight: 800;
	}
	.flexdiv
	{
		display:flex;align-items: baseline;
	}
	.tripleimg
	{
		display:flex;        margin-bottom: -9px;margin-left:auto;position: relative;
        bottom: -12px;
        right: 25px;
	}
	.im2 img {
               width: 100%;
        max-width: 33px;
        margin: auto;
        display: block;
        margin-top: 4px;

    }
	
}

#chosen
{
	box-shadow:0px 0px 30px 0px rgba(50, 132, 255, 0.4);
}


#n1 > div.web > div > div > div.ellipse-110-xxx > img, #n1 > div.web > div > div > div.ellipse-111-xxx > img
{
	top:7px;max-width:30px;
}
#n1 > div.web > div > div > svg:nth-child(5)
{
	position: absolute;
    left: 45%;
    transform: translateX(-50%);
    top: 30%;
    z-index: 1;
}

.ellipse-93-xxx2 img, .ellipse-94-xxx2 img, .ellipse-95-xxx2 img
{
position: relative;
    max-width: 13px;
    top: 0px;
   
}
#n2 > div.web > div > svg:nth-child(23)
{
	margin-left: 15px;
    max-height: 350px;
    margin-top: 10px;
}
#n3 > div.web > img
{
	    position: relative;
    max-width: 100%;
    width: 100%;
    height: auto;
    left: unset;
    top: unset;
}


@media(max-width:840px)
{
	#modules-id > div.container33 > div > div:nth-child(5) > div:nth-child(1) > div > div > img:nth-child(6)
	{
		    max-width: 76px;
    top: 76%;
    left: 39%;
	}
	#modules-id > div.container33 > div > div:nth-child(2) > div:nth-child(1) > div > div > svg:nth-child(23)
	{
		max-height: 360px;
    margin-left: 15px;
    margin-top: 5px;
}
	}
	
	
}

.line-32-gg2 {
  border-radius: 0px;
    width: 25.16%;
    height: 30%;
    position: absolute;
    right: 21.14%;
    left: 41.7%;
    bottom: 82.91%;
    top: 17.09%;
    transform: translate(-2.5px, -2.5px);
    overflow: visible;
}
.rectangle-209-gg2 {
  background: #d9d9d9;
  border-radius: 3px;
  width: 10.78%;
  height: 2.55%;
  position: absolute;
  right: 26.43%;
  left: 62.79%;
  bottom: 36.73%;
  top: 60.71%;
}
.ellipse-140-gg2 {
  background: #d9d9d9;
  border-radius: 50%;
  width: 2.11%;
  height: 2.55%;
  position: absolute;
  right: 23.68%;
  left: 74.21%;
  bottom: 36.73%;
  top: 60.71%;
}

#n2 > div.web > div > svg:nth-child(23)
{
	    margin-left: 14px;
    margin-top: 10px;
    max-height: 350px;
}

.button707
{
	width:fit-content;
}
#n1 > div.web > div > svg:nth-child(5)
{
	position: relative;
    left: 32%;
    top: 30%;
}
body > div.frame-1321320237 > div.frame-1321319964 > div.mobilcontainer > div.modules > div > div.group-2 > img
{
	width: 20.55%;
    height: 42.43%;
    position: absolute;
    right: 38.24%;
    left: 43.21%;
    bottom: 24.92%;
    top: 26.66%;
    object-fit: cover;
}

@media(max-width:1120px)
{
	.component-262
	{
		width: 1091px;
	}
	
}
@media(max-width:1000px)
{
	#tax12
	{
		margin-left: 0% !important;   left: 0% !important;
	}
}.component-233-zyx {
  width: 401px;
  height: 337px;
  position: absolute;
  left: calc(50% - 200px);
  top: calc(50% - 169px);
}
.vector-zyx {
  width: 2.49%;
  height: 2.97%;
  position: absolute;
  right: 2.99%;
  left: 94.51%;
  bottom: 54.01%;
  top: 43.03%;
  overflow: visible;
}
.vector2-zyx {
  width: 2.49%;
  height: 2.97%;
  position: absolute;
  right: 2.99%;
  left: 94.51%;
  bottom: 43.03%;
  top: 54.01%;
  overflow: visible;
}
.vector3-zyx {
  width: 2.49%;
  height: 2.97%;
  position: absolute;
  right: 2.99%;
  left: 94.51%;
  bottom: 20.77%;
  top: 76.26%;
  overflow: visible;
}
.ellipse-94-zyx {
  background: linear-gradient(to left, #d1e7ff, #d1e7ff);
  border-radius: 50%;
  border-style: solid;
  border-color: #83befc;
  border-width: 3px;
  width: 17.46%;
  height: 20.77%;
  position: absolute;
  right: 76.81%;
  left: 5.74%;
  bottom: 78.64%;
  top: 0.59%;
  object-fit: cover;overflow:hidden;
}
.organization-tree-zyx {
  color: #9d9d9d;
  text-align: right;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 47.63%;
  left: 23.19%;
  width: 29.18%;
  bottom: 86.35%;
  top: 7.72%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.name-zyx {
  color: #9d9d9d;
  text-align: right;
font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 47.63%;
  left: 23.19%;
  width: 29.18%;
  bottom: 94.07%;
  top: 0%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.status-zyx {
  color: #9d9d9d;
  text-align: right;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 47.63%;
  left: 23.19%;
  width: 29.18%;
  bottom: 78.64%;
  top: 15.43%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.day-zyx {
  color: #9d9d9d;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 69.08%;
  left: 2.24%;
  width: 28.68%;
  bottom: 61.13%;
  top: 32.94%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.start-zyx {
  color: #9d9d9d;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 40.9%;
  left: 44.14%;
  width: 14.96%;
  bottom: 61.13%;
  top: 32.94%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.end-zyx {
  color: #9d9d9d;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 25.19%;
  left: 59.1%;
  width: 15.71%;
  bottom: 61.13%;
  top: 32.94%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.amount-zyx {
  color: #9d9d9d;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 8.73%;
  left: 74.81%;
  width: 16.46%;
  bottom: 61.13%;
  top: 32.94%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.status2-zyx {
  color: #9d9d9d;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 0%;
  left: 91.27%;
  width: 8.73%;
  bottom: 61.13%;
  top: 32.94%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._01-jan-monday-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 69.08%;
  left: 2.24%;
  width: 28.68%;
  bottom: 50.15%;
  top: 38.87%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._08-10-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 40.9%;
  left: 44.14%;
  width: 14.96%;
  bottom: 50.15%;
  top: 38.87%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._16-03-zyx {
  color: #000000;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 25.19%;
  left: 59.1%;
  width: 15.71%;
  bottom: 50.15%;
  top: 38.87%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._7-h-53-m-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 8.73%;
  left: 74.81%;
  width: 16.46%;
  bottom: 50.15%;
  top: 38.87%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-239-zyx {
  background: #e9e7e7;
  border-radius: 3px;
  width: 43.14%;
  height: 5.93%;
  position: absolute;
  right: 1.5%;
  left: 55.36%;
  bottom: 94.07%;
  top: 0%;
}
.john-spencer-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 2.99%;
  left: 56.86%;
  width: 40.15%;
  bottom: 94.07%;
  top: 0%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-240-zyx {
  background: #e9e7e7;
  border-radius: 3px;
  width: 43.14%;
  height: 5.93%;
  position: absolute;
  right: 1.5%;
  left: 55.36%;
  bottom: 86.35%;
  top: 7.72%;
}
.field-service-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 2.99%;
  left: 56.86%;
  width: 40.15%;
  bottom: 86.35%;
  top: 7.72%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-241-zyx {
  background: #e9e7e7;
  border-radius: 3px;
  width: 43.14%;
  height: 5.93%;
  position: absolute;
  right: 1.5%;
  left: 55.36%;
  bottom: 78.64%;
  top: 15.43%;
}
.rectangle-242-zyx {
  background: #adf9da;
  border-radius: 3px;
  width: 20.95%;
  height: 7.42%;
  position: absolute;
  right: 23.69%;
  left: 55.36%;
  bottom: 0%;
  top: 92.58%;
}
.print-zyx {
  color: #00cc79;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 25.19%;
  left: 56.86%;
  width: 17.96%;
  bottom: 0%;
  top: 92.58%;
  height: 7.42%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rectangle-243-zyx {
  background: #d1e7ff;
  border-radius: 3px;
  width: 20.95%;
  height: 7.42%;
  position: absolute;
  right: 0%;
  left: 79.05%;
  bottom: 0%;
  top: 92.58%;
}
.export-zyx {
  color: #3997fb;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 1.5%;
  left: 80.55%;
  width: 17.96%;
  bottom: 0%;
  top: 92.58%;
  height: 7.42%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-zyx {
  color: #000000;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  right: 2.74%;
  left: 57.11%;
  width: 40.15%;
  bottom: 78.64%;
  top: 15.43%;
  height: 5.93%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-37-zyx {
  margin-top: -1px;
  border-style: solid;
  border-color: #bebebe;
  border-width: 1px 0 0 0;
  width: 100%;
  height: 0%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 61.13%;
  top: 38.87%;
}
.line-38-zyx {
  margin-top: -1px;
  border-style: solid;
  border-color: #dedede;
  border-width: 1px 0 0 0;
  width: 100%;
  height: 0%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 50.15%;
  top: 49.85%;
}
._02-jan-tuesday-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 69.08%;
  left: 2.24%;
  width: 28.68%;
  bottom: 39.17%;
  top: 49.85%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._08-02-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 40.9%;
  left: 44.14%;
  width: 14.96%;
  bottom: 39.17%;
  top: 49.85%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._15-59-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 25.19%;
  left: 59.1%;
  width: 15.71%;
  bottom: 39.17%;
  top: 49.85%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._7-h-57-m-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 8.73%;
  left: 74.81%;
  width: 16.46%;
  bottom: 39.17%;
  top: 49.85%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-39-zyx {
  margin-top: -1px;
  border-style: solid;
  border-color: #dedede;
  border-width: 1px 0 0 0;
  width: 100%;
  height: 0%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 39.17%;
  top: 60.83%;
}
._03-jan-wednesday-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 69.08%;
  left: 2.24%;
  width: 28.68%;
  bottom: 28.19%;
  top: 60.83%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._10-05-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 40.9%;
  left: 44.14%;
  width: 14.96%;
  bottom: 28.19%;
  top: 60.83%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._15-30-zyx {
  color: #000000;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 25.19%;
  left: 59.1%;
  width: 15.71%;
  bottom: 28.19%;
  top: 60.83%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._5-h-25-m-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 8.73%;
  left: 74.81%;
  width: 16.46%;
  bottom: 28.19%;
  top: 60.83%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-40-zyx {
  margin-top: -1px;
  border-style: solid;
  border-color: #dedede;
  border-width: 1px 0 0 0;
  width: 100%;
  height: 0%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 28.19%;
  top: 71.81%;
}
.group-zyx {
  width: 3.74%;
  height: 4.45%;
  position: absolute;
  right: 2.49%;
  left: 93.77%;
  bottom: 31.45%;
  top: 64.09%;
  overflow: visible;
}
._04-jan-thursday-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 69.08%;
  left: 2.24%;
  width: 28.68%;
  bottom: 16.91%;
  top: 72.11%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._08-08-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 40.9%;
  left: 44.14%;
  width: 14.96%;
  bottom: 16.91%;
  top: 72.11%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._16-11-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 25.19%;
  left: 59.1%;
  width: 15.71%;
  bottom: 16.91%;
  top: 72.11%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._8-h-03-m-zyx {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 8.73%;
  left: 74.81%;
  width: 16.46%;
  bottom: 16.91%;
  top: 72.11%;
  height: 10.98%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-41-zyx {
  margin-top: -1px;
  border-style: solid;
  border-color: #dedede;
  border-width: 1px 0 0 0;
  width: 100%;
  height: 0%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 16.91%;
  top: 83.09%;
}
.vector-123-zyx {
  border-radius: 0px;
  width: 4.81%;
  height: 25.57%;
  position: absolute;
  right: 9.07%;
  left: 86.11%;
  bottom: 37.56%;
  top: 36.88%;
  overflow: visible;
}
.face-recognition-alert-zyx {
  color: var(--red-lvl-4, #ff5555);
  text-align: right;
 font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 5.93%;
  left: 38.89%;
  width: 55.19%;
  bottom: 64.03%;
  top: 30.32%;
  height: 5.66%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#n1 > div.web > div.component-233-zyx > div.ellipse-94-zyx > img
{
	max-width: 47px;
    position: relative;
    left: 8px;
    top: 8px;
}.component-152-neue {
  width: 457px;
  height: 377px;
  position: absolute;
  left: calc(50% - 228px);
  top: calc(50% - 189px);
}
.adobe-stock-68682979-3-przekonwertowany-1-neue {
  width: 43.33%;
  height: 40.05%;
  position: absolute;
  right: 23.41%;
  left: 33.26%;
  bottom: 31.83%;
  top: 28.12%;
  object-fit: cover;
}
.ellipse-89-neue {
  background: linear-gradient(to left, #c7f4e2, #c7f4e2);
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 3px;
  width: 10.94%;
  height: 13.26%;
  position: absolute;
  right: 32.6%;
  left: 56.46%;
  bottom: 0%;
  top: 86.74%;overflow:hidden;
  object-fit: cover;
}
.vector-120-neue {
  border-radius: 0px;
  width: 34.79%;
  height: 21.75%;
  position: absolute;
  right: 12.25%;
  left: 52.95%;
  bottom: 6.63%;
  top: 71.62%;
  transform: translate(-161.5px, -2.5px);
  overflow: visible;
}
.ellipse-90-neue {
  background: linear-gradient(to left, #c7f4e2, #c7f4e2);
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 3px;
  width: 10.94%;
  height: 13.26%;
  position: absolute;
  right: 51.2%;
  left: 37.86%;
  bottom: 86.74%;
  top: 0%;
  object-fit: cover;overflow:hidden;
}
.vectary-texture-neue {
  width: 18.38%;
  height: 17.51%;
  position: absolute;
  right: 22.76%;
  left: 58.86%;
  bottom: 57.29%;
  top: 25.2%;
  object-fit: cover;
}
.vectary-texture2-neue {
  width: 18.38%;
  height: 17.51%;
  position: absolute;
  right: 61.05%;
  left: 20.57%;
  bottom: 24.4%;
  top: 58.09%;
  object-fit: cover;
}
.line-22-neue {
  border-radius: 0px;
  width: 25.2%;
  height: 22.5%;
  position: absolute;
  right: -0.91%;
  left: 75.71%;
  bottom: 48.33%;
  top: 29.18%;
  transform: translate(-117.66px, -87.31px);
  overflow: visible;
}
.line-23-neue {
  margin-top: -5px;
  border-style: dashed;
  border-color: #ff5655;
  border-width: 5px 0 0 0;
  width: 5.59%;
  height: 0%;
  position: absolute;
  right: 53.93%;
  left: 40.48%;
  bottom: 40.05%;
  top: 59.95%;
  transform-origin: 0 0;
  transform: rotate(149.421deg) scale(1, 1);
}
.line-24-neue {
  margin-top: -5px;
  border-style: dashed;
  border-color: #ff5655;
  border-width: 5px 0 0 0;
  width: 6.36%;
  height: 0%;
  position: absolute;
  right: 28.87%;
  left: 64.77%;
  bottom: 61.8%;
  top: 38.2%;
  transform-origin: 0 0;
  transform: rotate(139.185deg) scale(1, 1);
}
.start-08-03-neue {
  color: #ff5655;
  text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 29.76%;
  left: 52.74%;
  width: 17.51%;
  bottom: 94.96%;
  top: 0%;
  height: 5.04%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.authorization-to-start-neue {
  color: #3997fb;
  text-align: left;
 font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 0%;
  left: 75.71%;
  width: 24.29%;
  bottom: 60.48%;
  top: 29.18%;
  height: 10.34%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#modules-id > div.container33 > div > div:nth-child(2) > div:nth-child(1) > div > div > img.adobe-stock-68682979-3-przekonwertowany-1-neue
{
	z-index:2
	
}
#n2 > div.web > div > svg.vector-185, #modules-id > div.container33 > div > div:nth-child(2) > div:nth-child(1) > div > div > svg.vector-185
{
	position: absolute;
    top: 39%;
    left: 30%;
    height: 66px;
    width: 161px;
    transform: rotate(137deg);
    z-index: 1;
}
.pic123 {
    max-width: 32px;
    position: relative;
    display: flex;
    justify-content: center;
    margin: auto;
    top: 5px;
}
#n2 > div.web > div > img.adobe-stock-68682979-3-przekonwertowany-1-neue
{
	z-index:2;
}
.authorization-to-end-neue {
  color: #3997fb;
  text-align: right;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 75.71%;
  left: 0%;
  width: 24.29%;
  bottom: 28.91%;
  top: 60.74%;
  height: 10.34%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.end-16-11-neue {
  color: #ff5655;
  text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 49.23%;
  left: 34.79%;
  width: 15.97%;
  bottom: 7.69%;
  top: 87.27%;
  height: 5.04%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule-fill-1-wght-400-grad-0-opsz-24-1-neue {
  width: 3.28%;
  height: 3.98%;
  position: absolute;
  right: 47.05%;
  left: 49.67%;
  bottom: 95.49%;
  top: 0.53%;
  overflow: visible;
}
.schedule-fill-1-wght-400-grad-0-opsz-24-2-neue {
  width: 3.28%;
  height: 3.98%;
  position: absolute;
  right: 46.17%;
  left: 50.55%;
  bottom: 8.22%;
  top: 87.8%;
  overflow: visible;
}
.group-1000003212-hjyu {
  position: absolute;
  inset: 0;
}
.rectangle-390-hjyu {
  background: #dad9d6;
  border-radius: 12px;
  width: 425px;
  height: 107px;
  position: absolute;
  left: 58px;
  top: 166px;
}
.vector-134-hjyu {
 border-radius: 0px;
    width: 21px;
    height: 9.47%;
    position: absolute;
    right: 49.81%;
    left: 48.49%;
    bottom: 21.04%;
    top: 63.49%;
    overflow: visible;
}
.vector-135-hjyu {
      border-radius: 0px;
    width: 7px;
    height: 20.47%;
    position: absolute;
    right: 49.81%;
    left: 49.59%;
    bottom: 62.22%;
    top: 16.32%;
    overflow: visible;
}
.ellipse-90-hjyu {
  background: linear-gradient(
    to left,
    rgba(255, 86, 85, 0.22),
    rgba(255, 86, 85, 0.22)
  );
  border-radius: 50%;
  border-style: solid;
  border-color: #ff5655;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 45.19%;
  left: 45.56%;
  bottom: 80.54%;
  top: 8.14%;
  object-fit: cover;overflow:hidden;
}
.group-1000003146-hjyu2 {
  position: absolute;
  inset: 0;
}
.vectary-texture-hjyu2 {
  width: 477px;
  height: 437px;
  position: absolute;
  left: 31px;
  top: 3px;
  object-fit: cover;
}
.vector-121-hjyu2 {
border-radius: 0px;
    width: 17.41%;
    height: 14.93%;
    position: absolute;
    right: 47.41%;
    left: 17.79%;
    bottom: 64.93%;
    top: 20.14%;
    overflow: visible;
}
.vector-132-hjyu2 {
 border-radius: 0px;
    width: 17.41%;
    height: 29.86%;
    position: absolute;
    right: 47.41%;
    left: 18.19%;
    bottom: -8.14%;
    top: 49.28%;
    overflow: visible;
}
.vector-122-hjyu2 {
     border-radius: 0px;
    width: 19.26%;
    height: 19.91%;
    position: absolute;
    right: 15.37%;
    left: 65.37%;
    bottom: 11.76%;
    top: 48.33%;
    overflow: visible;
}
.ceo-hjyu2 {
  color: #000000;
  text-align: left;
font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 45.19%;
  left: 25.74%;
  width: 29.07%;
  bottom: 8.82%;
  top: 85.07%;
  height: 6.11%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.supervisors-hjyu2 {
  color: #000000;
  text-align: right;
font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 21.3%;
  left: 51.85%;
  width: 26.85%;
  bottom: 11.76%;
  top: 82.13%;
  height: 6.11%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.administration-hjyu2 {
  color: #000000;
  text-align: left;
font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 15.37%;
  left: 25%;
  width: 59.63%;
  bottom: 85.52%;
  top: 8.37%;
  height: 6.11%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ellipse-130-hjyu2 {
  background: linear-gradient(to left, #f8dddd, #f8dddd);
  border-radius: 50%;
  border-style: solid;
  border-color: #ff5555;
  border-width: 3px;
  width: 11.11%;
  height: 13.57%;
  position: absolute;
  right: 76.67%;
  left: 12.22%;
  bottom: 81.67%;
  top: 4.75%;
  object-fit: cover;overflow:hidden;
}
.component-156-fhwu {
  width: 478px;
  height: 395px;
  position: absolute;
  left: calc(50% - 239px);
  top: calc(50% - 198px);
}
.vector-110-fhwu {
  border-radius: 0px;
  width: 24.9%;
  height: 65.32%;
  position: absolute;
  right: 5.44%;
  left: 69.67%;
  bottom: 14.18%;
  top: 20.51%;
  overflow: visible;
}
.vector-109-fhwu {
  border-radius: 0px;
  width: 16.11%;
  height: 33.16%;
  position: absolute;
  right: 20.5%;
  left: 63.39%;
  bottom: 23.04%;
  top: 43.8%;
  overflow: visible;
}
.subtract-fhwu {
  border-radius: 0px;
  width: 153px;
  height: 360.92px;
  position: absolute;
  left: 47px;
  top: 388px;
  transform: translate(-0.5px, -153.5px);
  overflow: visible;
}
.subtract2-fhwu {
      border-radius: 0px;
    width: 376px;
    height: 161.01px;
    position: absolute;
    left: 39px;
    top: 417px;
    transform: translate(-0.5px, -183.5px);
    overflow: visible;
}
.visioo-wordmark-black-1
{
	width: auto;
    height: auto;
    position: absolute;
    right: 36.61%;
        left: 35.26%;

    bottom: 3.6%;
    top: 91.38%;
    overflow: hidden;
}
#n5 > div.web > div > img:nth-child(6)
{
	max-width: 88px;
    top: 73%;
    left: 39%;
}
.subtract3-fhwu {
border-radius: 0px;
    width: 299px;
    height: 315px;
    position: absolute;
    left: 75px;
    top: 298px;
    transform: translate(-0.5px, -123.5px);
    overflow: visible;
}
.visioo-wordmark-fhwu {
  width: 24.71%;
  height: 7.97%;
  position: absolute;
  right: 39.3%;
  left: 35.98%;
  bottom: 0.89%;
  top: 91.14%;
  object-fit: cover;
}
.vector-106-fhwu {
  border-radius: 0px;
  width: 14.64%;
  height: 55.95%;
  position: absolute;
  right: 58.58%;
  left: 26.78%;
  bottom: 29.37%;
  top: 14.68%;
  overflow: visible;
}
.vector-104-fhwu {
  border-radius: 0px;
  width: 18.31%;
  height: 58.99%;
  position: absolute;
  right: 76.46%;
  left: 5.23%;
  bottom: 14.18%;
  top: 26.84%;
  overflow: visible;
}
.vector-105-fhwu {
  border-radius: 0px;
  width: 15.59%;
  height: 36.08%;
  position: absolute;
  right: 68.1%;
  left: 16.32%;
  bottom: 23.16%;
  top: 40.76%;
  overflow: visible;
}
.vector-107-fhwu {
  border-radius: 0px;
  width: 0%;
  height: 35.57%;
  position: absolute;
  right: 52.35%;
  left: 47.65%;
  bottom: 30%;
  top: 34.43%;
  transform: translate(-2.5px, -2.5px);
  overflow: visible;
}
.vector-108-fhwu {
  border-radius: 0px;
  width: 11.92%;
  height: 44.56%;
  position: absolute;
  right: 34.1%;
  left: 53.97%;
  bottom: 29.37%;
  top: 26.08%;
  overflow: visible;
}
.rectangle-160-fhwu {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 89.54%;
  left: 0%;
  bottom: 75.44%;
  top: 11.9%;
  object-fit: cover;
}
.rectangle-161-fhwu {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 78.66%;
  left: 10.88%;
  bottom: 61.27%;
  top: 26.08%;
  object-fit: cover;
}
.rectangle-162-fhwu {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 67.99%;
  left: 21.55%;
  bottom: 87.34%;
  top: 0%;
  object-fit: cover;
}
.rectangle-163-fhwu {
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 47.07%;
  left: 42.47%;
  bottom: 68.1%;
  top: 19.24%;
  object-fit: cover;
}
.rectangle-164-fhwu {
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 28.66%;
  left: 60.88%;
  bottom: 76.71%;
  top: 10.63%;
  object-fit: cover;
}
.rectangle-165-fhwu {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 15.27%;
  left: 74.27%;
  bottom: 59.24%;
  top: 28.1%;
  object-fit: cover;
}
.rectangle-166-fhwu {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 12px;
  border-style: solid;
  border-color: #3997fb;
  border-width: 1px;
  width: 10.46%;
  height: 12.66%;
  position: absolute;
  right: 0%;
  left: 89.54%;
  bottom: 81.77%;
  top: 5.57%;
  object-fit: cover;
}
.vector-fhwu {
  width: 11.11%;
  height: 9.11%;
  position: absolute;
  right: 44.43%;
  left: 44.46%;
  bottom: 12.4%;
  top: 78.48%;
  overflow: visible;
}
.vector2-fhwu {
  width: 7.26%;
  height: 7.6%;
  position: absolute;
  right: 50.9%;
  left: 41.84%;
  bottom: 15.44%;
  top: 76.96%;
  overflow: visible;
}
.api-fhwu {
  color: #000000;
  text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  right: 46.38%;
  left: 46.51%;
  width: 7.11%;
  bottom: 14.18%;
  top: 81.27%;
  height: 4.56%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ellipse-129-hjyu2 {
  background: linear-gradient(to left, #fff1d0, #fff1d0);
  border-radius: 50%;
  border-style: solid;
  border-color: #ffba0d;
  border-width: 3px;
  width: 12.96%;
  height: 15.84%;
  position: absolute;
  right: 75.56%;
  left: 11.48%;
  bottom: 3.85%;
  top: 80.32%;overflow:hidden;
  object-fit: cover;
}
.ellipse-76-hjyu2 {
  background: linear-gradient(to left, #d1e7ff, #d1e7ff);
  border-radius: 50%;
  border-style: solid;
  border-color: #83befc;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 10.74%;
  left: 80%;
  bottom: 18.33%;
  top: 70.36%;
  object-fit: cover;overflow:hidden;
}
.ellipse-92-hjyu2 {
background: linear-gradient(to left, #ffd8d7, #ffd8d7);
    border-radius: 50%;
    border-style: solid;
    border-color: #83befc;
    border-width: 3px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10.74%;
    /* left: 85.3%; */
    bottom: 9.05%;
    top: 78.64%;
    object-fit: cover;
}
.ellipse-128-hjyu2 {
    background: linear-gradient(to left, #c7f4e2, #c7f4e2);
    border-radius: 50%;
    border-style: solid;
    border-color: #83befc;
    border-width: 3px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10.74%;
    /* left: 85.4%; */
    bottom: 0.45%;
    top: 87.04%;
    object-fit: cover;
    overflow: hidden;
}
#n4 > div.web > div.ellipse-129-hjyu2 > img
{
	    max-width: 45px;
}
.rectangle-385-hjyu {
  background: #ffffff;
  border-radius: 12px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 89px;
  top: 186px;
}
.nfc-24-dp-fill-0-wght-400-grad-0-opsz-24-1-hjyu {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 109px;
  top: 198px;
  overflow: visible;
}
.nfc-hjyu {
  color: #ff5655;
  text-align: center;
font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 70.56%;
  left: 91px;
  width: 12.96%;
  bottom: 43.89%;
  top: 51.81%;
  height: 4.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rectangle-386-hjyu {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: #ff5655;
  border-width: 1px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 187px;
  top: 186px;
}
.qrcode-hjyu {
  width: 40px;
  height: 24px;
  position: absolute;
  left: 202px;
  top: 201px;
  overflow: visible;
}
.rectangle-387-hjyu {
  background: #ffffff;
  border-radius: 12px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 187px;
  top: 186px;
}
.qr-code-scanner-24-dp-fill-0-wght-400-grad-0-opsz-24-2-hjyu {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 211px;
  top: 201px;
  overflow: visible;
}
.qr-code-hjyu {
  color: #ff5655;
  text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 52.41%;
    left: 188px;
  width: 12.96%;
  bottom: 43.89%;
  top: 51.81%;
  height: 4.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.authorization-options-hjyu {
  color: #000000;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 10.56%;
  left: 10.74%;
  width: 78.7%;
  bottom: 62.44%;
  top: 33.26%;
  height: 4.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rectangle-388-hjyu {
  background: #ffffff;
  border-radius: 12px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 285px;
  top: 186px;
}
.pin-24-dp-fill-0-wght-400-grad-0-opsz-24-1-2-hjyu {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 308px;
  top: 201px;
  overflow: visible;
}
.pin-code-hjyu {
  color: #ff5655;
  text-align: center;
font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 34.26%;
  left: 288px;
  width: 12.96%;
  bottom: 43.89%;
  top: 51.81%;
  height: 4.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rectangle-389-hjyu {
  background: #ffffff;
  border-radius: 12px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 383px;
  top: 186px;
}
.familiar-face-and-zone-24-dp-fill-0-wght-400-grad-0-opsz-24-2-hjyu {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 406px;
  top: 201px;
  overflow: visible;
}
.face-id-hjyu {
  color: #ff5655;
  text-align: center;
 font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 16.11%;
      left: 385px;
  width: 12.96%;
  bottom: 43.89%;
  top: 51.81%;
  height: 4.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-work-hjyu {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  right: 49.81%;
  left: 25.37%;
  width: 24.81%;
  bottom: 11.76%;
  top: 84.84%;
  height: 3.39%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._3-minutes-ago-hjyu {
  color: #000000;
  text-align: right;
  font-family: "Noto Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  right: 25%;
  left: 50.19%;
  width: 24.81%;
  bottom: 11.76%;
  top: 84.84%;
  height: 3.39%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.rectangle-279-hjyu {
  background: #dad9d6;
  border-radius: 90px;
  width: 268px;
  height: 12px;
  position: absolute;
  left: 137px;
  top: 393px;
}
.rectangle-293-hjyu {
  background: #3997fb;
  border-radius: 90px;
  width: 17px;
  height: 12px;
  position: absolute;
  left: 137px;
  top: 393px;
}
.successfully-done-hjyu {
  width: 68px;
  height: 50px;
  position: absolute;
  left: 238px;
  top: 322px;
  object-fit: cover;
}
.dott1232
{
	top: 247px;
}
.line-30xx,
.line-30xx * {
  box-sizing: border-box;
}
.line-30xx {
 border-radius: 0px;
    width: 103px;
    height: 114px;
    position: relative;
    transform: translate(-2.5px, -46.5px);
    overflow: visible;
    top: -382px;
    left: 50px;
}.work-stationary-or-mobile,
.work-stationary-or-mobile * {
  box-sizing: border-box;
}
.group-1000003215-uu22 {
  position: absolute;
  inset: 0;
}
.vectary-texture-uu22 {
  width: 364px;
  height: 373px;
  position: absolute;
  left: 103px;
  top: 36px;
  object-fit: cover;
}
.line-48-uu22 {
 border-radius: 0px;
    width: 24.56%;
    height: 28.73%;
    position: absolute;
    right: 70.37%;
    left: 19.07%;
    bottom: 38.01%;
    top: 12.26%;
    overflow: visible;
}
.line-51-uu22 {
    border-radius: 0px;
    width: 25.04%;
    height: 30.32%;
    position: absolute;
    right: -0.19%;
    left: 68.15%;
    bottom: 36.43%;
    top: 13.76%;
    overflow: visible;
}
.non123
{
	    position: relative;
    top: 47%;
    left: 14%;

}
.non321
{
	position: relative;
    top: 47%;
   left: 38%;
}
.line-50-uu22 {
 border-radius: 0px;
    width: 33.33%;
    height: 38.01%;
    position: absolute;
    right: 85.74%;
    left: 5.93%;
    bottom: -1.13%;
    top: 49.52%;
    overflow: visible;
}
.line-53-uu22 {
 border-radius: 0px;
    width: 31.04%;
    height: 36.65%;
    position: absolute;
    right: -1.3%;
    left: 63.26%;
    bottom: 0.23%;
    top: 49.12%;
    overflow: visible;
}
.line-24-uu22 {
  margin-top: -5px;
  border-style: dashed;
  border-color: #3997fb;
  border-width: 5px 0 0 0;
  width: 21.11%;
  height: 0%;
  position: absolute;
  right: 38.7%;
  left: 40.19%;
  bottom: 51.7%;
  top: 48.3%;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.line-52-uu22 {
  margin-top: -5px;
  border-style: dashed;
  border-color: #3997fb;
  border-width: 5px 0 0 0;
  width: 21.11%;
  height: 0%;
  position: absolute;
  right: -8.52%;
  left: 87.41%;
  bottom: 51.81%;
  top: 48.19%;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
}
.ellipse-90-uu22 {
  background: linear-gradient(to left, #c7f4e2, #c7f4e2);
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 76.3%;
  left: 14.44%;
  bottom: 81.22%;
  top: 7.47%;
  object-fit: cover;overflow:hidden;
}
.ellipse-122-uu22 {
  background: linear-gradient(to left, #fff1d0, #fff1d0);
  border-radius: 50%;
  border-style: solid;
  border-color: #ffba0d;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 2.41%;
  left: 88.33%;
  bottom: 76.92%;
  top: 11.76%;
  object-fit: cover;overflow:hidden;
}
.ellipse-92-uu22 {
  background: linear-gradient(to left, #fff1d0, #fff1d0);
  border-radius: 50%;
  border-style: solid;
  border-color: #ffba0d;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;overflow:hidden;
  position: absolute;
  right: 82.41%;
  left: 8.33%;
  bottom: 45.48%;
  top: 43.21%;
  object-fit: cover;
}
.ellipse-94-uu22 {
  background: linear-gradient(to left, #ffd6d6, #ffd6d6);
  border-radius: 50%;
  border-style: solid;
  border-color: #ff5555;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;overflow:hidden;
  position: absolute;
  right: 89.44%;
  left: 1.3%;
  bottom: 13.8%;
  top: 74.89%;
  object-fit: cover;
}
.ellipse-100-uu22 {
  background: linear-gradient(to left, #d1e7ff, #d1e7ff);
  border-radius: 50%;
  border-style: solid;
  border-color: #83befc;overflow:hidden;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 1.11%;
  left: 89.63%;
  bottom: 15.38%;
  top: 73.3%;
  object-fit: cover;
}
.ellipse-99-uu22 {
  background: linear-gradient(to left, #c7f4e2, #c7f4e2);
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 3px;
  width: 9.26%;
  height: 11.31%;
  position: absolute;
  right: 2.22%;overflow:hidden;
  left: 88.52%;
  bottom: 46.15%;
  top: 42.53%;
  object-fit: cover;
}
.authorization-on-kiosk-mode-uu22 {
  color: #3997fb;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 11.67%;
  left: 23.7%;
  width: 64.63%;
  bottom: 81.67%;
  top: 11.31%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-code-uu22 {
  color: #000000;
  text-align: right;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 60.74%;
  left: 22.41%;
  width: 16.85%;
  bottom: 66.74%;
  top: 26.24%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pin-code-uu22 {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 6.85%;
  left: 73.52%;
  width: 19.63%;
  bottom: 66.74%;
  top: 26.24%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nfc-card-uu22 {
  color: #000000;
  text-align: right;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 64.81%;
  left: 18.33%;
  width: 16.85%;
  bottom: 51.13%;
  top: 41.86%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.geofence-uu22 {
  color: #000000;
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 10.37%;
  left: 71.3%;
  width: 18.33%;
  bottom: 51.13%;
  top: 41.86%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.face-recognition-uu22 {
  color: #000000;
  text-align: right;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 67.41%;
  left: 6.48%;
  width: 26.11%;
  bottom: 36.88%;
  top: 56.11%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.qrcode-uu22 {
  width: 14px;
  height: 16px;
  position: absolute;
  left: 220.4px;
  top: 122.55px;
  overflow: visible;
}
.qrcode2-uu22 {
  width: 14px;
  height: 16px;
  position: absolute;
  left: 373.4px;
  top: 122.55px;
  overflow: visible;
}
.address-card-uu22 {
  width: 18px;
  height: 16px;
  position: absolute;
  left: 199px;
  top: 192px;
  overflow: visible;
}
.street-view-uu22 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 361.47px;
  top: 192.02px;
  overflow: visible;
}
.face-viewfinder-uu22 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 187px;
  top: 255px;
  overflow: visible;
}
.photo-proof-uu22 {
  color: #000000;
  text-align: left;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 5.74%;
  left: 68.52%;
  width: 25.74%;
  bottom: 36.88%;
  top: 56.11%;
  height: 7.01%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.camera-uu22 {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 346.69px;
  top: 254.89px;
  overflow: visible;
}

.work-stationary-or-mobile {
     color: #3997fb;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    width: 116px;
    height: 88px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    top: -410px;
    right: 10px;
    z-index: 9999;
}
.for-me,
.for-me * {
  box-sizing: border-box;
}
.for-me {
  color: #3997fb;
    text-align: center;
   font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    width: 111px;
    height: 78px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    top: -632px;
    right: 23px;
}
.for-teams,
.for-teams * {
  box-sizing: border-box;
}
.for-teams {
color: #3997fb;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    width: 116px;
    height: 64px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    top: -452px;
    left: 424px;
}
.line-32xy,
.line-32xy * {
  box-sizing: border-box;
}
.line-32xy {
  border-radius: 0px;
    width: 178px;
    height: 176px;
    position: relative;
    transform: translate(-178.5px, -28.5px);
    overflow: visible;
    top: -483px;
    left: 481px;
}
.line-33xe,
.line-33xe * {
  box-sizing: border-box;
}
.line-33xe {
border-radius: 0px;
    width: 96px;
    height: 98px;
    position: relative;
    transform: translate(-2.5px, -27.5px);
    overflow: visible;
    top: -630px;
    left: 32px;
}
.component-153-uhx {
  width: 496px;
  height: 326px;
  position: absolute;
  left: calc(50% - 248px);
  top: calc(50% - 163px);
}
.component-143-uhx {
  width: 95.16%;
  height: 1.53%;
  position: absolute;
  right: 4.84%;
  left: 0%;
  bottom: 73.93%;
  top: 24.54%;
  overflow: visible;
}
.line-50-uhx {
border-radius: 0px;
    width: 13.21%;
    height: 28.96%;
    position: absolute;
    right: 64.31%;
    left: 17.48%;
    bottom: 54.25%;
    top: 38.79%;
    transform: translate(-2.5px, -68px);
    overflow: visible;
}
.line-54-uhx {
      border-radius: 0px;
    width: 7.76%;
    height: 43.83%;
    position: absolute;
    right: 14.21%;
    left: 78.02%;
    bottom: 12.12%;
    top: 58.06%;
    transform: translate(-2.5px, -41px);
    overflow: visible;
}
.line-53-uhx {
    border-radius: 0px;
    width: 44.65%;
    height: 53.76%;
    position: absolute;
    right: 51.81%;
    left: 30.53%;
    bottom: -10.28%;
    top: 24.52%;
    transform: translate(-2.5px, -22.66px);
    overflow: visible;
    transform: rotate(-3deg);
}
.line-51-uhx {

    width: 12.07%;

    height: 22.44%;
    position: absolute;
    right: 77.82%;
    left: 7.1%;
    bottom: 36.5%;
    top: 56.06%;
    transform: translate(-11.54px, -2.5px);
    overflow: visible;
    transform: rotate(4deg);
}
#chosen
{
	box-shadow:0px 0px 30px 0px rgba(50, 132, 255, 0.4)
}
.line-52-uhx {


    width: 25.75%;
    height: 13.44%;
    position: absolute;
    right: 64.71%;
    left: 16.54%;
    bottom: 12.2%;
    top: 71.36%;
    transform: translate(-2.07px, -29.9px);
    overflow: visible;
    transform: rotate(-15deg);
}
.ellipse-89-uhx {
  background: #fffcf5;
  border-radius: 50%;
  border-style: solid;
  border-color: #ffba0d;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 76.81%;
  left: 13.1%;
  bottom: 41.72%;
  top: 42.94%;
  box-shadow: 0px 0px 33px 0px rgba(255, 186, 13, 1);
}
.vector-uhx {
  width: 3.53%;
  height: 3.75%;
  position: absolute;
  right: 80.14%;
  left: 16.33%;
  bottom: 47.48%;
  top: 48.77%;
  overflow: visible;
}
.ellipse-92-uhx {
  background: #f7fbff;
  border-radius: 50%;
  border-style: solid;
  border-color: #3997fb;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 70.56%;
  left: 19.35%;
  bottom: 80.06%;
  top: 4.6%;
  box-shadow: 0px 0px 33px 0px rgba(57, 151, 251, 1);
}
.component-139-uhx {
  width: 4.23%;
  height: 6.44%;
  position: absolute;
  right: 73.59%;
  left: 22.18%;
  bottom: 84.36%;
  top: 9.2%;
  overflow: visible;
}
.ellipse-95-uhx {
  background: #fff8f8;
  border-radius: 50%;
  border-style: solid;
  border-color: #ff5555;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 78.63%;
  left: 11.29%;
  bottom: 13.19%;
  top: 71.47%;
  box-shadow: 0px 0px 33px 0px rgba(255, 85, 85, 1);
}
.component-1432-uhx {
  width: 4.23%;
  height: 6.44%;
  position: absolute;
  right: 81.65%;
  left: 14.11%;
  bottom: 17.48%;
  top: 76.07%;
  overflow: visible;
}
.ellipse-93-uhx {
  background: #f5fdfa;
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 58.06%;
  left: 31.85%;
  bottom: 28.53%;
  top: 56.13%;
  box-shadow: 0px 0px 33px 0px rgba(0, 204, 121, 1);
}
.vector2-uhx {
  width: 3.53%;
  height: 4.22%;
  position: absolute;
  right: 61.39%;
  left: 35.08%;
  bottom: 34.13%;
  top: 61.66%;
  overflow: visible;
}
.ellipse-96-uhx {
  background: #fffcf5;
  border-radius: 50%;
  border-style: solid;
  border-color: #ffba0d;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 47.98%;
  left: 41.94%;
  bottom: 0%;
  top: 84.66%;
}
.vector3-uhx {
  width: 4.03%;
  height: 5.35%;
  position: absolute;
  right: 50.4%;
  left: 45.56%;
  bottom: 4.77%;
  top: 89.88%;
  overflow: visible;
}
.ellipse-90-uhx {
  background: #f7fbff;
  border-radius: 50%;
  border-style: solid;
  border-color: #3997fb;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 36.9%;
  left: 53.02%;
  bottom: 20.86%;
  top: 63.8%;
}
.component-142-uhx {
  width: 4.23%;
  height: 6.44%;
  position: absolute;
  right: 39.92%;
  left: 55.85%;
  bottom: 25.15%;
  top: 68.4%;
  overflow: visible;
}
.ellipse-88-uhx {
  background: #f5fdfa;
  border-radius: 50%;
  border-style: solid;
  border-color: #00cc79;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 20.36%;
  left: 69.56%;
  bottom: 2.15%;
  top: 82.52%;
  box-shadow: 0px 0px 33px 0px rgba(0, 204, 121, 1);
}
.component-140-uhx {
  width: 4.23%;
  height: 6.44%;
  position: absolute;
  right: 23.39%;
  left: 72.38%;
  bottom: 6.44%;
  top: 87.12%;
  overflow: visible;
}
.ellipse-87-uhx {
  background: #fff8f8;
  border-radius: 50%;
  border-style: solid;
  border-color: #ff5555;
  border-width: 2px;
  width: 10.08%;
  height: 15.34%;
  position: absolute;
  right: 12.3%;
  left: 77.62%;
  bottom: 31.6%;
  top: 53.07%;
  box-shadow: 0px 0px 33px 0px rgba(255, 85, 85, 1);
}
.component-1392-uhx {
  width: 4.23%;
  height: 6.44%;
  position: absolute;
  right: 15.32%;
  left: 80.44%;
  bottom: 35.89%;
  top: 57.67%;
  overflow: visible;
}
.one-app-replace-more-tools-what-i-use-today-it-is-economic-uhx {
  color: #3997fb;
  text-align: center;
   font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  right: 0%;
  left: 60.89%;
  width: 39.11%;
  bottom: 77.61%;
  top: -14.42%;
  height: 36.81%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountant-holding-calculator-uhx {
  width: 23.79%;
  height: 23.31%;
  position: absolute;
  right: 35.48%;
  left: 40.73%;
  bottom: 76.69%;
  top: 0%;
  object-fit: cover;
}
.rectangle-248-uhx {
  background: rgba(247, 251, 255, 0.9);
  width: 5.73%;
  height: 0.82%;
  position: absolute;
  right: 45.99%;
  left: 48.28%;
  bottom: 78.87%;
  top: 20.31%;
  box-shadow: 15px 0px 15px 15px rgba(247, 251, 255, 1);
  transform-origin: 0 0;
  transform: rotate(-32.337deg) scale(-1, 1);
}