@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Inter:500,400,700,600|Balsamiq+Sans:400,700|Caveat+Brush:400");


@font-face {
    font-family: "Marker Felt-Thin";
    font-style: normal;
    font-weight: 100;
    src: url('https://anima-uploads.s3.amazonaws.com/projects/60b55036be9e68435d7b1144/fonts/marker-felt-thin.ttf') format("truetype");
}

.pencil-sketch-main .screen textarea:focus,
.pencil-sketch-main .screen input:focus {
    outline: none;
}

.pencil-sketch-main .screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.pencil-sketch-main .screen div {
    -webkit-text-size-adjust: none;
}

.pencil-sketch-main .component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
}

.pencil-sketch-main .component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
}

.pencil-sketch-main .component-wrapper a *,
.pencil-sketch-main .component-wrapper input,
.pencil-sketch-main .component-wrapper video,
.pencil-sketch-main .component-wrapper iframe {
    pointer-events: auto;
}

.pencil-sketch-main .component-wrapper.not-ready,
.pencil-sketch-main .component-wrapper.not-ready * {
    visibility: hidden !important;
}

.pencil-sketch-main .screen a {
    display: contents;
    text-decoration: none;
}

.pencil-sketch-main .full-width-a {
    width: 100%;
}

.pencil-sketch-main .full-height-a {
    height: 100%;
}

.pencil-sketch-main .container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.pencil-sketch-main .container-center-vertical > * {
    flex-shrink: 0;
    pointer-events: auto;
}

.pencil-sketch-main .container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.pencil-sketch-main .container-center-horizontal > * {
    flex-shrink: 0;
    pointer-events: auto;
}

.pencil-sketch-main .auto-animated div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.pencil-sketch-main .auto-animated input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.pencil-sketch-main .auto-animated .container-center-vertical,
.pencil-sketch-main .auto-animated .container-center-horizontal {
    opacity: 1;
}

.pencil-sketch-main .overlay-base {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.pencil-sketch-main .overlay-base.animate-appear {
    align-items: center;
    animation: reveal 0.3s ease-in-out 1 normal forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.pencil-sketch-main .overlay-base.animate-disappear {
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
}

.pencil-sketch-main .overlay-base.animate-disappear * {
    pointer-events: none;
}

@keyframes reveal {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pencil-sketch-main .animate-nodelay {
    animation-delay: 0s;
}

.pencil-sketch-main .align-self-flex-start {
    align-self: flex-start;
}

.pencil-sketch-main .align-self-flex-end {
    align-self: flex-end;
}

.pencil-sketch-main .align-self-flex-center {
    align-self: flex-center;
}

.pencil-sketch-main .valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pencil-sketch-main .valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.pencil-sketch-main input:focus {
    outline: none;
}

.pencil-sketch-main .listeners-active,
.pencil-sketch-main .listeners-active * {
    pointer-events: auto;
}

.pencil-sketch-main .hidden,
.pencil-sketch-main .hidden * {
    pointer-events: none;
    visibility: hidden;
}

.pencil-sketch-main .smart-layers-pointers,
.pencil-sketch-main .smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
}

.pencil-sketch-main .listeners-active-click,
.pencil-sketch-main .listeners-active-click * {
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

.pencil-sketch-main {
    --blue-charcoal: #020617;
    --charade: #293138;
    --concord: #7d7979;
    --eerie-black: #18181b;
    --gray200: #eaecf0;
    --gray500: #667084;
    --gray600: #475466;
    --gray900: #0f1728;
    --lavender: #c878e1;
    --linedark: #000000;
    --mirage: #0f172a;
    --paper: #ffffff;
    --shark: #27272a;
    --ship-gray: #3f3f46;
    --storm-gray: #64748b;
    --trout: #52525b;

    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-s: 14px;
    --font-size-xl: 20px;
    --font-size-xs: 13.4px;
    --font-size-xxl: 30px;
    --font-size-xxxl: 56px;

    --font-family-balsamiq_sans: "Balsamiq Sans", Helvetica;
    --font-family-caveat_brush: "Caveat Brush", Helvetica;
    --font-family-inter: "Inter", Helvetica;
    --font-family-marker_felt-thin: "Marker Felt-Thin", Helvetica;
}

.pencil-sketch-main .text-xlregular {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
}

.pencil-sketch-main .balsamiqsans-bold-mirage-30px {
    color: var(--gray900);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .balsamiqsans-normal-fiord-14px {
    color: var(--gray600);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .inter-normal-fiord-16px {
    color: var(--gray600);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .inter-semi-bold-fiord-16px {
    color: var(--gray600);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.pencil-sketch-main .balsamiqsans-normal-fiord-16px {
    color: var(--gray600);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pencil-sketch-main .balsamiqsans-normal-mirage-14px {
    color: var(--gray900);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-normal-mirage-18px {
    color: var(--gray900);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .inter-semi-bold-mirage-16px {
    color: var(--mirage);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.pencil-sketch-main .balsamiqsans-bold-ship-gray-14px {
    color: var(--ship-gray);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .balsamiqsans-normal-charade-16px {
    color: var(--charade);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .caveatbrush-normal-blue-charcoal-56px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-caveat_brush);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-normal-eerie-black-16px {
    color: var(--eerie-black);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-normal-trout-14px {
    color: var(--trout);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .inter-semi-bold-lavender-16px {
    color: var(--lavender);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.pencil-sketch-main .balsamiqsans-normal-fiord-18px {
    color: var(--gray600);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .markerfelt-thin-black-8-7px {
    color: var(--linedark);
    font-family: var(--font-family-marker_felt-thin);
    font-size: 8.7px;
    font-style: normal;
    font-weight: 100;
}

.pencil-sketch-main .inter-medium-white-16px {
    color: var(--paper);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.pencil-sketch-main .balsamiqsans-normal-storm-gray-20px {
    color: var(--storm-gray);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .caveatbrush-normal-white-60px {
    color: var(--paper);
    font-family: var(--font-family-caveat_brush);
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-normal-white-20px {
    color: var(--paper);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .caveatbrush-normal-blue-charcoal-62px {
    color: var(--blue-charcoal);
    font-family: var(--font-family-caveat_brush);
    font-size: 62px;
    line-height: 62px;
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .inter-semi-bold-pale-sky-14px {
    color: var(--gray500);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
}

.pencil-sketch-main .caveatbrush-normal-mirage-62px {
    color: var(--gray900);
    font-family: var(--font-family-caveat_brush);
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-bold-white-13-4px {
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .balsamiqsans-bold-charade-13-4px {
    color: var(--charade);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .balsamiqsans-normal-charade-13-4px {
    color: var(--charade);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .balsamiqsans-normal-concord-13-4px {
    color: var(--concord);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .caveatbrush-normal-white-30px {
    color: var(--paper);
    font-family: var(--font-family-caveat_brush);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}


/* screen - pencil sketch main */

.pencil-sketch-main {
    background-color: var(--paper);
    background-image: radial-gradient(circle, rgba(9, 9, 9, 0.252) 1px, transparent 1px);
    background-size: 20px 20px;
    height: 9290px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .group-59468-XELnlq {
    background-color: transparent;
    height: 1457px;
    left: 0px;
    opacity: 0.6;
    position: absolute;
    top: -41px;
    width: 1943px;
}

.pencil-sketch-main .x216reversible-b0wvDo {
    height: 445px;
    left: 0px;
    top: 41px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-oR9fmT {
    height: 486px;
    left: 0px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-eymAgC {
    height: 445px;
    left: 486px;
    top: 41px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-x5ZEz9 {
    height: 486px;
    left: 486px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-MFN4I7 {
    height: 486px;
    left: 0px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-6yxrp6 {
    height: 486px;
    left: 486px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-ZkSDHD {
    height: 445px;
    left: 971px;
    top: 41px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-94De1j {
    height: 486px;
    left: 971px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-NULkAN {
    height: 445px;
    left: 1457px;
    top: 41px;
    width: 55px;
}

.pencil-sketch-main .x216reversible-6f3cix {
    height: 486px;
    left: 1457px;
    top: 485px;
    width: 55px;
}

.pencil-sketch-main .x216reversible-HxfPnx {
    height: 486px;
    left: 971px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-Ukesbf {
    height: 486px;
    left: 1457px;
    top: 971px;
    width: 55px;
}

.pencil-sketch-main .group-59472-XELnlq {
    background-color: transparent;
    height: 1457px;
    left: 0px;
    opacity: 0.6;
    position: absolute;
    top: 1416px;
    width: 1943px;
}

.pencil-sketch-main .x216reversible-Vbfc1g {
    height: 486px;
    left: 0px;
    top: 0px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-yI9nrh {
    height: 486px;
    left: 0px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-ge6ehm {
    height: 486px;
    left: 486px;
    top: 0px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-tVknGz {
    height: 486px;
    left: 486px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-6oKLwL {
    height: 486px;
    left: 0px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-MQtccd {
    height: 486px;
    left: 486px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-aPp4uy {
    height: 486px;
    left: 971px;
    top: 0px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-QmmEus {
    height: 486px;
    left: 971px;
    top: 485px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-YBKOke {
    height: 486px;
    left: 1457px;
    top: 0px;
    width: 55px;
}

.pencil-sketch-main .x216reversible-tkxQrO {
    height: 486px;
    left: 1457px;
    top: 485px;
    width: 55px;
}

.pencil-sketch-main .x216reversible-uNlSBr {
    height: 486px;
    left: 971px;
    top: 971px;
    width: 486px;
}

.pencil-sketch-main .x216reversible-L8H65K {
    height: 486px;
    left: 1457px;
    top: 971px;
    width: 55px;
}

.pencil-sketch-main .group-17-XELnlq {
    background-color: transparent;
    height: 70px;
    left: 503px;
    position: absolute;
    top: 23px;
    width: 895px;
}

.pencil-sketch-main .frame-1-f63k9f {
    gap: 45px;
    left: 0px;
    position: absolute;
    top: 21px;
}

.pencil-sketch-main .frame-1-m0sMFJ {
    flex: 0 0 auto;
    gap: 2px;
    position: relative;
    border-bottom: 3px solid var(--ship-gray);
    padding-bottom: 5px;
}

.pencil-sketch-main .frame-2-m0sMFJ {
    /*align-items: center;*/
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 2px;
    justify-content: center;
    position: relative;
}

.pencil-sketch-main .pricing-m0sMFJ {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .frame-3-m0sMFJ {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 2px;
    justify-content: center;
    position: relative;
}

.pencil-sketch-main .case-study-m0sMFJ {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-f63k9f {
    align-items: flex-start;
    background-color: transparent;
    border-radius: 6px;
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    left: 605px;
    overflow: hidden;
    padding: 6px 12px;
    position: absolute;
    top: 20px;
}

.pencil-sketch-main .button-gJ6Em9 {
    background-color: transparent;
    color: #1e293b;
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -5px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .fun-label-color-f63k9f {
    cursor: pointer;
    background-color: var(--ship-gray);
    height: 46px;
    left: 691px;
    position: absolute;
    top: 7px;
    z-index: 1;
}

.pencil-sketch-main .vector-f63k9f {
    background-color: transparent;
    height: 60px;
    left: 688px;
    position: absolute;
    top: 0px;
    width: 207px;
}

.pencil-sketch-main .group-19-XELnlq {
    cursor: pointer;
    background-color: transparent;
    height: 24px;
    left: 116px;
    position: absolute;
    top: 38px;
    width: 112px;
    z-index: 1;
}

.pencil-sketch-main .social-proof-section-XELnlq {
    background-color: transparent;
    height: 143px;
    left: 0px;
    position: absolute;
    top: 913px;
}

.pencil-sketch-main .container-GJJmiV {
    align-items: center;
    background-color: transparent;
    padding: 0px 32px;
    position: absolute;
}

.pencil-sketch-main .text-2nUfg9 {
    color: var(--eerie-black);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    position: absolute;
    text-align: center;
    left:600px;
}

.pencil-sketch-main .logos-2nUfg9 {
    background-color: transparent;
    height: 102px;
    position: absolute;
    top: 42px;
    width: 100%;
}

.pencil-sketch-main .goodmeetings-logo-160-mrFTC8 {
    background-color: transparent;
    height: 53px;
    object-fit: cover;
    position: relative;
    width: 145.75px;
}

.pencil-sketch-main .logo-1-mrFTC8 {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 53px;
    overflow: hidden;
    position: relative;
    width: 143.5457763671875px;
}

.pencil-sketch-main .images-2-1-mrFTC8 {
    background-color: transparent;
    height: 53px;
    position: relative;
    width: 62.5869140625px;
}

.pencil-sketch-main .d26dc7_52f3e29994654-mrFTC8 {
    background-color: transparent;
    height: 53px;
    object-fit: cover;
    position: relative;
    width: 164.5208282470703px;
}

.pencil-sketch-main .frame-46-mrFTC8 {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 53px;
    position: relative;
    width: 194.33865356445312px;
}

.pencil-sketch-main .logo-3-mrFTC8 {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 53px;
    overflow: hidden;
    position: relative;
    width: 161.2083282470703px;
}

.pencil-sketch-main .neufin-header-mrFTC8 {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 44.16666793823242px;
    overflow: hidden;
    position: relative;
    width: 200.9583282470703px;
}

.pencil-sketch-main .frame-47-mrFTC8 {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    height: 44.16666793823242px;
    position: relative;
    width: 154.5833282470703px;
}

.pencil-sketch-main .maxresdefault-3-mrFTC8 {
    object-fit: cover;
    width: 245.6770782470703px;
}

.pencil-sketch-main .maxresdefault-3-38TaCC {
    object-fit: cover;
    width: 245.6770782470703px;
}

.pencil-sketch-main .maxresdefault-3-FudT04 {
    margin-bottom: -5086.58px;
    margin-right: -6551.00px;
    width: 121.45833587646484px;
}

.pencil-sketch-main .maxresdefault-3-YriUJ5 {
    margin-bottom: -5086.58px;
    margin-right: -6692.33px;
    width: 121.45833587646484px;
}

.pencil-sketch-main .frame-26-XELnlq {
    align-items: center;
    gap: 86px;
    left: 842px;
    top: 1189px;
}

.pencil-sketch-main .frame-23-7Xa6O1 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 36px;
    position: relative;
}

.pencil-sketch-main .frame-22-2wOook {
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
}

.pencil-sketch-main .frame-18-Gh984S {
    flex: 0 0 auto;
    position: relative;
}

.pencil-sketch-main .design-urgency-Jm2f79 {
    background-color: transparent;
    color: var(--shark);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .weve-got-you-covered-instantly-Gh984S {
    background-color: transparent;
    letter-spacing: 0.56px;
    line-height: 68px;
    position: relative;
    text-align: left;
    width: 542px;
}

.pencil-sketch-main .experience-instant-d-Gh984S {
    background-color: transparent;
    letter-spacing: 0.20px;
    line-height: 29px;
    position: relative;
    text-align: left;
    width: 555px;
}

.pencil-sketch-main .vector-Gh984S {
    background-color: transparent;
    height: 11px;
    left: 0px;
    position: absolute;
    top: 173px;
    width: 248px;
}

.pencil-sketch-main .frame-27-XELnlq {
    display: inline-flex;
    gap: 36px;
    justify-content: center;
    left: 116px;
    top: 279px;
}

.pencil-sketch-main .frame-22-lKswrT {
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 20px;
    justify-content: center;
    position: relative;
}

.pencil-sketch-main .frame-18-uNGQ05 {
    height: 21px;
    padding: 6px 0px;
    position: relative;
}

.pencil-sketch-main .instant-design-excellence-xxNuWh {
    background-color: transparent;
    color: var(--shark);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-bottom: -9.00px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .your-creative-soluti-uNGQ05 {
    background-color: transparent;
    letter-spacing: 0.56px;
    line-height: 68px;
    position: relative;
    text-align: left;
    width: 622px;
}

.pencil-sketch-main .effortless-design-br-uNGQ05 {
    background-color: transparent;
    color: var(--trout);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    line-height: 29px;
    position: relative;
    text-align: left;
    width: 550px;
}

.pencil-sketch-main .line-8-uNGQ05 {
    left: 309px;
    top: 173px;
    width: 198px;
}

.pencil-sketch-main .line-1-uNGQ05 {
    height: 18px;
    left: 130px;
    top: 113px;
    width: 234px;
}

.pencil-sketch-main .frame-2-fNMUDz {
    background-color: transparent;
    height: 18px;
    left: 0px;
    position: absolute;
    top: -18px;
    width: 1px;
}

.pencil-sketch-main .frame-5-lKswrT {
    flex: 0 0 auto;
    gap: 12px;
    position: relative;
}

.pencil-sketch-main .fun-label-color-nsI5sP {
    cursor: pointer;
    z-index: 1;
    background-color: var(--ship-gray);
    flex: 0 0 auto;
    height: 56px;
    position: relative;
}

.pencil-sketch-main .vector-nsI5sP {
    background-color: transparent;
    height: 70px;
    left: -4px;
    position: absolute;
    top: -5px;
    width: 207px;
}

.pencil-sketch-main .fun-label-color-uXrRzL {
    cursor: pointer;
    z-index: 1;
    background-color: transparent;
    flex: 0 0 auto;
    position: relative;
}

.pencil-sketch-main .label-text-dl3P4L {
   
    color: var(--shark);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.pencil-sketch-main .vector-uXrRzL {
    background-color: transparent;
    height: 70px;
    left: 213px;
    position: absolute;
    top: -6px;
    width: 207px;
}

.pencil-sketch-main .praveenjuge_create_l-XELnlq {
    height: 632px;
    left: 95px;
    object-fit: cover;
    top: 1120px;
    width: 632px;
}

.pencil-sketch-main .clip-path-group-XELnlq {
    height: 103px;
    left: 602px;
    top: 1129px;
    width: 132px;
}

.pencil-sketch-main .praveenjuge_create_l-X6HGxd {
    height: 581px;
    left: 714px;
    top: 181px;
    width: 626px;
}

.pencil-sketch-main .vector-XELnlq {
    background-color: transparent;
    height: 34px;
    left: 94px;
    position: absolute;
    top: 215px;
    width: 33px;
}

.pencil-sketch-main .clip-path-group-X6HGxd {
    height: 56px;
    left: 43px;
    top: 157px;
    width: 55px;
}

.pencil-sketch-main .vector-X6HGxd {
    background-color: transparent;
    height: 71px;
    left: 0px;
    position: absolute;
    top: 228px;
    width: 70px;
}

.pencil-sketch-main .clip-path-group-tyQsTl {
    height: 172px;
    left: 1425px;
    top: 142px;
    width: 87px;
}

.pencil-sketch-main .clip-path-group-5UZwBi {
    height: 187px;
    left: 1363px;
    top: 665px;
    width: 149px;
}

.pencil-sketch-main .group-59471-XELnlq {
    background-color: transparent;
    height: 138px;
    left: 35px;
    position: absolute;
    top: 672px;
    width: 125px;
}

.pencil-sketch-main .clip-path-group-8GkjsI {
    height: 132px;
    left: 1322px;
    top: 1088px;
    width: 190px;
}

.pencil-sketch-main .group-59479-XELnlq {
    background-color: transparent;
    height: 145px;
    left: 1365px;
    position: absolute;
    top: 1634px;
    width: 147px;
}

.pencil-sketch-main .group-59478-XELnlq {
    background-color: transparent;
    height: 172px;
    left: 36px;
    position: absolute;
    top: 1607px;
    width: 173px;
}

.pencil-sketch-main .container-XELnlq {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 32px;
    left: 115px;
    position: absolute;
    top: 2688px;
    width: 1281px;
}

.pencil-sketch-main .container-XylQgf {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 1281px;
}

.pencil-sketch-main .content-DdBmC9 {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 24px;
    display: flex;
    flex: 0 0 auto;
    gap: 32px;
    padding: 64px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-Q7VVS4 {
    align-self: stretch;
    line-height: 28px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .text-lNlepy {
    align-self: stretch;
    line-height: 28px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .text-rRWT4h {
    align-self: stretch;
    line-height: 28px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .clip-path-group-7sltJc {
    height: 172px;
    left: 70px;
    top: 4385px;
    width: 168px;
}

.pencil-sketch-main .clip-path-group-fxVVBM {
    height: 172px;
    left: 1309px;
    top: 4303px;
    width: 168px;
}

.pencil-sketch-main .content-XELnlq {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    gap: 72px;
    justify-content: center;
    left: 250px;
    position: absolute;
    top: 3272px;
}

.pencil-sketch-main .feature-text-h1mDd2 {
    align-self: stretch;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .group-59473-iFMvxM {
    background-color: transparent;
    height: 75px;
    margin-top: -0.50px;
    position: relative;
    width: 54.8388671875px;
}

.pencil-sketch-main .text-and-supporting-text-iFMvxM {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .flex-container-124828-uA3vMg {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 72px;
    width: 300px;
}

.pencil-sketch-main .text0-124828-o74nCo {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 16px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .span0-k0y0XL {
}

.pencil-sketch-main .text1-124828-o74nCo {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 16px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .span1-viaNt8 {
}

.pencil-sketch-main .supporting-text-uA3vMg {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .feature-text-o8fM91 {
    align-self: stretch;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .group-59472-lyhNtC {
    background-color: transparent;
    height: 76.34850311279297px;
    position: relative;
    width: 100.56072998046875px;
}

.pencil-sketch-main .text-and-supporting-text-lyhNtC {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .text-VvxG7a {
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    width: 256px;
}

.pencil-sketch-main .supporting-text-VvxG7a {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .feature-text-mUX45G {
    align-self: stretch;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .group-LxZSvb {
    background-color: transparent;
    height: 78.00003051757812px;
    position: relative;
    width: 75.31494140625px;
}

.pencil-sketch-main .text-and-supporting-text-LxZSvb {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .text-agIrEj {
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    width: 300px;
}

.pencil-sketch-main .supporting-text-agIrEj {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .what-you-get-with-lurulabs-XELnlq {
    background-color: transparent;
    height: auto;
    left: 464px;
    letter-spacing: 0.00px;
    line-height: 62px;
    position: absolute;
    text-align: center;
    top: 3034px;
    width: 584px;
}

.pencil-sketch-main .clip-path-group-fprnI2 {
    height: 172px;
    left: 1299px;
    top: 3030px;
    width: 168px;
}

.pencil-sketch-main .group-59480-XELnlq {
    background-color: transparent;
    height: 355px;
    left: 0px;
    position: absolute;
    top: 3055px;
    width: 339px;
}

.pencil-sketch-main .container-X6HGxd {
    align-items: center;
    background-color: transparent;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    left: 116px;
    position: absolute;
    top: 3593px;
    width: 1280px;
}

.pencil-sketch-main .content-hwyqRE {
    align-items: center;
    background-color: transparent;
    border-radius: 24px;
    display: flex;
    flex: 1;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .frame-32-hiPAoo {
    background-color: transparent;
    height: 485px;
    position: relative;
    width: 583px;
}

.pencil-sketch-main .content-hiPAoo {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 64px;
    position: relative;
    width: 656px;
}

.pencil-sketch-main .our-tools-DO8Ylg {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .elevating-brands-DO8Ylg {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 45px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .span0-WfxMC1 {
}

.pencil-sketch-main .span1-WfxMC1 {
    color: var(--blue-charcoal);
    font-family: var(--font-family-caveat_brush);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
}

.pencil-sketch-main .vector-DO8Ylg {
    background-color: transparent;
    height: 15px;
    position: relative;
    width: 501px;
}

.pencil-sketch-main .tailored-digital-and-DO8Ylg {
    background-color: transparent;
    letter-spacing: 0.20px;
    line-height: 29px;
    margin-right: -45.00px;
    position: relative;
    text-align: left;
    width: 573px;
}

.pencil-sketch-main .vector-tyQsTl {
    background-color: transparent;
    height: 371px;
    left: 1256px;
    position: absolute;
    top: 3701px;
    width: 256px;
}

.pencil-sketch-main .group-XELnlq {
    background-color: transparent;
    height: 155px;
    left: 464px;
    position: absolute;
    top: 3600px;
    width: 584px;
}

.pencil-sketch-main .group-27-7oS08H {
    background-color: transparent;
    height: 155px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 586px;
}

.pencil-sketch-main .frame-18-62BdNa {
    left: 215px;
    padding: 0px 14px;
    position: absolute;
    top: 0px;
}

.pencil-sketch-main .how-we-compare-KHr0fv {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .unlimited-design-vs-other-solutions-62BdNa {
    background-color: transparent;
    height: auto;
    left: 0px;
    letter-spacing: 0.00px;
    line-height: 62px;
    position: absolute;
    text-align: center;
    top: 31px;
    width: 584px;
}

.pencil-sketch-main .modal-XELnlq {
    border-radius: 32px;
    display: flex;
    left: 123px;
    position: absolute;
    top: 4403px;
    width: 1312px;
}

.pencil-sketch-main .top-RgBWoV {
    top: -600px;
    height: 591.5px;
    margin-left: -1.50px;
    margin-top: -1.50px;
    width: 1291px;
    z-index: 2;
}

.pencil-sketch-main .center-RgBWoV {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    width: 512px;
    z-index: 1;
}

.pencil-sketch-main .frame-43-kG4erx {
    margin-bottom: -1.50px;
    margin-left: -1.50px;
    margin-top: -1.50px;
    width: 33.5px;
}

.pencil-sketch-main .content-kG4erx {
    align-items: flex-start;
    background-color: var(--paper);
    display: flex;
    flex-direction: column;
    margin-right: -744.00px;
    overflow: hidden;
    position: relative;
    width: 1224px;
}

.pencil-sketch-main .frame-45-47AqAH {
    background-color: transparent;
    height: 535px;
    position: relative;
    width: 1192px;
}

.pencil-sketch-main .group-30-Qj0B4l {
    background-color: transparent;
    height: 535px;
    left: -58px;
    position: relative;
    top: 0px;
    width: 1334px;
}

.pencil-sketch-main .container-E9zuwU {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 64px;
    left: 26px;
    position: absolute;
    top: 38px;
    width: 1280px;
}

.pencil-sketch-main .content-Wm9EAY {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .column-GabVye {
    align-items: center;
}

.pencil-sketch-main .table-3RVyjQ {
    width: 205px;
}

.pencil-sketch-main .section-R8OvCT {
    align-items: center;
    align-self: stretch;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header-x6PrAb {
    flex: 0 0 auto;
    justify-content: center;
    padding: 0px 24px 16px 42px;
}

.pencil-sketch-main .text-and-help-icon-S3KsCJ {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-Y7vTC8 {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-biWvJm {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-L1DhUi {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-QGdkCG {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-Ma4Ykj {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-VT0eWw {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-HlFDKY {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-aBb4Eh {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-LpBmON {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-cxti68 {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-61gcgO {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-VEZDpR {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-J3FSPo {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-B5xVvP {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-dfDO1l {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-uRCCvg {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-AqExWy {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-0t1j8w {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-jmyNQV {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-header-WBAQWz {
    height: 64px;
    justify-content: center;
    padding: 0px 24px 0px 42px;
}

.pencil-sketch-main .text-and-help-icon-xyquDN {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 4px;
    position: relative;
}

.pencil-sketch-main .text-L2SkcA {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .column-XEpOxl {
    align-items: flex-start;
}

.pencil-sketch-main .table-iDnoYM {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .section-hx6jti {
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header-2b2qzB {
    flex: 0 0 auto;
    padding: 0px 24px 16px;
}

.pencil-sketch-main .text-and-help-icon-mhywr7 {
    background-color: transparent;
    flex: 1;
    flex-grow: 1;
    position: relative;
}

.pencil-sketch-main .pricing-table-cell-2b2qzB {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-iQRFKN {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-pilaD3 {
    line-height: 20px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .text-and-help-icon-2b2qzB {
    align-items: center;
    background-color: transparent;
    display: flex;
    gap: 4px;
    height: 20px;
    justify-content: center;
    left: 6px;
    position: absolute;
    top: 0px;
    width: 243px;
}

.pencil-sketch-main .text-YUBUPE {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .text-2b2qzB {
    height: auto;
    left: 94px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 57px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-iQRFKN {
    height: auto;
    left: 102px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 249px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-pL61jE {
    height: auto;
    left: 111px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 377px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .x-circle-2b2qzB {
    top: 184px;
}

.pencil-sketch-main .x-circle-iQRFKN {
    top: 440px;
}

.pencil-sketch-main .column-4qbPjG {
    align-items: flex-start;
}

.pencil-sketch-main .table-C0Jsp0 {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .section-RAwXTg {
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header-XxJJ3C {
    flex: 0 0 auto;
    padding: 0px 24px 16px;
}

.pencil-sketch-main .text-and-help-icon-vgO2M9 {
    background-color: transparent;
    flex: 1;
    flex-grow: 1;
    position: relative;
}

.pencil-sketch-main .pricing-table-cell-mRnEbl {
    align-items: center;
    border: 0px none;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-GgDL5E {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-XxJJ3C {
    height: auto;
    left: 94px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 57px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-Adxed9 {
    height: auto;
    left: 78px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 121px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-E55r3d {
    height: auto;
    left: 102px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 249px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .x-circle-XxJJ3C {
    top: 440px;
}

.pencil-sketch-main .x-circle-Adxed9 {
    top: 310px;
}

.pencil-sketch-main .text-3Nsse5 {
    height: auto;
    left: 109px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 377px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-and-help-icon-GabVye {
    align-items: center;
    background-color: transparent;
    display: flex;
    gap: 4px;
    height: 20px;
    justify-content: center;
    left: 518px;
    position: absolute;
    top: 0px;
    width: 243px;
}

.pencil-sketch-main .text-x7aB73 {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .text-and-help-icon-XEpOxl {
    align-items: center;
    background-color: transparent;
    display: flex;
    gap: 4px;
    height: 20px;
    justify-content: center;
    left: 774px;
    position: absolute;
    top: 0px;
    width: 243px;
}

.pencil-sketch-main .text-hRxyqp {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .column-Uxpefl {
    align-items: flex-start;
}

.pencil-sketch-main .table-9IWnVk {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .section-SNuVFQ {
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header-87gd0p {
    flex: 0 0 auto;
    padding: 0px 24px 16px;
}

.pencil-sketch-main .text-and-help-icon-1MnGCx {
    background-color: transparent;
    flex: 1;
    flex-grow: 1;
    position: relative;
}

.pencil-sketch-main .pricing-table-cell-87gd0p {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-n3FmbO {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-BxyzHC {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-ZAPxkR {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-87gd0p {
    height: auto;
    left: 78px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 57px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-CGMxdx {
    height: auto;
    left: 78px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 121px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .x-circle-87gd0p {
    top: 440px;
}

.pencil-sketch-main .text-fVm3Gh {
    height: auto;
    left: 112px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 377px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .x-circle-CGMxdx {
    top: 184px;
}

.pencil-sketch-main .text-n3FmbO {
    height: auto;
    left: 113px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 249px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .column-7daSGx {
    align-items: flex-start;
}

.pencil-sketch-main .table-NTJSEp {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .section-zWj0Ex {
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header-eBEfyQ {
    flex: 0 0 auto;
    padding: 0px 24px 16px;
}

.pencil-sketch-main .text-and-help-icon-vtXTAx {
    background-color: transparent;
    flex: 1;
    flex-grow: 1;
    position: relative;
}

.pencil-sketch-main .pricing-table-cell-eBEfyQ {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-Je9iFk {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-XxycZH {
    color: var(--trout);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-1VDiko {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .pricing-table-cell-UKTbMG {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-and-help-icon-eBEfyQ {
    align-items: center;
    background-color: transparent;
    display: flex;
    gap: 4px;
    height: 20px;
    justify-content: center;
    left: 7px;
    position: absolute;
    top: 0px;
    width: 243px;
}

.pencil-sketch-main .text-ur7xMC {
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .pricing-table-cell-9takVF {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0px 24px;
}

.pencil-sketch-main .text-eBEfyQ {
    color: var(--trout);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
    height: auto;
    left: 92px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 57px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .frame-E9zuwU {
    height: 535px;
    left: 0px;
    overflow: hidden;
    top: 0px;
    width: 1334px;
}

.pencil-sketch-main .rectangle-4-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 275px;
    width: 108px;
}

.pencil-sketch-main .rectangle-1-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 80px;
    width: 108px;
}

.pencil-sketch-main .rectangle-2-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 145px;
    width: 108px;
}

.pencil-sketch-main .rectangle-3-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 213px;
    width: 108px;
}

.pencil-sketch-main .rectangle-5-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 337px;
    width: 108px;
}

.pencil-sketch-main .rectangle-6-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 399px;
    width: 108px;
}

.pencil-sketch-main .rectangle-7-qE2JPr {
    background-color: transparent;
    height: 48px;
    left: 1119px;
    position: absolute;
    top: 461px;
    width: 108px;
}

.pencil-sketch-main .clip-path-group-qE2JPr {
    height: 535px;
    left: 272px;
    top: 0px;
    width: 25px;
}

.pencil-sketch-main .clip-path-group-xxhjcT {
    height: 19px;
    left: 58px;
    top: 62px;
    width: 1224px;
}

.pencil-sketch-main .clip-path-group-9lUIr1 {
    height: 535px;
    left: 521px;
    top: 0px;
    width: 43px;
}

.pencil-sketch-main .clip-path-group-x1NOT8 {
    height: 535px;
    left: 784px;
    top: 0px;
    width: 28px;
}

.pencil-sketch-main .clip-path-group-RRlokX {
    height: 535px;
    left: 1043px;
    top: 0px;
    width: 25px;
}

.pencil-sketch-main .frame-qE2JPr {
    height: 36px;
    left: 396px;
    top: 332px;
    width: 43px;
}

.pencil-sketch-main .frame-xxhjcT {
    height: 36px;
    left: 648px;
    top: 211px;
    width: 43px;
}

.pencil-sketch-main .frame-9lUIr1 {
    height: 36px;
    left: 906px;
    top: 332px;
    width: 43px;
}

.pencil-sketch-main .frame-x1NOT8 {
    height: 36px;
    left: 1159px;
    top: 332px;
    width: 43px;
}

.pencil-sketch-main .frame-RRlokX {
    height: 36px;
    left: 1159px;
    top: 465px;
    width: 43px;
}

.pencil-sketch-main .frame-p24e6L {
    height: 36px;
    left: 1159px;
    top: 211px;
    width: 43px;
}

.pencil-sketch-main .text-qE2JPr {
    height: auto;
    left: 1113px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 406px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-xxhjcT {
    height: auto;
    left: 1138px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 281px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-9lUIr1 {
    height: auto;
    left: 1134px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 153px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .text-x1NOT8 {
    height: auto;
    left: 1134px;
    line-height: 20px;
    position: absolute;
    text-align: left;
    top: 89px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .frame-44-kG4erx {
    margin-bottom: -1.50px;
    margin-right: -777.29px;
    margin-top: -1.50px;
    width: 33.28564453125px;
}

.pencil-sketch-main .bottom-RgBWoV {
    margin-bottom: -1.50px;
    margin-left: -1.50px;
    width: 1291px;
}

.pencil-sketch-main .group-59490-XELnlq {
    background-color: transparent;
    height: 529px;
    left: 116px;
    position: absolute;
    top: 8200px;
    width: 1270px;
}

.pencil-sketch-main .x6387242-2-56IYM8 {
    background-color: transparent;
    border-radius: 24px;
    height: 500px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 12px;
    width: 1250px;
}

.pencil-sketch-main .background-RPVv67 {
    background-color: transparent;
    height: 500px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1250px;
}

.pencil-sketch-main .heading-RPVv67 {
    background-color: transparent;
    color: var(--shark);
    font-family: var(--font-family-balsamiq_sans);
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    height: 102px;
    left: 288px;
    letter-spacing: 0.00px;
    line-height: 58px;
    position: absolute;
    text-align: center;
    top: 142px;
    width: 674px;
}

.pencil-sketch-main .objects-RPVv67 {
    background-color: transparent;
    height: 500px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1250px;
}

.pencil-sketch-main .frame-5-RPVv67 {
    gap: 42px;
    left: 416px;
    position: absolute;
    top: 282px;
}

.pencil-sketch-main .frame-5-XYkoox {
    flex: 0 0 auto;
    gap: 12px;
    position: relative;
}

.pencil-sketch-main .fun-label-color-k62abu {
    cursor: pointer;
    background-color: var(--ship-gray);
    flex: 0 0 auto;
    height: 56px;
    position: relative;
    z-index: 1;
}

.pencil-sketch-main .vector-k62abu {
    background-color: transparent;
    height: 70px;
    left: -4px;
    position: absolute;
    top: -5px;
    width: 207px;
}

.pencil-sketch-main .fun-label-color-4lJgmG {
    background-color: var(--paper);
    flex: 0 0 auto;
    position: relative;
}

.pencil-sketch-main .label-text-yJks37 {
    cursor: pointer;
    color: var(--shark);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    z-index: 1;
}

.pencil-sketch-main .vector-4lJgmG {
    background-color: transparent;
    height: 70px;
    left: 206px;
    position: absolute;
    top: -6px;
    width: 217px;
}

.pencil-sketch-main .vector-56IYM8 {
    background-color: transparent;
    height: 526px;
    left: 1px;
    position: absolute;
    top: 0px;
    width: 1266px;
}

.pencil-sketch-main .group-59483-XELnlq {
    background-color: transparent;
    height: 439px;
    left: 0px;
    position: absolute;
    top: 6047px;
    width: 380px;
}

.pencil-sketch-main .section-XELnlq {
    align-items: center;
    gap: 64px;
    height: 486px;
    left: 0px;
    padding: 64px 0px 48px;
    position: absolute;
    top: 8800px;
    width: 1512px;
}

.pencil-sketch-main .container-1ryQ5Z {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 48px;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .content-Po6ejM {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 64px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .logo-and-supporting-text-sWw07O {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 320px;
}

.pencil-sketch-main .logo-2-1-56b40Y {
    background-color: transparent;
    height: 34px;
    position: relative;
    width: 113.68421173095703px;
}

.pencil-sketch-main .supporting-text-56b40Y {
    align-self: stretch;
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: left;
}

.pencil-sketch-main .links-sWw07O {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 32px;
    position: relative;
}

.pencil-sketch-main .heading-GxL6xD {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .footer-links-GxL6xD {
    flex: 0 0 auto;
}

.pencil-sketch-main .button-jkSMKf {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-hwAHZj {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-zQOOVc {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-haz9e3 {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-H0HT7h {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-MZ9547 {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-XhTPyl {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-MCjQhK {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-hgVdPi {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .footer-links-hgVdPi {
    flex: 0 0 auto;
}

.pencil-sketch-main .button-zXJx84 {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-MLWZw9 {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-DQhHJA {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-iTJvIe {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-tdLq2T {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-cRYpSQ {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-BzuraG {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-ku0Dfx {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-Ut8aQL {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-kN75MK {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-dnW8WZ {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-um9omL {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .button-xyu2ap {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pencil-sketch-main .text-Uq73Sj {
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-XdbgFz {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .footer-links-XdbgFz {
    height: 160px;
}

.pencil-sketch-main .flex-container-125291-QBlw6A {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}

.pencil-sketch-main .text0-125291-heaCAo {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 24px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span0-KHOou3 {
}

.pencil-sketch-main .text1-125291-heaCAo {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 24px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span1-Eqknkh {
}

.pencil-sketch-main .flex-container-125294-QBlw6A {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 109px;
    width: 234px;
}

.pencil-sketch-main .text0-125294-7jxKu9 {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 10px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span0-nCqNRb {
}

.pencil-sketch-main .text1-125294-7jxKu9 {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 10px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span1-i0jbGu {
}

.pencil-sketch-main .text2-125294-7jxKu9 {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 10px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span2-sZ1WtV {
}

.pencil-sketch-main .text3-125294-7jxKu9 {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 10px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .span3-ziuRcJ {
}

.pencil-sketch-main .container-xbjM44 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    margin-bottom: -22.00px;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .content-vgbTBn {
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    border-bottom-style: none;
    border-color: var(--gray200);
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-top-width: 1px;
    display: flex;
    flex: 0 0 auto;
    gap: 32px;
    padding: 32px 0px 0px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .footer-text-XEXJ6l {
    background-color: transparent;
    color: var(--gray500);
    flex: 1;
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .social-icons-XEXJ6l {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
}

.pencil-sketch-main .blog-section-XELnlq {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 64px;
    height: 844px;
    left: 0px;
    overflow: hidden;
    padding: 65px 0px 96px;
    position: absolute;
    top: 7250px;
    width: 1506px;
}

.pencil-sketch-main .container-XT5Crd {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .content-ujbLm5 {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 48px;
    justify-content: center;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-supporting-text-uDcrnR {
    align-items: center;
    display: flex;
    width: 768px;
}

.pencil-sketch-main .heading-and-subheading-zhCYEQ {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 12px;
    height: 87px;
    width: 100%;
}

.pencil-sketch-main .read-a7XjdT {
    background-color: transparent;
    color: var(--eerie-black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-a7XjdT {
    align-self: stretch;
    background-color: transparent;
    height: 50px;
    letter-spacing: -1.24px;
    line-height: 44px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.pencil-sketch-main .group-59444-a7XjdT {
    background-color: transparent;
    height: 9px;
    left: 546px;
    position: absolute;
    top: 51px;
    width: 44px;
}

.pencil-sketch-main .clip-path-group-a7XjdT {
    height: 49px;
    left: 530px;
    top: -6px;
    width: 61px;
}

.pencil-sketch-main .supporting-text-zhCYEQ {
    color: var(--gray600);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .group-59486-uDcrnR {
    background-color: transparent;
    height: 267px;
    left: 1161px;
    position: absolute;
    top: -48px;
    width: 230px;
}

.pencil-sketch-main .container-HxsDRE {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 33px;
    justify-content: center;
    margin-bottom: -14.00px;
    position: relative;
}

.pencil-sketch-main .content-CCJbrr {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 32px;
    justify-content: center;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .image-M8ariI {
    align-self: stretch;
    border-radius: 16px;
    height: 352px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .content-M8ariI {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 35px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-subheading-TGLEua {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
    width: 100%;
}

.pencil-sketch-main .heading-v1tGxu {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: 595px;
}

.pencil-sketch-main .icon-wrap-v1tGxu {
    margin-right: -11.00px;
    padding: 4px 0px 0px;
}

.pencil-sketch-main .supporting-text-dFB4Fz {
    align-self: stretch;
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: left;
}

.pencil-sketch-main .image-q1fYRm {
    align-self: stretch;
    border-radius: 16px;
    height: 352px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .image-6Xsx6j {
    border-radius: 16px;
    height: 352px;
    left: 0px;
    overflow: hidden;
    position: relative;
    top: 0px;
    width: 624px;
}

.pencil-sketch-main .content-q1fYRm {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-subheading-Lo36g6 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
    width: 100%;
}

.pencil-sketch-main .heading-hke64X {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: 581px;
}

.pencil-sketch-main .icon-wrap-hke64X {
    padding: 4px 0px 0px;
}

.pencil-sketch-main .supporting-text-KGeWzh {
    align-self: stretch;
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: left;
}

.pencil-sketch-main .vector-CCJbrr {
    background-color: transparent;
    height: 362px;
    left: -6px;
    position: absolute;
    top: -3px;
    width: 635px;
}

.pencil-sketch-main .vector-CCJdrr {
    background-color: transparent;
    height: 362px;
    left: 650px;
    position: absolute;
    top: -3px;
    width: 635px;
}

.pencil-sketch-main .vector-XT5Crd {
    background-color: transparent;
    height: 50px;
    left: 0px;
    position: absolute;
    top: 297px;
    width: 203px;
}

.pencil-sketch-main .vector-HxsDRE {
    background-color: transparent;
    height: 364px;
    left: 764px;
    position: absolute;
    top: 258px;
    width: 627px;
}

.pencil-sketch-main .clip-path-group-vvEA8C {
    height: 248px;
    left: 1261px;
    top: 6040px;
    width: 216px;
}

.pencil-sketch-main .faq-section-XELnlq {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 64px;
    left: 5px;
    overflow: hidden;
    padding: 96px 0px;
    position: absolute;
    top: 6355px;
    width: 1501px;
}

.pencil-sketch-main .clip-path-group-5PVcDJ {
    height: 172px;
    left: 1326px;
    top: 158px;
    width: 168px;
}

.pencil-sketch-main .container-5PVcDJ {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 64px;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .heading-and-supporting-text-j4TNpS {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
}

.pencil-sketch-main .heading-and-subheading-32KXvb {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 12px;
}

.pencil-sketch-main .faq-NwrP6k {
    background-color: transparent;
    color: var(--eerie-black);
    font-family: var(--font-family-balsamiq_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-NwrP6k {
    background-color: transparent;
    color: var(--gray900);
    font-family: var(--font-family-caveat_brush);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.72px;
    line-height: 44px;
    position: relative;
    text-align: left;
    width: 468px;
}

.pencil-sketch-main .supporting-text-32KXvb {
    align-self: stretch;
    letter-spacing: 0.00px;
    line-height: 28px;
    text-align: left;
    width: 468px;
}

.pencil-sketch-main .span0-PYU1EK {
}

.pencil-sketch-main .span1-PYU1EK {
    text-decoration: underline;
}

.pencil-sketch-main .span2-PYU1EK {
}

.pencil-sketch-main .vector-32KXvb {
    background-color: transparent;
    height: 13px;
    left: 4px;
    position: absolute;
    top: 164px;
    width: 139px;
}

.pencil-sketch-main .content-j4TNpS {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    position: relative;
}

.pencil-sketch-main .modal-1xrZJX {
    border-radius: 32px;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.pencil-sketch-main .vector-hFblfH {
    background-color: transparent;
    height: 180px;
    left: 1px;
    position: absolute;
    top: -4px;
    width: 739px;
    z-index: 3;
}

.pencil-sketch-main .top-hFblfH {
    flex: 0 0 auto;
    margin-left: -1.50px;
    margin-right: -1.50px;
    margin-top: -1.50px;
    width: 746px;
    z-index: 2;
}

.pencil-sketch-main .center-hFblfH {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    z-index: 1;
}

.pencil-sketch-main .frame-43-bujm8B {
    margin-bottom: -1.50px;
    margin-left: -1.50px;
    margin-top: -1.50px;
    width: 33.5px;
}

.pencil-sketch-main .content-bujm8B {
    align-items: flex-start;
    background-color: var(--paper);
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    padding: 0px 4px;
    position: relative;
}

.pencil-sketch-main .faq-item-2wjF0U {
    width: 671px;
}

.pencil-sketch-main .content-uncdpT {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-KqlSLP {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-MtbZzp {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .supporting-text-MtbZzp {
    align-self: stretch;
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-KqlSLP {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .minus-circle-Yqr4ud {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .frame-44-bujm8B {
    margin-bottom: -1.50px;
    margin-right: -1.50px;
    margin-top: -1.50px;
    width: 33.50048828125px;
}

.pencil-sketch-main .bottom-hFblfH {
    margin-bottom: -1.50px;
    margin-left: -1.50px;
    margin-right: -1.50px;
    width: 746px;
}

.pencil-sketch-main .faq-item-jyUFQ8 {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .content-kkXexK {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-D9xSWc {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-aE70Sy {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-D9xSWc {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .faq-item-augyKn {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .content-6ka1dA {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-nrkHAV {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-vg2UY3 {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-nrkHAV {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .faq-item-Pq4x0I {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .content-xcSWqM {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-nOOwSS {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-RJjI5I {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-nOOwSS {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .faq-item-THFgNR {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .content-PBXa6x {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-Dr78ja {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-UBvjBg {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-Dr78ja {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .faq-item-YoBIxj {
    align-self: stretch;
    width: 100%;
}

.pencil-sketch-main .content-dBVY6A {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .text-and-supporting-text-YgMzrN {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-grow: 1;
}

.pencil-sketch-main .text-7W0XdW {
    align-self: stretch;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .icon-wrap-YgMzrN {
    padding: 2px 0px 0px;
}

.pencil-sketch-main .group-59485-j4TNpS {
    z-index: 20;
    background-color: transparent;
    height: 154px;
    left: -101px;
    position: absolute;
    top: 430px;
    width: 270px;
    
}

.pencil-sketch-main .features-section-XELnlq {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 74px;
    left: 0px;
    overflow: hidden;
    padding: 96px 0px;
    position: absolute;
    top: 4600px;
    width: 1512px;
}

.pencil-sketch-main .container-wxfmrC {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    position: relative;
}

.pencil-sketch-main .content-ZGQEeb {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 48px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-supporting-text-Gup18K {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    width: 768px;
}

.pencil-sketch-main .heading-and-subheading-ktaas3 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    width: 100%;
}

.pencil-sketch-main .how-it-works-Zitx1h {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-Zitx1h {
    background-color: transparent;
    letter-spacing: -1.24px;
    line-height: 62px;
    position: relative;
    text-align: center;
    width: 581px;
}

.pencil-sketch-main .line-1-Zitx1h {
    height: 14px;
    left: 213px;
    top: 152px;
    width: 303px;
}

.pencil-sketch-main .frame-ZGQEeb {
    height: 14px;
    left: 238px;
    overflow: hidden;
    top: 132px;
    width: 291px;
}

.pencil-sketch-main .container-9xgjN5 {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 74px;
    position: relative;
}

.pencil-sketch-main .content-g4tpkX {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: center;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .row-ospriE {
    align-items: flex-end;
}

.pencil-sketch-main .feature-text-7Smxdv {
    display: flex;
    width: 340px;
}

.pencil-sketch-main .group-ZxvIu2 {
    background-color: transparent;
    height: 99.65363311767578px;
    position: relative;
    width: 139.44537353515625px;
}

.pencil-sketch-main .text-and-supporting-text-ZxvIu2 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.pencil-sketch-main .text-gx9Xxt {
    line-height: 30px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .supporting-text-gx9Xxt {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    width: 336px;
}

.pencil-sketch-main .feature-text-2xxsU6 {
    display: flex;
    width: 340px;
}

.pencil-sketch-main .group-evhKfT {
    background-color: transparent;
    height: 83.75623023886828px;
    position: relative;
    width: 117.68349258165472px;
}

.pencil-sketch-main .text-and-supporting-text-evhKfT {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.pencil-sketch-main .text-D98vQC {
    line-height: 30px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .supporting-text-D98vQC {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    width: 340px;
}

.pencil-sketch-main .container-mlRR3Q {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 64px;
    position: relative;
}

.pencil-sketch-main .content-9U11mC {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: center;
    padding: 30px 0px;
    position: relative;
    width: 1280px;
}

.pencil-sketch-main .row-W9SMx5 {
    align-items: flex-start;
}

.pencil-sketch-main .feature-text-mp7KWp {
    display: flex;
    width: 340px;
}

.pencil-sketch-main .group-KRGxYU {
    background-color: transparent;
    height: 113.63067626953125px;
    position: relative;
    width: 126.17138671875px;
}

.pencil-sketch-main .text-and-supporting-text-KRGxYU {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-left: -48.00px;
    margin-right: -48.00px;
}

.pencil-sketch-main .text-QFOvOT {
    line-height: 30px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .supporting-text-QFOvOT {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    width: 340px;
}

.pencil-sketch-main .feature-text-6QnKx5 {
    display: flex;
    width: 340px;
}

.pencil-sketch-main .group-6ZJAne {
    background-color: transparent;
    height: 112.346435546875px;
    position: relative;
    width: 144.80224609375px;
}

.pencil-sketch-main .text-and-supporting-text-6ZJAne {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.pencil-sketch-main .text-VXxYKi {
    line-height: 30px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .supporting-text-VXxYKi {
    letter-spacing: 0.00px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .vector-wxfmrC {
    background-color: transparent;
    height: 244px;
    left: 0px;
    position: absolute;
    top: 406px;
    width: 148px;
}

.pencil-sketch-main .container-tyQsTl {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    left: 372px;
    position: absolute;
    top: 5560px;
}

.pencil-sketch-main .content-NyK3ZF {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 48px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-supporting-text-5kTzIx {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    width: 768px;
}

.pencil-sketch-main .heading-and-subheading-kyNQUc {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    width: 100%;
}

.pencil-sketch-main .wall-of-love-bZ1IsE {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .heading-bZ1IsE {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: -1.24px;
    line-height: 82px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .line-8-bZ1IsE {
    left: 140px;
    top: 106px;
    width: 450px;
}

.pencil-sketch-main .group-X6HGxd {
    background-color: transparent;
    height: 69px;
    left: 1116px;
    position: absolute;
    top: 5540px;
    width: 70px;
}

.pencil-sketch-main .group-59481-XELnlq {
    background-color: transparent;
    height: 475px;
    left: 185px;
    position: absolute;
    top: 5770px;
    width: 1139px;
}

.pencil-sketch-main .modal-HgxOux {
    border-radius: 16.35px;
    display: inline-flex;
    left: 301px;
    position: absolute;
    top: 19px;
    transform: rotate(-0.42deg);
}

.pencil-sketch-main .header-DjKXTH {
    left: -0px;
    width: 529px;
}

.pencil-sketch-main .text-kevZZ8 {
    height: 9px;
    left: 16px;
    line-height: 12.3px;
    position: absolute;
    text-align: center;
    top: -1px;
    white-space: nowrap;
    width: 497px;
}

.pencil-sketch-main .top-DjKXTH {
    flex: 0 0 auto;
    margin-left: -0.70px;
    margin-right: -0.76px;
    margin-top: -2.59px;
    transform: rotate(0.42deg);
    width: 531.08154296875px;
    z-index: 2;
}

.pencil-sketch-main .center-DjKXTH {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    z-index: 1;
}

.pencil-sketch-main .frame-43-gsasNZ {
    margin-bottom: -0.92px;
    margin-left: -1.38px;
    margin-top: -0.71px;
    transform: rotate(0.42deg);
    width: 18.32958984375px;
}

.pencil-sketch-main .content-gsasNZ {
    align-items: flex-start;
    background-color: var(--paper);
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8.172972679138184px;
    overflow: hidden;
    padding: 8.172972679138184px 2.043243169784546px;
    position: relative;
}

.pencil-sketch-main .amet-minim-mollit-no-AdbRoO {
    height: 60px;
    margin-top: -0.96px;
    width: 492px;
}

.pencil-sketch-main .frame-10-cORtWT {
    gap: 9.602075576782227px;
}

.pencil-sketch-main .span0-ElBXQN {
}

.pencil-sketch-main .span1-ElBXQN {
}

.pencil-sketch-main .span2-ElBXQN {
}

.pencil-sketch-main .group-8-cORtWT {
    height: 13.501812320700935px;
    margin-bottom: -0.65px;
    transform: rotate(0.33deg);
    width: 77.9338539534383px;
}

.pencil-sketch-main .frame-44-gsasNZ {
    margin-bottom: -0.81px;
    margin-right: -1.38px;
    margin-top: -0.82px;
    transform: rotate(0.42deg);
    width: 18.32958984375px;
}

.pencil-sketch-main .bottom-DjKXTH {
    bottom: 190px;
    margin-bottom: 1.59px;
    margin-left: -0.82px;
    margin-right: -0.66px;
    transform: rotate(0.42deg);
    width: 531.0947265625px;
}

.pencil-sketch-main .vector-HgxOux {
    background-color: transparent;
    height: 213px;
    left: 299px;
    position: absolute;
    top: 15px;
    width: 535px;
}

.pencil-sketch-main .modal-QegFHG {
    border-radius: 16.35px;
    display: inline-flex;
    left: 305px;
    position: absolute;
    top: 248px;
    transform: rotate(1.58deg);
}

.pencil-sketch-main .header-xRkLxl {
    left: -0px;
    width: 529px;
}

.pencil-sketch-main .text-w14T8u {
    height: 9px;
    left: 16px;
    line-height: 12.3px;
    position: absolute;
    text-align: center;
    top: -1px;
    white-space: nowrap;
    width: 497px;
}

.pencil-sketch-main .top-xRkLxl {
    flex: 0 0 auto;
    margin-left: -0.88px;
    margin-right: -0.39px;
    margin-top: -7.62px;
    transform: rotate(-1.58deg);
    width: 530.8984375px;
    z-index: 2;
}

.pencil-sketch-main .center-xRkLxl {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    z-index: 1;
}

.pencil-sketch-main .frame-43-shFJUN {
    margin-bottom: -0.64px;
    margin-left: -3.06px;
    margin-top: -0.95px;
    transform: rotate(-1.58deg);
    width: 21.68701171875px;
}

.pencil-sketch-main .content-shFJUN {
    align-items: flex-start;
    background-color: var(--paper);
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8.172972679138184px;
    overflow: hidden;
    padding: 8.172972679138184px 2.043243169784546px;
    position: relative;
}

.pencil-sketch-main .amet-minim-mollit-no-OpBb8F {
    height: 60px;
    margin-top: -0.96px;
    width: 492px;
}

.pencil-sketch-main .frame-10-xcCzxm {
    gap: 9.602075576782227px;
}

.pencil-sketch-main .span0-xWtD2I {
}

.pencil-sketch-main .span1-xWtD2I {
}

.pencil-sketch-main .span2-xWtD2I {
}

.pencil-sketch-main .group-8-xcCzxm {
    height: 14.174307818877537px;
    margin-bottom: -0.30px;
    margin-left: -0.78px;
    transform: rotate(0.33deg);
    width: 78.03031807483512px;
}

.pencil-sketch-main .frame-44-shFJUN {
    margin-bottom: -1.05px;
    margin-right: -3.06px;
    margin-top: -0.52px;
    transform: rotate(-1.58deg);
    width: 21.6865234375px;
}

.pencil-sketch-main .bottom-xRkLxl {
    bottom: 190px;
    margin-bottom: 1.61px;
    margin-left: -0.45px;
    margin-right: -0.84px;
    transform: rotate(-1.58deg);
    width: 530.91357421875px;
}

.pencil-sketch-main .vector-QegFHG {
    background-color: transparent;
    height: 212px;
    left: 298px;
    position: absolute;
    top: 238px;
    width: 538px;
}

.pencil-sketch-main .modal-vtOJBM {
    border-radius: 16.35px;
    display: inline-flex;
    left: 865px;
    position: absolute;
    top: 198px;
    transform: rotate(-1.19deg);
    height: 300px;
}

.pencil-sketch-main .header-0dXxg5 {
    left: 0px;
    width: 270px;
}

.pencil-sketch-main .text-GkAxF7 {
    height: 9px;
    left: 16px;
    line-height: 12.3px;
    position: absolute;
    text-align: center;
    top: -1px;
    white-space: nowrap;
    width: 238px;
}

.pencil-sketch-main .top-0dXxg5 {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    width: 225.42617797851562px;
    z-index: 2;
}

.pencil-sketch-main .corner-top-left-0TJrib {
    background-color: transparent;
    height: 18.21392822265625px;
    margin-bottom: -0.93px;
    margin-left: -0.60px;
    margin-top: -0.93px;
    position: relative;
    transform: rotate(1.19deg);
    width: 17.53955078125px;
}

.pencil-sketch-main .center-0TJrib {
    height: 22.06317138671875px;
    margin-bottom: -2.47px;
    margin-right: -30.34px;
    margin-top: -3.25px;
    transform: rotate(1.19deg);
    width: 240.32421875px;
}

.pencil-sketch-main .corner-top-right-0TJrib {
    background-color: transparent;
    height: 16.345945358276367px;
    margin-right: -46.00px;
    position: relative;
    width: 16.345945358276367px;
}

.pencil-sketch-main .center-0dXxg5 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    z-index: 1;
}

.pencil-sketch-main .frame-43-EUPzwL {
    margin-bottom: -1.03px;
    margin-left: -3.21px;
    margin-top: -0.58px;
    transform: rotate(1.19deg);
    width: 21.98681640625px;
}

.pencil-sketch-main .content-EUPzwL {
    align-items: flex-start;
    background-color: var(--paper);
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8.172972679138184px;
    overflow: hidden;
    padding: 8.172972679138184px 2.043243169784546px;
    position: relative;
}

.pencil-sketch-main .group-9-UCDbcz {
    background-color: transparent;
    height: 217.32791137695312px;
    position: relative;
    transform: rotate(-0.33deg);
    width: 233.21356201171875px;
}

.pencil-sketch-main .frame-28-KhdMuJ {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    left: -0px;
    padding: 10px 0px;
    position: absolute;
    top: 66px;
}

.pencil-sketch-main .frame-6-MTAZsc {
    gap: 9.602075576782227px;
    height: 131.7900390625px;
    width: 233.21356201171875px;
}

.pencil-sketch-main .amet-minim-mollit-no-rBUZn4 {
    height: 105px;
    margin-top: -0.96px;
    width: 216.00448608398438px;
}

.pencil-sketch-main .frame-29-KhdMuJ {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    gap: 14px;
    left: -0px;
    position: absolute;
    top: -0px;
}

.pencil-sketch-main .frame-16-n1TTm3 {
    gap: 7.6816606521606445px;
}

.pencil-sketch-main .frame-10-lw0tr1 {
    gap: 9.602075576782227px;
}

.pencil-sketch-main .amir-khan-ceo-avito-6lt19v {
    background-color: transparent;
    color: transparent;
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -0.96px;
    position: relative;
    text-align: left;
    width: 149px;
}

.pencil-sketch-main .span0-p9Cq93 {
    color: var(--charade);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .span1-p9Cq93 {
    color: var(--charade);
    font-style: normal;
}

.pencil-sketch-main .span2-p9Cq93 {
    color: var(--concord);
    font-style: normal;
}

.pencil-sketch-main .group-8-lw0tr1 {
    height: 14.541645015875588px;
    margin-bottom: -1.04px;
    transform: rotate(0.33deg);
    width: 78.08058830187292px;
}

.pencil-sketch-main .frame-44-EUPzwL {
    margin-bottom: -0.72px;
    margin-right: -3.03px;
    margin-top: -5.26px;
    transform: rotate(1.19deg);
    width: 22.0927734375px;
}

.pencil-sketch-main .bottom-0dXxg5 {
    bottom: 256px;
    margin-bottom: 100.24px;
    margin-left: -0.90px;
    margin-right: -0.33px;
    transform: rotate(1.19deg);
    width: 272.6982421875px;
}

.pencil-sketch-main .bottom-0dXxg4 {
    bottom: 125px; 
    margin-bottom: 100.24px;
    margin-left: -0.90px;
    margin-right: -0.33px;
    transform: rotate(1.19deg);
    width: 272.6982421875px;
}

.pencil-sketch-main .vector-vtOJBM {
    background-color: transparent;
    height: 278px;
    left: 857px;
    position: absolute;
    top: 196px;
    width: 278px;
}

.pencil-sketch-main .modal-pCZxeF {
    border-radius: 16.35px;
    display: inline-flex;
    height: 129px;
    left: 4px;
    position: absolute;
    top: 27px;
    transform: rotate(-2.32deg);
}

.pencil-sketch-main .top-IdOz6z {
    flex: 0 0 auto;
    margin-left: -0.35px;
    margin-right: -0.97px;
    margin-top: -5.54px;
    transform: rotate(2.32deg);
    width: 270.42333984375px;
    z-index: 1;
}

.pencil-sketch-main .center-IdOz6z {
    align-items: flex-start;
    display: flex;
    height: 388.88824462890625px;
    margin-bottom: -276.51px;
    width: 257.9459228515625px;
    z-index: 0;
}

.pencil-sketch-main .frame-43-VchL8h {
    margin-bottom: -1.18px;
    margin-left: -8.65px;
    margin-top: -0.29px;
    transform: rotate(2.32deg);
    width: 32.85107421875px;
}

.pencil-sketch-main .content-VchL8h {
    align-items: flex-start;
    background-color: var(--paper);
    display: flex;
    flex-direction: column;
    gap: 8.172972679138184px;
    height: 385.234375px;
    overflow: hidden;
    padding: 8.172972679138184px 2.043243169784546px;
    position: relative;
    width: 236.488037109375px;
}

.pencil-sketch-main .group-10-69Ae6v {
    height: 335.6681213378906px;
    width: 223px;
}

.pencil-sketch-main .frame-24-0yxxex {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 275px;
    left: 0px;
    padding: 10px 0px;
    position: absolute;
    top: 61px;
    width: 223px;
}

.pencil-sketch-main .frame-6-UdExWS {
    flex: 0 0 auto;
    margin-bottom: -29.98px;
    width: 182.87530517578125px;
}

.pencil-sketch-main .amet-minim-mollit-no-wQMY8N {
    margin-right: -30.06px;
    margin-top: -15.88px;
    width: 212.93212890625px;
}

.pencil-sketch-main .frame-25-0yxxex {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    gap: 13px;
    left: 0px;
    position: absolute;
    top: 0px;
}

.pencil-sketch-main .frame-16-qc8Xn9 {
    gap: 7.000011444091797px;
}

.pencil-sketch-main .frame-10-2rXZCq {
    gap: 8.750014305114746px;
}

.pencil-sketch-main .jon-sari-ceo-avito-Isx7W0 {
    background-color: transparent;
    color: transparent;
    font-family: var(--font-family-balsamiq_sans);
    font-size: 12.3px;
    font-style: normal;
    font-weight: 400;
    height: 36.75006103515625px;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -0.88px;
    position: relative;
    text-align: left;
    width: 126.50011444091797px;
}

.pencil-sketch-main .span0-KZ11LH {
    color: var(--charade);
    font-style: normal;
    font-weight: 700;
}

.pencil-sketch-main .span1-KZ11LH {
    color: var(--charade);
    font-style: normal;
}

.pencil-sketch-main .span2-KZ11LH {
    color: var(--concord);
    font-style: normal;
}

.pencil-sketch-main .group-8-2rXZCq {
    top: -14px;
    height: 14.23263926225627px;
    margin-bottom: -1.41px;
    margin-right: -1.09px;
    width: 71.27722848192752px;
}

.pencil-sketch-main .frame-44-VchL8h {
    margin-bottom: -0.57px;
    margin-right: -19.88px;
    margin-top: -0.92px;
    transform: rotate(2.32deg);
    width: 32.85107421875px;
}

.pencil-sketch-main .modal-Nu3Ixt {
    border-radius: 16.35px;
    display: inline-flex;
    left: 863px;
    position: absolute;
    top: 6px;
    transform: rotate(2.58deg);
}

.pencil-sketch-main .vector-8S15e8 {
    background-color: transparent;
    height: 186px;
    left: -8px;
    position: absolute;
    top: -10px;
    transform: rotate(-2.58deg);
    width: 280px;
    z-index: 4;
}

.pencil-sketch-main .header-8S15e8 {
    left: -0px;
    width: 270px;
}

.pencil-sketch-main .text-xyJT2v {
    height: 9px;
    left: 16px;
    line-height: 12.3px;
    position: absolute;
    text-align: center;
    top: -1px;
    white-space: nowrap;
    width: 238px;
}

.pencil-sketch-main .top-8S15e8 {
    flex: 0 0 auto;
    margin-left: -0.98px;
    margin-right: -0.21px;
    margin-top: -6.14px;
    transform: rotate(-2.58deg);
    width: 272.69140625px;
    z-index: 2;
}

.pencil-sketch-main .center-8S15e8 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    z-index: 1;
}

.pencil-sketch-main .frame-43-NLqnqo {
    margin-bottom: -0.82px;
    margin-left: -4.00px;
    margin-top: -1.04px;
    transform: rotate(-2.58deg);
    width: 23.54345703125px;
}

.pencil-sketch-main .content-NLqnqo {
    align-items: flex-start;
    background-color: var(--paper);
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8.172972679138184px;
    overflow: hidden;
    padding: 8.172972679138184px 2.043243169784546px;
    position: relative;
}

.pencil-sketch-main .group-10-2ORhCt {
    height: 125px;
    transform: rotate(-0.33deg);
    width: 234px;
}

.pencil-sketch-main .frame-27-1IExOz {
    display: flex;
    gap: 10px;
    left: -0px;
    padding: 10px 0px;
    top: 67px;
    width: 234px;
}

.pencil-sketch-main .frame-6-07isvt {
    flex: 0 0 auto;
    gap: 9.602075576782227px;
    width: 200.68338012695312px;
}

.pencil-sketch-main .amet-minim-mollit-no-kmVZ18 {
    margin-right: -43.32px;
    margin-top: -0.96px;
    width: 244px;
}

.pencil-sketch-main .frame-26-1IExOz {
    align-items: flex-start;
    gap: 14px;
    left: -0px;
    top: -0px;
}

.pencil-sketch-main .frame-16-WkKrCo {
    gap: 7.6816606521606445px;
}

.pencil-sketch-main .frame-10-6CJKIo {
    gap: 9.602075576782227px;
}

.pencil-sketch-main .nazmul-karim-ceo-avito-3IoGjy {
    background-color: transparent;
    height: 40px;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -0.96px;
    position: relative;
    text-align: left;
    width: 150px;
}


.pencil-sketch-main .span0-14jcT0 {
    
}

.pencil-sketch-main .span1-14jcT0 {
}

.pencil-sketch-main .span2-14jcT0 {
}

.pencil-sketch-main .group-8-6CJKIo {

    height: 15.526577514532619px;
    margin-bottom: 100px;
    margin-left: -1.28px;
    transform: rotate(0.33deg);
    width: 78.20691327032364px;
}

.pencil-sketch-main .frame-44-NLqnqo {
    margin-bottom: -1.49px;
    margin-right: -4.00px;
    margin-top: -0.34px;
    transform: rotate(-2.58deg);
    width: 23.54296875px;
}

.pencil-sketch-main .bottom-8S15e8 {
    bottom: 160px;
    margin-bottom: 10px;
    margin-left: -0.29px;
    margin-right: -0.18px;
    transform: rotate(-2.58deg);
    width: 271.97119140625px;
}

.pencil-sketch-main .vector-pCZxeF {
    background-color: transparent;
    height: 416px;
    left: 2px;
    position: absolute;
    top: 19px;
    width: 281px;
}

.pencil-sketch-main .clip-path-group-QsyFh9 {
    height: 39px;
    left: 677px;
    top: 5545px;
    width: 159px;
}

.pencil-sketch-main .clip-path-group-H2zYpw {
    height: 50px;
    left: 1301px;
    top: 5192px;
    width: 211px;
}

.pencil-sketch-main .group-59459-XELnlq {
    background-color: transparent;
    height: 536px;
    /* left: 116px; */
    position: absolute;
    top: 2010px;
    width: 1642px;
}

.pencil-sketch-main .content-0mCLUw {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 32px;
    left: 0px;
    position: relative;
    top: 0px;
}

.pencil-sketch-main .testimonials-S70Gsm {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 32px;
    position: relative;
}

.pencil-sketch-main .group-59489-stmmpY {
    background-color: transparent;
    height: 536px;
    position: relative;
    width: 1641.500244140625px;
}

.pencil-sketch-main .image-oSgEVa {
    border-radius: 3px;
    height: 462px;
    left: 29px;
    position: absolute;
    top: 47px;
    transform: rotate(-3.07deg);
    width: 360px;
}

.pencil-sketch-main .quote-image-bottom-panel-EPxgVI {
    left: -0px;
    top: 160px;
}

.pencil-sketch-main .name-EPxgVI {
    color: var(--paper);
    font-family: var(--font-family-caveat_brush);
    font-size: 28.9px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.6px;
}

.pencil-sketch-main .image-aBUjhy {
    border-radius: 3px;
    height: 462px;
    left: 446px;
    position: absolute;
    top: 38px;
    transform: rotate(0.18deg);
    width: 347px;
}

.pencil-sketch-main .quote-image-bottom-panel-PxQQ74 {
    left: -0px;
    top: 160px;
}

.pencil-sketch-main .name-PxQQ74 {
    line-height: 38px;
}

.pencil-sketch-main .image-NXE5Vk {
    border-radius: 3px;
    height: 455px;
    left: 859px;
    position: absolute;
    top: 32px;
    transform: rotate(1.75deg);
    width: 370px;
}

.pencil-sketch-main .quote-image-bottom-panel-k1K9r8 {
    left: -2px;
    top: 153px;
}

.pencil-sketch-main .name-k1K9r8 {
    line-height: 38px;
}

.pencil-sketch-main .image-YTuv3U {
    border-radius: 3px;
    height: 455px;
    left: 1281px;
    position: absolute;
    top: 21px;
    transform: rotate(-0.16deg);
    width: 358px;
}

.pencil-sketch-main .quote-image-bottom-panel-xQdBuB {
    left: -2px;
    top: 153px;
}

.pencil-sketch-main .name-xQdBuB {
    line-height: 38px;
}

.pencil-sketch-main .group-59488-oSgEVa {
    background-color: transparent;
    height: 536px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1396px;
}

.pencil-sketch-main .frame-22-XELnlq {
    align-items: center;
    gap: 24px;
    justify-content: center;
    left: 419px;
    position: absolute;
    top: 1804px;
}

.pencil-sketch-main .what-we-do-gJIV9V {
    background-color: transparent;
    height: 53px;
    letter-spacing: 0.00px;
    line-height: 62px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 542px;
}

.pencil-sketch-main .instantly-connect-wi-gJIV9V {
    background-color: transparent;
    letter-spacing: 0.20px;
    line-height: 29px;
    position: relative;
    text-align: center;
    width: 674px;
}

.pencil-sketch-main .group-24-gJIV9V {
    background-color: transparent;
    height: 79px;
    left: 528px;
    position: absolute;
    top: -39px;
    width: 46px;
}

.pencil-sketch-main .vector-x7xgsk {
    background-color: transparent;
    height: 79px;
    left: 1px;
    position: absolute;
    top: 3px;
    width: 47px;
}

.pencil-sketch-main .vector-srOMT7 {
    background-color: transparent;
    height: 11px;
    left: 13px;
    position: absolute;
    top: 32px;
    width: 31px;
}

.pencil-sketch-main .vector-hX5xYH {
    background-color: transparent;
    height: 7px;
    left: 13px;
    position: absolute;
    top: 59px;
    width: 32px;
}

.pencil-sketch-main .group-59646-XELnlq {
    background-color: transparent;
    height: 209px;
    left: 1318px;
    position: absolute;
    top: 430px;
    width: 94px;
}

.pencil-sketch-main .ahmed-saimoon-ceo-avito {
    background-color: transparent;
    height: 40px;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -0.96px;
    position: relative;
    text-align: left;
    width: 157px;
}

.pencil-sketch-main .amet-minim-mollit-no {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
}

.pencil-sketch-main .arrow-up-right {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .blog-post-card {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px;
    position: relative;
}

.pencil-sketch-main .bottom {
    background-color: transparent;
    flex: 0 0 auto;
    position: relative;
    z-index: 0;
}

.pencil-sketch-main .center {
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .check-icon {
    background-color: transparent;
    border-radius: 12px;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .clip-path-group {
    background-color: transparent;
    position: absolute;
}

.pencil-sketch-main .column {
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}

.pencil-sketch-main .ellipse-2 {
    background-color: transparent;
    height: 26px;
    object-fit: cover;
    position: relative;
    width: 26px;
}

.pencil-sketch-main .faq-accordian-item-wrap {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    border-radius: 16px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 32px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .faq-item {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
}

.pencil-sketch-main .feature-text {
    align-items: center;
    background-color: transparent;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.pencil-sketch-main .footer-link {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    position: relative;
}

.pencil-sketch-main .footer-links {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .footer-links-column {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    position: relative;
}

.pencil-sketch-main .frame {
    background-color: transparent;
    position: absolute;
}

.pencil-sketch-main .frame-1 {
    /*align-items: center;*/
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
}

.pencil-sketch-main .frame-10 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.pencil-sketch-main .frame-11 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 9.602075576782227px;
    position: relative;
}

.pencil-sketch-main .frame-16 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
}

.pencil-sketch-main .frame-17 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 7.6816606521606445px;
    left: -0px;
    position: absolute;
    top: -0px;
}

.pencil-sketch-main .frame-18 {
    align-items: flex-start;
    background-color: transparent;
    border-radius: 24px;
    display: inline-flex;
    gap: 8px;
}

.pencil-sketch-main .frame-21 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    left: -0px;
    padding: 10px 0px;
    position: absolute;
    top: 67px;
}

.pencil-sketch-main .frame-22 {
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
}

.pencil-sketch-main .frame-26 {
    background-color: transparent;
    display: inline-flex;
    position: absolute;
}

.pencil-sketch-main .frame-27 {
    align-items: flex-start;
    background-color: transparent;
    flex-direction: column;
    position: absolute;
}

.pencil-sketch-main .frame-43 {
    align-self: stretch;
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .frame-44 {
    align-self: stretch;
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .frame-5 {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
}

.pencil-sketch-main .frame-6 {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    position: relative;
}

.pencil-sketch-main .fun-label-color {
    align-items: center;
    border-radius: 16px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    overflow: hidden;
    padding: 15px 24px;
}

.pencil-sketch-main .group-10 {
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .group-28 {
    background-color: transparent;
    height: 146.8564453125px;
    position: relative;
    transform: rotate(-0.33deg);
    width: 492px;
}

.pencil-sketch-main .group-8 {
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .header {
    background-color: transparent;
    height: 9px;
    position: absolute;
    top: 8px;
    z-index: 3;
}

.pencil-sketch-main .heading-and-icon {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .heading-and-subheading {
    background-color: transparent;
    flex-direction: column;
    position: relative;
}

.pencil-sketch-main .heading-and-supporting-text {
    background-color: transparent;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.pencil-sketch-main .heading-and-text {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .help-icon {
    background-color: transparent;
    height: 16px;
    position: relative;
    width: 16px;
}

.pencil-sketch-main .icon-wrap {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
}

.pencil-sketch-main .image {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: cover;
}

.pencil-sketch-main .label-text {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .line-1 {
    background-color: transparent;
    position: absolute;
}

.pencil-sketch-main .line-8 {
    background-color: transparent;
    height: 18px;
    position: absolute;
}

.pencil-sketch-main .maxresdefault-3 {
    background-color: transparent;
    height: 44.16666793823242px;
    position: relative;
}

.pencil-sketch-main .metric-item {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 20px;
    position: relative;
}

.pencil-sketch-main .minus {
    background-color: transparent;
    height: 19.999998092651367px;
    overflow: hidden;
    position: relative;
    width: 19.999998092651367px;
}

.pencil-sketch-main .modal {
    align-items: flex-start;
    background-color: transparent;
    flex-direction: column;
}

.pencil-sketch-main .name {
    background-color: transparent;
    height: auto;
    left: 40px;
    letter-spacing: 0.00px;
    position: absolute;
    text-align: left;
    top: 400px;
    white-space: nowrap;
    width: auto;
}

.pencil-sketch-main .number {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: -1.20px;
    line-height: 72px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.pencil-sketch-main .number-and-text {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 12px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .phone {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .plus-circle {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .praveenjuge_create_l {
    background-color: transparent;
    position: absolute;
}

.pencil-sketch-main .pricing-table-cell {
    align-self: stretch;
    background-color: transparent;
    height: 64px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .pricing-table-cell-header {
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    gap: 12px;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .products {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.pencil-sketch-main .quote-image-bottom-panel {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.699999988079071) 100%);
    background-color: transparent;
    border-radius: 3px;
    height: 303px;
    position: absolute;
    width: 347px;
}

.pencil-sketch-main .row {
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 122px;
    justify-content: center;
    position: relative;
}

.pencil-sketch-main .section {
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

.pencil-sketch-main .social-icon img {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 24px;
}

.pencil-sketch-main .supporting-text {
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .table {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.pencil-sketch-main .text {
    background-color: transparent;
    letter-spacing: 0.00px;
}

.pencil-sketch-main .text-and-supporting-text {
    background-color: transparent;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.pencil-sketch-main .top {
    background-color: transparent;
    position: relative;
}

.pencil-sketch-main .x-circle {
    background-color: transparent;
    height: 24px;
    left: 116px;
    position: absolute;
    width: 24px;
}

.pencil-sketch-main .x216reversible {
    background-color: transparent;
    position: absolute;
}


.pencil-sketch-main .nav-div {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(139, 92, 246, 0.15);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    overflow-y: hidden;
    position: fixed;
    width: 100%;
    height: 90px;
    top: -15px;
    left: 0;
    z-index: 25;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blueprint-main .frame-1-EGjMPN,
.blueprint-main .frame-2-EGjMPN {
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.blueprint-main .frame-1-EGjMPN:hover,
.blueprint-main .frame-2-EGjMPN:hover {
    border-bottom-color: var(--medium-purple);
}

.blueprint-main .button-azRTy8 {
    transition: all 0.3s ease;
}

.blueprint-main .button-azRTy8:hover {
    opacity: 0.9;
}

.blueprint-main .fun-label-color-azRTy8 {
    background: linear-gradient(135deg, var(--medium-purple) 0%, #8b5cf6 100%);
    transition: all 0.3s ease;
}

.blueprint-main .fun-label-color-azRTy8:hover {
    transform: translateY(-1px);
    transform: translateX(1px);
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

/* Menu items hover effects */
.pencil-sketch-main .frame-1-m0sMFJ,
.pencil-sketch-main .frame-2-m0sMFJ {
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.pencil-sketch-main .frame-1-m0sMFJ:hover,
.pencil-sketch-main .frame-2-m0sMFJ:hover {
    border-bottom-color: var(--gray600);
}

/* Login button hover */
.pencil-sketch-main .button-f63k9f {
    cursor: pointer;
    transition: all 0.3s ease;
}

.pencil-sketch-main .button-f63k9f:hover {
    opacity: 0.9;
}

/* Get started button styling */
.pencil-sketch-main .fun-label-color-f63k9f {
    transition: all 0.3s ease;
}

.pencil-sketch-main .fun-label-color-f63k9f:hover {
    transform: translateY(-1px);
    transform: translateX(1px);
    box-shadow: 0 4px 15px rgba(71, 84, 103, 0.3);
}

.pencil-sketch-main .logos {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.pencil-sketch-main .logo-slide {
    display: flex;
    animation: slide 30s linear infinite;
    width: fit-content; /* Allow container to fit content width */
}

.pencil-sketch-main .logo-group {
    display: flex;
    gap: 25px;
    align-items: center;
    padding-right: 25px; /* Add padding equal to gap to maintain spacing */
}

.pencil-sketch-main .logos img {
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
}

.pencil-sketch-main .footer-link a div:hover{
    color: #c878e1;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}



/* Add these animation keyframes */
@keyframes riseUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Style for the animated elements */
.pencil-sketch-main .group-ZxvIu2,
.pencil-sketch-main .group-evhKfT,
.pencil-sketch-main .group-KRGxYU,
.pencil-sketch-main .group-6ZJAne {
    opacity: 0;
    visibility: hidden;
}

/* Update the animation classes */
.animate-rise-up {
    animation: riseUp 2s ease-out forwards;
    visibility: visible !important;
}

/* Add delay classes */
.delay-0 {
    animation-delay: 0s;
}

.delay-200 {
    animation-delay: 0.3s;
}

.delay-400 {
    animation-delay: 0.6s;
}

.delay-600 {
    animation-delay: 0.9s;
}


/* FAQ Styles */
.pencil-sketch-main .faq-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px; /* Add padding to container */
}

.pencil-sketch-main .faq-item {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: var(--white);
    border: none; /* Remove default border */
    border-image: url('first/faqquestionborder.png') 30 30 round; /* Default border for questions */
    border-image-slice: 30;
    border-image-width: 30px;
    border-image-outset: 0;
    border-style: solid;
    transition: all 0.3s ease;
}

.pencil-sketch-main .faq-item.active {
    border-image: url('first/faqborder.png') 30 30 round; /* Border for active state */
    border-image-slice: 30;
    border-image-width: 30px;
    border-image-outset: 0;
    border-style: solid;
}

/* Remove previous border-radius and border styles */
.pencil-sketch-main .faq-item {
    border-radius: 0; /* Remove border-radius */
}

.pencil-sketch-main .faq-item:hover {
    box-shadow: none; /* Remove box shadow on hover if you want to keep the focus on the border images */
}

/* Adjust padding to account for border image */
.pencil-sketch-main .faq-question {
    padding: 16px 24px; /* Reduced padding to account for border image */
}

.pencil-sketch-main .faq-answer {
    padding: 0 24px; /* Adjusted padding */
}

.pencil-sketch-main .faq-item.active .faq-answer {
    padding: 0 24px 16px 24px; /* Adjusted padding */
}

.pencil-sketch-main .faq-question {
    padding: 24px 32px; /* Increase horizontal padding */
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 100%; /* Ensure full width */
}

/* Add width to question paragraph */
.pencil-sketch-main .faq-question p {
    margin: 0;
    color: var(--mirage);
    text-align: left; /* Explicitly align text to left */
    flex: 1;
    padding-right: 16px;
}

/* Keep icons on the right */
.pencil-sketch-main .faq-icons {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0; /* Prevents icon from shrinking */
    margin-left: auto; /* Push to the right */
}

.pencil-sketch-main .faq-answer {
    padding: 0 32px; /* Match question padding */
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    color: var(--fiord);
    text-align: left; /* Align answer text left */
}

.pencil-sketch-main .faq-item.active .faq-answer {
    max-height: 500px;
    padding: 0 32px 24px 32px;
    opacity: 1;
    width: 100%;
}

.pencil-sketch-main .faq-icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.pencil-sketch-main .faq-icon.plus,
.pencil-sketch-main .faq-icon.minus {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.pencil-sketch-main .faq-icon.minus {
    opacity: 0;
    transform: rotate(-90deg);
}

.pencil-sketch-main .faq-item.active .faq-icon.plus {
    opacity: 0;
    transform: rotate(90deg);
}

.pencil-sketch-main .faq-item.active .faq-icon.minus {
    opacity: 1;
    transform: rotate(0);
}

/* Services Slider Styles */
.pencil-sketch-main .services-slide-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 40px 0;
}

.pencil-sketch-main .services-slide {
    display: flex;
    animation: slideServices 30s linear infinite;
    width: fit-content;
}

.pencil-sketch-main .services-group {
    display: flex;
    gap: 50px;
    padding: 0 15px;
    flex-shrink: 0;
}

.pencil-sketch-main .service-item {
    width: 378px; /* Specific width */
    height: 450px; /* Specific height */
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.pencil-sketch-main .service-item .service-image {
    width: 100%;
    height: 100%;
    background-size: contain; /* Changed to contain to show full image */
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover; /* Ensures image covers the container properly */
}

.pencil-sketch-main .service-item .service-name {
    position: absolute;
    bottom: 20px;
    left: 50px;
    color: white;
    font-family: var(--font-family-caveat_brush);
    font-size: 30px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

@keyframes slideServices {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.pencil-sketch-main .services-slide:hover {
    animation-play-state: paused;
}

/* Mode Switcher Styles */
.pencil-sketch-main .mode-switcher {
    position: fixed;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 99999;
}

.pencil-sketch-main .mode-img {
    width: 55px;
    height: 55px; /* Made all images same height */
    cursor: pointer;
    transition: all 0.3s ease;
    object-fit: contain; /* Added to maintain aspect ratio */
}

.pencil-sketch-main .mode-img:hover {
    transform: translateX(-5px);
}

/* Add these animation styles */
@keyframes mildBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px);
    }
}

.pencil-sketch-main .group-59473-iFMvxM,
.pencil-sketch-main .group-59472-lyhNtC,
.pencil-sketch-main .group-LxZSvb{
    animation: mildBounce 3s ease-in-out infinite;
    will-change: transform;
}