body {
    margin: 0;
    line-height: normal;
}

:root {
    /* fonts */
    --text-lg-regular: Inter;
    --font-arial: Arial;
    --font-space-grotesk: "Space Grotesk";
    --font-roboto: Roboto;

    /* font sizes */
    --text-xs-medium-size: 12px;
    --font-size-smi: 13px;
    --text-md-regular-size: 16px;
    --font-size-xl: 20px;
    --text-lg-regular-size: 18px;
    --text-sm-regular-size: 14px;
    --display-xs-medium-italic-size: 24px;

    /* Colors */
    --color-whitesmoke-100: #f8f8f8;
    --base-white: #fff;
    --gray-600: #475467;
    --gray-700: #344054;
    --color-darkslategray-100: #193c4e;
    --primary-700: #182d47;
    --color-darkslategray-200: rgba(25, 60, 78, 0.1);
    --color-darkslategray-300: rgba(25, 60, 78, 0.6);
    --gray-900: #101828;
    --color-gray-100: #050c10;
    --error-600: #d92d20;
    --gray-300: #d0d5dd;
    --color-primary: #419d78;

    /* Gaps */
    --gap-5xl: 24px;
    --gap-smi: 13px;
    --gap-5xs: 8px;
    --gap-xs: 12px;
    --gap-13xl: 32px;
    --gap-base: 16px;
    --gap-45xl: 64px;
    --gap-7xs: 6px;

    /* Paddings */
    --padding-12xs: 1px;
    --padding-61xl: 80px;
    --padding-121xl: 140px;
    --padding-smi: 13px;
    --padding-11xl: 30px;
    --padding-5xs: 8px;
    --padding-xs: 12px;
    --padding-xl: 20px;
    --padding-9xs: 4px;
    --padding-3xs: 10px;
    --padding-base: 16px;

    /* Border radiuses */
    --br-xs: 12px;
    --br-5xl: 24px;
    --br-181xl: 200px;
    --br-5xs: 8px;

    /* Effects */
    --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
}


h1{
    font-size: 70px;
}
.link-faq {
    position: relative;
    line-height: 26px;
}
.div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-12xs);
}
.flag-button-square-enpng-icon {
    position: relative;
    width: 20px;
    height: 15px;
    object-fit: cover;
}
.divroot-bar {
    width: 1400px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 0 1337.8800048828125px;
    box-sizing: border-box;
    gap: 9.12px;
}
.katappultlogosvg-icon {
    position: relative;
    width: 115.67px;
    height: 34px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}
.divleft,
.link-katappultlogosvg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.link-katappultlogosvg {
    justify-content: center;
    padding: 0 2.165828227996826px 0 2.1658291816711426px;
}
.divleft {
    position: absolute;
    top: calc(50% - 17px);
    left: 0;
    justify-content: flex-start;
}
.features {
    position: relative;
    letter-spacing: -0.14px;
    line-height: 24px;
}
.link,
.link1,
.link2,
.link3 {
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 154.68px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0 var(--padding-12xs);
}
.link1,
.link2,
.link3 {
    left: calc(50% - 75.41px);
    padding: 0 0.1399993896484375px var(--padding-12xs) 0;
}
.link2,
.link3 {
    left: calc(50% + 22.73px);
    padding: 0 0 var(--padding-12xs);
}
.link3 {
    left: calc(50% + 106.46px);
    padding: 0 0.220001220703125px var(--padding-12xs) 0;
    color: var(--color-darkslategray-100);
}
.divnavigation {
    position: absolute;
    top: calc(50% - 12px);
    left: 478.31px;
    width: 309.36px;
    height: 24px;
}
.vector-icon {
    position: relative;
    width: 13px;
    height: 12.16px;
    object-fit: cover;
}
.icon,
.pseudo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.icon {
    width: 12.84px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 0.4189453125px 0;
    box-sizing: border-box;
}
.pseudo {
    position: absolute;
    top: 9.5px;
    left: calc(50% - 45.64px);
}
.button {
    position: relative;
    border-radius: var(--br-5xs);
    background-color: var(--base-white);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    width: 106.28px;
    height: 32px;
}
.create-an-account {
    position: relative;
    letter-spacing: -0.16px;
    font-weight: 500;
}
.button1,
.divactions {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.button1 {
    border-radius: var(--br-5xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    justify-content: center;
    padding: 6px 26.720001220703125px 7px 25px;
    color: var(--base-white);
}
.divactions {
    position: absolute;
    top: 1px;
    left: 1079.98px;
    width: 254px;
    justify-content: flex-end;
    gap: 24.01px;
    font-size: var(--text-md-regular-size);
    color: var(--color-gray-100);
}
.divinner {
    position: relative;
    width: 1400px;
    height: 34px;
    text-align: center;
    font-size: var(--text-sm-regular-size);
    color: var(--color-darkslategray-300);
}
.section {
    background-color: var(--base-white);
    width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xs) 0;
    box-sizing: border-box;
    gap: 5px;
    max-width: 1400px;
    color: #104672;
}
.heading {
    position: relative;
    line-height: 72px;
    margin-block-end: 0;
}
.heading-and-badge {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.supporting-text {
    position: relative;
    font-size: var(--font-size-xl);
    letter-spacing: -0.28px;
    line-height: 28px;
    font-family: var(--text-lg-regular);
    display: flex;
    align-items: center;
}
.text-and-supporting-text {
    flex-direction: column;
    gap: var(--gap-5xl);
}
.container,
.content,
.text-and-supporting-text {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.content {
    flex-direction: column;
}
.container {
    flex-direction: row;
    font-family: var(--font-roboto);
}
.image-icon {
    align-self: stretch;
    position: relative;
    border-radius: 16px;
    max-width: 100%;
    overflow: hidden;
    height: 440px;
    flex-shrink: 0;
    object-fit: cover;
}
.heading1,
.text {
    position: relative;
    line-height: 20px;
    font-weight: 600;
}
.text {
    font-size: var(--text-lg-regular-size);
    line-height: 28px;
    font-weight: 500;
    color: var(--gray-900);
}
.author,
.author-and-publish-date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-xs);
}
.author-and-publish-date {
    flex: 1;
    flex-direction: row;
    gap: var(--gap-45xl);
}
.copy-01-icon,
.placeholder-icon {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}
.placeholder-icon {
    display: none;
}
.button2,
.button3 {
    border-radius: var(--br-5xs);
    background-color: var(--base-white);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--gray-300);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.button2 {
    padding: var(--padding-3xs) var(--padding-base);
    gap: var(--gap-5xs);
}
.button3 {
    padding: var(--padding-3xs);
}
.container1,
.content1,
.social-links {
    display: flex;
    justify-content: flex-start;
}
.social-links {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-xs);
    color: var(--gray-700);
}
.container1,
.content1 {
    align-self: stretch;
}
.content1 {
    flex-direction: row;
    align-items: flex-start;
    gap: 96px;
}
.container1 {
    flex-direction: column;
    align-items: center;
    gap: var(--gap-13xl);
    font-size: var(--text-sm-regular-size);
    color: var(--color-primary);
}
.number {
    position: absolute;
    top: calc(50% + 11px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.endpoint-icon,
.line-icon {
    position: relative;
    object-fit: contain;
}
.endpoint-icon {
    width: 16px;
    height: 0;
}
.line-icon {
    flex: 1;
    max-height: 100%;
    width: 0;
}
.measure-line-base {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.endpoint-icon2,
.line-icon1 {
    position: relative;
    object-fit: contain;
}
.endpoint-icon2 {
    align-self: stretch;
    max-width: 100%;
    overflow: hidden;
    height: 0;
    flex-shrink: 0;
}
.line-icon1 {
    flex: 1;
    max-height: 100%;
    width: 0;
    opacity: 0;
}
.measure-line-base1 {
    position: absolute;
    height: 100%;
    width: calc(100% - 20px);
    top: 0;
    right: 0;
    bottom: 0;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.lines {
    position: absolute;
    height: calc(100% + 40px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -40px;
    left: 0;
}
.measure-spacing-guide {
    align-self: stretch;
    flex: 1;
    position: relative;
    display: none;
}
.padding-top {
    align-self: stretch;
    height: 40px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.heading3 {
    align-self: stretch;
    position: relative;
    font-size: var(--display-xs-medium-italic-size);
    letter-spacing: -0.38px;
    line-height: 32px;
    font-weight: 500;
    font-family: var(--font-space-grotesk);
    color: var(--color-darkslategray-100);
    text-align: left;
}
.number1 {
    position: absolute;
    top: calc(50% + 21px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.lines1 {
    position: absolute;
    height: calc(100% + 60px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -60px;
    left: 0;
}
.padding-bottom {
    align-self: stretch;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.mi-tincidunt-elit {
    margin-block-start: 0;
    margin-block-end: 18px;
}
.eget-quis-mi {
    margin: 0;
}
.paragraph {
    align-self: stretch;
    position: relative;
    line-height: 28px;
}
.number2 {
    position: absolute;
    top: calc(50% + 22px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.lines2 {
    position: absolute;
    height: calc(100% + 62px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -62px;
    left: 0;
}
.content-item1,
.padding-bottom1 {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.padding-bottom1 {
    height: 18px;
    display: none;
    text-align: right;
    font-size: var(--text-xs-medium-size);
    color: var(--error-600);
}
.content-item1 {
    display: flex;
    text-align: left;
    font-size: var(--text-lg-regular-size);
    color: var(--gray-600);
}
.number3 {
    position: absolute;
    top: calc(50% + 7px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.lines3 {
    position: absolute;
    height: calc(100% + 32px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -32px;
    left: 0;
}
.padding-top1 {
    align-self: stretch;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.image-icon1,
.link-01-icon {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}
.image-icon1 {
    align-self: stretch;
    border-radius: var(--br-xs);
    max-width: 100%;
    height: 480px;
}
.link-01-icon {
    width: 16px;
    height: 16px;
}
.text2 {
    flex: 1;
    position: relative;
    line-height: 20px;
}
.caption,
.content3 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-7xs);
}
.content3 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-base);
    text-align: left;
    font-size: var(--text-sm-regular-size);
    color: var(--gray-600);
}
.divider-icon,
.paragraph2 {
    align-self: stretch;
    position: relative;
}
.divider-icon {
    max-height: 100%;
    width: 2px;
    object-fit: contain;
}
.paragraph2 {
    font-size: var(--display-xs-medium-italic-size);
    line-height: 36px;
    font-weight: 500;
}
.avatar-contrast-inner-border {
    align-self: stretch;
    flex: 1;
    position: relative;
    border-radius: var(--br-181xl);
    border: 0.8px solid var(--gray-900);
    overflow: hidden;
    opacity: 0.08;
}
.avatar {
    border-radius: var(--br-181xl);
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(./public/avatar@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.supporting-text1,
.text3 {
    position: relative;
    line-height: 24px;
}
.text3 {
    font-weight: 600;
}
.supporting-text1 {
    color: var(--gray-600);
}
.avatar-label-group,
.text-and-supporting-text1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.avatar-label-group {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-xs);
}
.attribution {
    align-self: stretch;
    position: relative;
    line-height: 24px;
    color: var(--gray-600);
    display: none;
}
.content4,
.quote-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.quote-wrap {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-5xs) 0;
    gap: var(--gap-13xl);
}
.content4 {
    align-self: stretch;
    flex-direction: row;
    gap: 20px;
    text-align: left;
    font-size: var(--text-md-regular-size);
    color: var(--gray-900);
}
.number9 {
    position: absolute;
    top: calc(50% + 15px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.lines9 {
    position: absolute;
    height: calc(100% + 48px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -48px;
    left: 0;
}
.padding-top3 {
    align-self: stretch;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.number10 {
    position: absolute;
    top: calc(50% + 23px);
    left: -34px;
    line-height: 18px;
    font-weight: 500;
}
.lines10 {
    position: absolute;
    height: calc(100% + 64px);
    width: calc(100% - 560px);
    top: 0;
    right: 560px;
    bottom: -64px;
    left: 0;
}
.padding-bottom6 {
    align-self: stretch;
    height: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.lectus-id-duis {
    margin-bottom: 0;
}
.lectus-id-duis-vitae-porttitor {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    padding-left: 24px;
}
.content2,
.rich-text {
    width: 720px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.content2 {
    width: 100%;
    flex-direction: row;
    max-width: 720px;
}
.container2,
.divk-pricing,
.section1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.container2 {
    align-self: stretch;
    align-items: center;
    text-align: right;
    font-size: var(--text-xs-medium-size);
    color: var(--error-600);
}
.divk-pricing,
.section1 {
    width: 1400px;
    box-sizing: border-box;
}
.divk-pricing {
    align-items: center;
    padding: 32px 0 6px;
    gap: var(--gap-13xl);
}
.section1 {
    background-color: var(--base-white);
    align-items: flex-start;
    padding: var(--padding-11xl) 0 0;
    max-width: 1400px;
    font-size: 60px;
}
.heading6 {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.58px;
    line-height: 54px;
}
.content6,
.heading-and-supporting-text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.heading-and-supporting-text {
    width: 768px;
    flex-direction: column;
}
.content6 {
    align-self: stretch;
    flex-direction: row;
}
.image-icon3,
.subheading {
    align-self: stretch;
    position: relative;
}
.image-icon3 {
    border-radius: var(--br-5xl);
    max-width: 100%;
    overflow: hidden;
    height: 240px;
    flex-shrink: 0;
    object-fit: cover;
}
.subheading {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    color: #000000;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.heading7 {
    flex: 1;
    position: relative;
    letter-spacing: -0.28px;
    line-height: 28px;
    font-weight: 500;
}
.arrow-up-right-icon {
    position: relative;
    width: 24px;
    height: 24px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}
.heading-and-icon,
.icon-wrap {
    align-items: flex-start;
    justify-content: flex-start;
}
.icon-wrap {
    display: none;
    flex-direction: column;
    padding: var(--padding-9xs) 0 0;
}
.heading-and-icon {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    gap: var(--gap-base);
}
.supporting-text2 {
    align-self: stretch;
    position: relative;
    font-size: var(--text-md-regular-size);
    letter-spacing: -0.16px;
    line-height: 24px;
    font-family: var(--text-lg-regular);
    color: var(--color-darkslategray-300);
}
.heading-and-text {
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
    font-family: var(--font-space-grotesk);
}
.heading-and-subheading1,
.heading-and-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.avatar1 {
    border-radius: var(--br-181xl);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(./public/avatar1@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.jan-20241 {
    position: relative;
    line-height: 20px;
    color: var(--gray-600);
}
.avatar-label-group1,
.blog-post-card {
    display: flex;
    justify-content: flex-start;
}
.avatar-label-group1 {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-xs);
    color: var(--gray-900);
}
.blog-post-card {
    align-self: stretch;
    flex: 1;
    border-radius: var(--br-5xl);
    background-color: var(--base-white);
    border: 1px solid var(--color-darkslategray-200);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-xl);
    gap: var(--gap-5xl);
}
.blog-post-card img{
    height: 260px;
}

.avatar2 {
    border-radius: var(--br-181xl);
    width: 40px;
    height: 40px;
    flex-direction: column;
    align-items: center;
    background-image: url(./public/avatar2@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.avatar2,
.avatar3
{
    display: flex;
    justify-content: center;
}
.avatar3 {
    border-radius: var(--br-181xl);
    width: 40px;
    height: 40px;
    flex-direction: column;
    align-items: center;
    background-image: url(./public/avatar3@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.container-parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    max-width: 1440px;
    font-size: 45px;
    font-family: var(--font-roboto);
}

.blog-row{
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    gap:32px;
}

.ready-to-embark-container {
    position: relative;
    letter-spacing: -0.58px;
    line-height: 54px;
}
.heading-2 {
    position: absolute;
    top: 64px;
    left: calc(50% - 381.39px);
    width: 763.5px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 75.83999633789062px var(--padding-12xs) 75.66000366210938px;
    box-sizing: border-box;
}
.join-the-katappult-container {
    position: relative;
    letter-spacing: -0.22px;
    line-height: 26px;
}
.input,
.p {
    box-sizing: border-box;
}
.p {
    position: absolute;
    top: 196px;
    left: calc(50% - 293.64px);
    width: 588px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 21.420000076293945px var(--padding-12xs) 21.579999923706055px;
    font-size: var(--text-lg-regular-size);
    color: var(--color-darkslategray-300);
}
.input {
    position: relative;
    border-radius: 2.5px;
    border: 1px solid #767676;
    width: 320px;
    height: 48px;
}
.contact-us {
    position: relative;
    line-height: 24px;
    font-weight: 500;
}
.button6,
.form {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.button6 {
    border-radius: var(--br-xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 rgba(47, 43, 67, 0.1) inset;
    width: 120px;
    align-items: center;
    padding: var(--padding-xs) 18.690000534057617px var(--padding-xs)
    17.309999465942383px;
    box-sizing: border-box;
}
.form {
    position: absolute;
    top: 286px;
    left: calc(50% - 225.64px);
    width: 452px;
    align-items: flex-start;
    gap: var(--gap-xs);
    font-size: var(--text-md-regular-size);
    color: var(--base-white);
}
.divacademy-call-to-actions-in {
    align-self: stretch;
    position: relative;
    border-radius: 32px;
    background: radial-gradient(
            50% 50%at 50% 50%,
            #b9e2de 5.59%,
            #d7faec 62.66%,
            #fefefe
    );
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    height: 392px;
}
.divacademy-call-to-actions {
    width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 41px;
}
.heading-3 {
    position: relative;
    letter-spacing: -0.28px;
    line-height: 28px;
    font-weight: 500;
}
.get-a-summary-container {
    position: relative;
    letter-spacing: -0.16px;
    line-height: 24px;
}
.divleft1,
.p1 {
    width: 656px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.p1 {
    flex-direction: row;
    padding: 0 65px 0 0;
    box-sizing: border-box;
    font-size: var(--text-md-regular-size);
    color: var(--color-darkslategray-300);
    font-family: var(--text-lg-regular);
}
.divleft1 {
    flex-direction: column;
}
.enter-your-email {
    position: relative;
}
.divplaceholder {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 238px 0 0;
}
.input1 {
    border-radius: var(--br-xs);
    background-color: var(--base-white);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    width: 370px;
    align-items: center;
    justify-content: center;
    padding: 16.5px 17px;
}
.button7,
.divright,
.input1,
.section2 {
    display: flex;
    flex-direction: row;
}
.button7 {
    border-radius: var(--br-xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 rgba(47, 43, 67, 0.1) inset;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) 16.029998779296875px var(--padding-xs) 15px;
    text-align: center;
    font-size: var(--text-md-regular-size);
    color: var(--base-white);
    font-family: var(--text-lg-regular);
}
.divright,
.section2 {
    align-items: flex-start;
}
.divright {
    justify-content: center;
    gap: var(--gap-5xs);
    font-size: 13.33px;
    color: #6c757d;
    font-family: var(--font-arial);
}
.section2 {
    align-self: stretch;
    background: linear-gradient(180deg, #d7fdee 5.59%, #fff);
    justify-content: space-between;
    padding: var(--padding-61xl) 140.00003051757812px var(--padding-61xl)
    var(--padding-121xl);
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
    font-family: var(--font-space-grotesk);
}
.katappultlogosvg-icon1 {
    position: relative;
    width: 119.99px;
    height: 35.27px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}
.divleft2,
.katappultlogosvg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.katappultlogosvg {
    justify-content: center;
    padding: 0 0.0055556343868374825px 0 0.0055527640506625175px;
}
.divleft2 {
    width: 656px;
    justify-content: flex-start;
    padding: 0 536px var(--padding-5xs) 0;
    box-sizing: border-box;
}
.heading-4,
.item-link {
    position: relative;
    letter-spacing: -0.16px;
    line-height: 24px;
    font-weight: 500;
}
.item-link {
    letter-spacing: -0.13px;
}
.divlegal,
.list {
    justify-content: flex-start;
}
.list {
    width: 115.94px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 28.94000244140625px 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divlegal {
    background-color: var(--base-white);
    padding: 0 var(--padding-11xl) var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divlegal,
.divsupport,
.list1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.list1 {
    width: 151.34px;
    justify-content: flex-start;
    padding: 0 29.339996337890625px 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divsupport {
    padding: 0 var(--padding-11xl) var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divsupport,
.item,
.list2 {
    justify-content: flex-start;
}
.item {
    width: 224.64px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.list2 {
    width: 254.64px;
    flex-direction: column;
    padding: 0 var(--padding-11xl) 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divcontact,
.divright1,
.list2,
.section3 {
    display: flex;
    align-items: flex-start;
}
.divcontact {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 30.000015258789062px var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divright1,
.section3 {
    flex-direction: row;
}
.divright1 {
    justify-content: center;
    gap: var(--gap-5xl);
}
.section3 {
    align-self: stretch;
    background-color: var(--base-white);
    justify-content: space-between;
    padding: var(--padding-61xl) 140.00006103515625px var(--padding-61xl)
    var(--padding-121xl);
    font-size: var(--text-md-regular-size);
}
.katappult-cloud-registered {
    position: absolute;
    top: 4px;
    left: calc(50% - 340.17px);
    letter-spacing: -0.12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 680.54px;
    height: 15px;
}
.p2,
.section4 {
    align-self: stretch;
    background-color: var(--color-whitesmoke-100);
}
.p2 {
    position: relative;
    height: 24px;
}
.section4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 0;
    text-align: center;
}
.wwwkatappultcloud-all-right {
    position: relative;
    letter-spacing: -0.12px;
    line-height: 24px;
}
.p3,
.p4 {
    position: absolute;
    height: calc(100% - 60px);
    top: 23px;
    bottom: 37px;
    left: -1px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0.279998779296875px var(--padding-12xs) 0;
    box-sizing: border-box;
}
.p4 {
    left: 790.11px;
    padding: 0 0 var(--padding-12xs);
}
.social-networkpng-icon {
    position: absolute;
    height: calc(100% - 67px);
    top: 24px;
    bottom: 43px;
    left: 1369.48px;
    max-height: 100%;
    width: 166.5px;
    object-fit: cover;
}
.divcontainer {
    position: relative;
    width: 1536px;
    height: 85px;
}
.p5,
.section5 {
    display: flex;
    justify-content: center;
}
.p5 {
    width: 1152px;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 14.3100004196167px 23px 14.6899995803833px;
    box-sizing: border-box;
}
.section5 {
    align-self: stretch;
    background-color: var(--color-whitesmoke-100);
    flex-direction: column;
    align-items: center;
    padding: 0 192px;
    gap: 47px;
    text-align: center;
}
.divlayout-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #FFFFFF;
}
.divlayout-wrapper {
    width: 100%;
    align-items: center;
    background: #FFFFFF;
}
.katappult-6-blogs {
    position: relative;
    background-color: #eceef2;
    width: 100%;
    text-align: left;
    font-size: var(--text-xs-medium-size);
    color: var(--color-darkslategray-100);
    font-family: var(--text-lg-regular);
}
.k-blog-content{
    width: 50%;
    margin: 0rem auto 4rem auto;
    font-size: 16px;
}
.k-blog-content p{
    font-size: var(--font-size-lg);
    letter-spacing: -0.28px;
    line-height: 28px;
    font-family: var(--text-lg-regular);
    margin-bottom: 2rem;
    font-weight: 300;
    opacity: 0.8;
    color: #333333;
}

.heading3{
    font-size: 18px;
    font-family: 'Product Sans';
    font-weight: 600;
    line-height: 24px;
}

.supporting-text3{
    font-family: 'Noto Sans Gurmukhi';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    line-height: 24px!important
}

.k-blog-content li{
    font-size: var(--font-size-lg);
    letter-spacing: -0.28px;
    line-height: 28px;
    font-family: var(--text-lg-regular);
    font-weight: 300;
    opacity: 0.8;
    color: #333333;
    margin-bottom: 12px;
}


.call-to-action-link:visited,
.call-to-action-link{
    color: blue;
    text-decoration: underline;
}

.call-to-action-p{
    border: 1px solid #bdbdbd;
    padding: 22px;
    margin:4rem 0 0 0;
}

.social-links{
    font-size: var(--font-size-xl);
    align-items: center;
    justify-content: flex-start;
    display: flex;
    height: 70px;
}

.blog{
    margin: auto;
    justify-content: center;
}

.k-layout-content{
    margin: auto!important;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
}

.k-accueil-blog{
    justify-content: center;
    display: flex;
    align-items: center;
}

.blog-mettre-en-evidence{
    border-left: 2px solid blue;
    padding: 12px;
    font-weight: 500!important;
    opacity: 1!important;
    color: black!important;
}

.blog-image-ext{
    width: 100%;
    overflow: hidden;
    margin: 2rem 0 1rem 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.blog-image{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    box-shadow: 4px 4px 5px #DEDEDE;
    border-radius: 12px;
    background-radius:12px;
}

.blog-image p{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 10px;
    font-weight: 200;
    margin-top:22px;
    margin-left: 12px;
    margin-top: 12px;
}

.blog-image img{
    width: 100%;
}

.blob-href{
    text-decoration: underline;
    text-decoration-style: dotted;
}


.mobile-img-katappult1{
    position: relative;
}
.mobile-img-katappult{
    position: absolute;
    height: 340px!important;
    width: 160px!important;
    z-index: 10;
    right: 30%;
    margin-top: 6rem;
    border-radius: 12px;
    box-shadow: 4px 4px 5px #DEDEDE;
    transform: rotateZ(10deg);
}

.k-accueil-blog{
    max-width: 80%;
}