/* common css */
.pt-80 {
    padding-top: 80px;
}
.wh-90 {
    width: 90px;
    height: 90px;
}
.mt-23 {
    margin-top: 23px;
}
.font-bold {
    font-weight: 700;
}
.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
.mt-0 {
    margin-top: 0px;
}
.pl-25 {
    padding-left: 25px;
}
.mb-25 {
    margin-bottom: 25px;
}
.pb-25{

    padding-bottom: 25px !important;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-5 {
    margin-bottom: 5px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pt-150 {
    padding-top: 150px;
}
.pb-150 {
    padding-bottom: 150px;
}
.pt-0 {
    padding-top: 0px;
}
.pb-0 {
    padding-bottom: 0px;
}
/* Margin Top */
.mt-5 {
    margin-top: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}

/* Margin Bottom */
.mb-5 {
    margin-bottom: 5px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}

/* Margin Left */
.ml-5 {
    margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}

/* Margin Right */
.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
/* Padding Top */
.pt-5 {
    padding-top: 5px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}

/* Padding Bottom */
.pb-5 {
    padding-bottom: 5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}

/* Padding Left */
.pl-5 {
    padding-left: 5px;
}
.pl-10 {
    padding-left: 10px;
}
.pl-20 {
    padding-left: 20px;
}

/* Padding Right */
.pr-5 {
    padding-right: 5px;
}
.pr-10 {
    padding-right: 10px;
}
.pr-20 {
    padding-right: 20px;
}
/* common css */

/* home page banking css */
.section.step-process-section-one {
    background-color: #f5f5f5;
    background-image: url;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.step-process-shade {
    position: absolute;
    inset: 0% 0% auto auto;
}
.step-process-grid {
    z-index: 10;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    position: relative;
}

.left-step-process-block {
    z-index: 12;
    position: relative;
}
.section-title-block.left-section-title {
    text-align: left;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.section-title {
    font-size: 54px;
    line-height: 62px;
}
.highlight-span {
    color: #f13f3f;
}
.left-step-process-image {
    background-color: var(--white);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
    padding: 30px 15px;
    display: flex;
}
.step-process-image {
    width: 100%;
}
.right-step-process-block {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
    position: relative;
}
.right-step-process {
    /* background-color: var(--white); */
    border-radius: 20px;
    padding: 25px 25px;
    position: relative;
}
.right-step-process-shade {
    position: absolute;
    inset: 0%;
}
.step-process {
    z-index: 1;
    position: relative;
}
.step-process-embed {
    /* color: var(--primary); */
    margin-bottom: 15px;
    line-height: 0;
}
.step-process-title {
    margin-bottom: 5px;
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
}
.step-process-grid {
    z-index: 10;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    position: relative;
}

.left-step-process-block {
    z-index: 12;
    position: relative;
}

.right-step-process-block {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
    position: relative;
}

.left-step-process-image {
    background-color: var(--white);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
    padding: 30px 15px;
    display: flex;
}

.step-process-shade {
    position: absolute;
    inset: 0% 0% auto auto;
}

.right-step-process {
    background-color: var(--white);
    border-radius: 20px;
    padding: 25px 25px;
    position: relative;
}

.step-process {
    z-index: 1;
    position: relative;
}

.step-process-embed {
    color: var(--primary);
    margin-bottom: 15px;
    line-height: 0;
}

.step-process-title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
}

.step-process-number {
    z-index: 1;
    font-family: var(--number);
    color: var(--border-color);
    font-size: 38px;
    line-height: 46px;
    position: absolute;
    inset: 10% 10% auto auto;
}

.right-step-process-shade {
    position: absolute;
    inset: 0%;
}

.step-process-image {
    width: 100%;
}
.w-richtext figure.w-richtext-align-fullwidth {
    margin-right: auto;
    display: block;
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: aut;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
    padding-bottom: inherit;
    display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
    display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px;
}

.w-tabs:after {
    clear: both;
}

.w-tab-menu {
    position: relative;
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.arrow-icon {
    filter: invert(36%) sepia(92%) saturate(5176%) hue-rotate(339deg) brightness(95%) contrast(95%);
  }
.w-tab-link.w--current {
    background-color: #c8c8c8;
}

/* a.nav-link-main.w--current{

    color: red;
} */
.w-tab-link:focus {
    outline: 0;
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
}

.w-tab-pane {
    display: none;
    position: relative;
}

.w--tab-active {
    display: block;
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display: block;
    }
}

.w-ix-emptyfix:after {
    content: "";
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important;
}

.wf-layout-layout {
    display: grid;
}

.w-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

:root {
    --white: white;
    --body: Urbanist, sans-serif;
    --secondary: #666;
    --title: Urbanist, sans-serif;
    --dark: #141f39;
    --grey: #f1f3ff;
    --transparent: #0000;
    --primary: #1860dd;
    --border-color: #66666626;
    --highlight-text: #38da71;
    --fa-solid-900: "Fa Solid 900", sans-serif;
    --number: "Plus Jakarta Sans", sans-serif;
    --fa-brands-400: "Fa Brands 400", sans-serif;
    --black: black;
    --white-2: white;
    --fa-400: "Fa 400", sans-serif;
    --fa-v-4-compatibility: "Fa V 4 Compatibility", sans-serif;
}

.color-name.text-white {
    color: var(--white);
}

.color-name.text-dark {
    color: var(--dark);
}

.color-info {
    color: var(--dark);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    display: flex;
}

.color-info.white-info {
    color: var(--white);
}

.container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.left-footer-title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 36px;
}

.footer-form.subscribe-form {
    margin-top: 45px;
}

.inner-footer-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
}

.footer-navbar-block {
    padding-top: 45px;
    padding-bottom: 45px;
}

.footer-navbar-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-bottom: 0;
    padding-left: 84px;
    list-style-type: none;
    display: flex;
}

.footer-navbar-list.drop-left-padding {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 74px;
}

.footer-navbar-list-item {
    text-align: left;
}

.footer-navbar-link {
    font-family: var(--title);
    color: var(--dark);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.footer-navbar-link:hover,
.footer-navbar-link.w--current {
    color: var(--primary);
}

.footer-icon {
    font-family: var(--fa-solid-900);
    color: var(--primary);
    font-weight: 900;
}

.footer-contact-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: flex;
}

.footer-copyright {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.one-link {
    color: var(--dark);
    font-weight: 500;
    display: inline-block;
}

.one-link:hover {
    color: var(--primary);
}

.section-title-block {
    z-index: 12;
    text-align: center;
    margin-bottom: 60px;
    padding-left: 18em;
    padding-right: 18em;
    position: relative;
}

.section-title-block.left-section-title {
    text-align: left;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.section-title-block.left-section-title.section-inline-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-right: 35%;
}

.section-title-block.section-padding-off {
    padding-left: 14em;
    padding-right: 14em;
}

.section-title {
    font-size: 54px;
    line-height: 62px;
}

.highlight-span {
    color: #f13f3f;
}

.contact-form-grid {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--grey);
    border-radius: 20px;
    grid-template-rows: auto;
    align-items: center;
    margin-bottom: -180px;
    position: relative;
}

.contact-form-grid.cut-one-twenty {
    background-color: var(--white);
    margin-bottom: 0;
}

.contact-form-image {
    border-radius: 0 20px 20px 0;
}

.main-contact-form {
    padding: 60px 45px;
}

.contact-form-title {
    margin-bottom: 45px;
    font-size: 28px;
    line-height: 36px;
}

.contact-form-glow {
    display: none;
}

.company-icon-marquee {
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.icon-marquee {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    flex-flow: row;
    width: 400%;
    display: flex;
    overflow: hidden;
}

.icon-marquee-link {
    line-height: 0;
    position: relative;
}

.icon-marquee-link.one.w--current {
    display: none;
}

.map-grid {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    border-radius: 20px;
    grid-template-rows: auto;
    position: relative;
}

.map-block {
    object-fit: cover;
    height: 546px;
    position: relative;
}

.map {
    background-color: var(--transparent);
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.location-map-image {
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.main-contact-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.contact-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: center;
    display: flex;
}

.inner-contact-info {
    border: 1px solid var(--border-color);
    background-color: var(--grey);
    border-radius: 20px;
    padding: 30px;
}

.contact-icon-block {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    line-height: 0;
    display: flex;
}

.contact-info-heading {
    font-size: 26px;
    line-height: 34px;
}

.contact-link {
    color: var(--secondary);
}

.contact-link:hover {
    color: var(--primary);
}

.contact-link-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.hero-one-grid {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-columns: 1fr;
    position: relative;
}

.up-hero-one {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    display: grid;
}

.down-hero-one {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.hero-title {
    font-size: 56px;
    line-height: 64px;
}

.hero-one-button {
    padding-top: 45px;
}

.hero-one-counter-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    display: flex;
}

.hero-one-face-block {
    flex-flow: row;
    display: flex;
}

.hero-one-face-block.center-face-block {
    align-items: center;
}

.hero-one-face-image {
    border-radius: 100%;
    margin-left: -20px;
}

.hero-one-face-image.first {
    margin-left: 0;
}

.hero-one-face-image.sixty-width {
    width: 60px;
    height: 60px;
}

.hero-one-counter {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: baseline;
    display: flex;
}

.hero-counter {
    font-family: var(--number);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
}

.hero-customer {
    color: var(--dark);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}

.hero-image-block {
    background-color: var(--white);
    box-shadow: inset 0 1px 5px 0 var(--border-color);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 30px 45px;
    display: flex;
    overflow: hidden;
}

.hero-vector-one {
    z-index: 12;
    position: absolute;
    inset: auto auto -1px 32%;
}

.hero-draw-icon {
    z-index: 10;
    color: var(--highlight-text);
    position: absolute;
    inset: 34% 12% auto auto;
}

.hero-draw-icon.last {
    top: 24%;
    right: 5%;
}

.hero-one-shade {
    position: absolute;
    inset: 0% 0% auto auto;
}

.triangle-shade {
    position: absolute;
    inset: 36% auto auto 18%;
}

.features-section {
    z-index: 10;
    padding-bottom: 80px;
    position: relative;
}

.about-us-section {
    z-index: 10;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    position: relative;
}

/* .about-us-section.one-twenty-padding {
    padding-bottom: 120px;
} */

.about-us-section.one-twenty-padding.add-one-twenty-padding {
    /* padding-top: 120px; */
    overflow: hidden;
}

.features-grid {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    /* margin-bottom: 45px; */
    position: relative;
}

.features-grid.features-margin-off {
    margin-bottom: 0;
}

.features-grid.include-grid {
    margin-bottom: 30px;
}

.main-features {
    background-color: #f5f5f5;
    border: 1px solid #f13f3f;
    border-radius: 20px;
    padding: 45px 30px;
    position: relative;
    overflow: hidden;
}

.inner-features {
    z-index: 15;
    position: relative;
}

.features-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 34px;
}

.features-button-block {
    padding-top: 20px;
    padding-bottom: 20px;
}

.features-image-block {
    /* background-color: var(--white); */
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    overflow: hidden;
}

.features-image-block.first {
    padding: 20px;
}

.features-vector {
    position: absolute;
    inset: 0%;
}

.features-glow-shade.one {
    position: absolute;
    inset: 0% 0% auto auto;
}

.features-glow-shade.two {
    height: 100%;
    position: absolute;
    inset: auto auto 0% 0%;
}

.features-primary-button {
    z-index: 12;
    text-align: center;
    position: relative;
}

.left-about-us-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    /* border: 1px solid var(--grey); */
    /* background-color: var(--grey); */
    border-radius: 20px;
    flex-flow: column;
    padding: 30px 45px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.left-about-us-block.aboutus-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.right-about-us-block {
    position: relative;
}

.left-about-us-image {
    width: 100%;
}

.about-us-block {
    z-index: 12;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    position: relative;
}

.about-us-block.add-two-zindex {
    z-index: 10;
    position: relative;
}

.about-us-image-block {
    background-color: var(--white);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.about-us-image-block.remove-bg-white {
    background-color: var(--transparent);
    padding: 0;
}

.about-us-image-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.section-description.one {
    margin-bottom: 10px;
}

.section-description.integration-section-description {
    margin-top: 20px;
}

.section-description.joinus-section-description {
    margin-top: 10px;
    margin-bottom: 45px;
}

/* .aboutus-list-block {
    padding-top: 30px;
    padding-bottom: 30px;
} */

.aboutus-list-block.aboutus-list-border {
    border-top: 1px solid var(--border-color);
    margin-top: 30px;
}

.aboutus-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.aboutus-list.list-grid-horizonally {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.aboutus-list-item.bg-grey-aboutus {
    /* border: 1px solid var(--grey); */
    /* background-color: var(--grey); */
    border-radius: 20px;
    padding: 15px 0px;
}
.fs-74 {
    font-size: 74px;
    line-height: 74px;
}

.aboutus-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.aboutus-item.aboutus-item-margin-zero {
    margin-bottom: 0;
}

.aboutus-white-embed {
    background-color: #f13f3f;
    color: var(--white);
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    line-height: 0;
    display: flex;
}

.aboutus-white-embed.bg-green-embed {
    background-color: #f13f3f;
}

.aboutus-list-title {
    font-size: 20px;
    line-height: 30px;
    margin-top: 8px !important;
}

.step-process-grid {
    z-index: 10;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    position: relative;
}

.left-step-process-block {
    z-index: 12;
    position: relative;
}

.right-step-process-block {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
    position: relative;
}

.left-step-process-image {
    background-color: var(--white);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
    padding: 30px 15px;
    display: flex;
}

.step-process-shade {
    position: absolute;
    inset: 0% 0% auto auto;
}

.right-step-process {
    background-color: var(--white);
    border-radius: 20px;
    padding: 25px 25px;
    position: relative;
}

.step-process {
    z-index: 1;
    position: relative;
}

.step-process-embed {
    color: var(--primary);
    margin-bottom: 15px;
    line-height: 0;
}

.step-process-title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
}

.step-process-number {
    z-index: 1;
    font-family: var(--number);
    color: var(--border-color);
    font-size: 38px;
    line-height: 46px;
    position: absolute;
    inset: 10% 10% auto auto;
}

.right-step-process-shade {
    position: absolute;
    inset: 0%;
}

.step-process-image {
    width: 100%;
}

.about-us-draw-icon {
    z-index: 15;
    color: #ffc224;
    line-height: 0;
    position: absolute;
    inset: auto 10% 15% auto;
}

.integration-section-one {
    z-index: 10;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    position: relative;
}

.left-integration-block,
.right-integration-block {
    position: relative;
}

.integration-one-block {
    z-index: 12;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    position: relative;
}

.integration-button-block {
    margin-top: 30px;
}

.integration-button-block.two {
    z-index: 10;
    text-align: center;
    margin-top: 60px;
    position: relative;
}

.integration-image-block {
    background-color: var(--grey);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.integration-image-block.integration-bg-primary {
    z-index: 20;
    background-color: var(--primary);
}

.integration-image-block.one {
    z-index: 20;
    position: relative;
    top: 45%;
}

.integration-image-block.two {
    z-index: 20;
}

.integration-image-block.three {
    z-index: 20;
    position: relative;
    top: 60%;
}

.integration-image-block.four {
    z-index: 20;
    position: relative;
    bottom: 120%;
    right: 10px;
}

.integration-image-block.five {
    z-index: 20;
    position: relative;
    right: 50%;
}

.integration-image-block.six {
    z-index: 20;
    position: relative;
    bottom: 60%;
    right: 25px;
}

.left-integration {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.integration-border-line {
    position: absolute;
    inset: 0% auto auto 0%;
}

.integration-border-line.one {
    top: 22%;
    left: 50%;
}

.integration-border-line.two {
    inset: 32% 30% auto auto;
}

.integration-border-line.three {
    inset: 51% 15% auto auto;
}

.integration-border-line.four {
    inset: 27% auto auto 30%;
}

.integration-border-line.five {
    inset: auto 44% 12% auto;
}

.integration-border-line.six {
    inset: auto auto 34% 30%;
}

.integration-border {
    background-color: var(--border-color);
    width: 2px;
}

.integration-border.one {
    z-index: 15;
    height: 110px;
    position: relative;
}

.integration-border.two {
    z-index: 15;
    height: 225px;
    position: relative;
    transform: rotate(90deg);
}

.integration-border.three {
    z-index: 15;
    height: 113px;
    position: absolute;
    top: 0;
    left: 113px;
}

.integration-border.four {
    z-index: 15;
    height: 110px;
    position: relative;
}

.integration-border.five {
    z-index: 15;
    height: 113px;
    position: absolute;
    inset: 0% auto auto -111px;
}

.integration-border.six {
    z-index: 15;
    height: 225px;
    position: relative;
    transform: rotate(90deg);
}

.integration-border.seven {
    z-index: 15;
    height: 190px;
    position: relative;
}

.integration-border.eight {
    z-index: 15;
    height: 50px;
    position: absolute;
    inset: auto auto -13% -25px;
    transform: rotate(90deg);
}

.integration-border.nine {
    z-index: 15;
    height: 90px;
    position: relative;
}

.integration-border.ten {
    z-index: 15;
    height: 70px;
    position: absolute;
    inset: auto auto -38% -35px;
    transform: rotate(90deg);
}

.integration-border.eleven {
    z-index: 15;
    height: 70px;
    position: absolute;
    inset: -40% -35px auto auto;
    transform: rotate(90deg);
}

.price-grid {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.price-grid.monthly-block {
    grid-template-rows: auto;
    position: static;
}

.price-grid.year-block {
    grid-template-rows: auto;
    position: absolute;
    inset: 0%;
}

.price-grid.home-price-grid {
    grid-template-rows: auto;
}

.main-price-block {
    background-color: var(--white);
    border-radius: 20px;
    padding: 60px 45px;
    position: relative;
    box-shadow: 0 0 1px #141f3933;
}

.main-price-block.price-bg-grey {
    background-color: var(--grey);
}

.inner-price-shade {
    object-fit: cover;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.inner-price-block {
    z-index: 15;
    position: relative;
}

.price-title {
    font-size: 22px;
    line-height: 30px;
}

.price-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

.price {
    font-family: var(--number);
    font-size: 38px;
    line-height: 46px;
}

.price-prefix {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 5px;
    font-size: 16px;
}

.price-list-block {
    padding-bottom: 45px;
}

.price-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.price-list-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
}

.price-list-icon {
    color: var(--primary);
    line-height: 0;
}

.price-list-text {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.price-icon {
    z-index: 15;
    color: var(--primary);
    line-height: 0;
    position: absolute;
    inset: 10% 5% auto auto;
}

.price-vector {
    z-index: 15;
    color: var(--highlight-text);
    line-height: 0;
    position: absolute;
    inset: 10% auto auto 5%;
}

.testimonial-grid {
    z-index: 12;
    grid-auto-columns: 1fr;
    display: block;
    position: relative;
}

.tabs-testimonial {
    z-index: 5;
    flex-flow: row-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 30px;
    display: flex;
}

.tabs-testimonial-menu {
    z-index: 3;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
    position: relative;
}

.tab-testimonial-link {
    z-index: 15;
    background-color: var(--transparent);
    border-radius: 100%;
    width: 140px;
    margin-right: 45px;
    padding: 0;
}

.tab-testimonial-link.w--current {
    background-color: var(--transparent);
    width: 260px;
}

.tab-testimonial-link.one {
    margin-right: 0;
    position: absolute;
    inset: -50% 3% auto auto;
}

.tab-testimonial-link.two {
    margin-right: 0;
    position: absolute;
    inset: -70% auto auto 3%;
}

.tab-testimonial-link.three {
    margin-right: 0;
    position: absolute;
    inset: auto auto -35% -12%;
}

.tab-testimonial-link.four {
    margin-right: 0;
    position: absolute;
    inset: auto 0% -35% auto;
}

.tabs-testimonial-content {
    width: 50%;
}

.tab-testimonial-image {
    border-radius: 100%;
}

.testimonial-pane {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
}

.testimonial-description {
    margin-bottom: 30px;
}

.hero-image-vector {
    position: absolute;
    inset: 0% 0% auto auto;
}

.hero-two-grid {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.first-hero-two {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    max-width: 86%;
    display: flex;
    position: relative;
}

.first-hero-two.first {
    max-width: 80%;
    display: block;
}

.hero-two-image-block {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--primary);
    border-radius: 50px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 10px 15px;
    display: flex;
    position: absolute;
    inset: auto 16% -25% auto;
}

.hero-two-face-block {
    background-color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-left: -20px;
    display: flex;
}

.hero-two-face-block.hero-flex-sizing-off {
    flex: none;
}

.hero-two-face-number {
    font-family: var(--number);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}

.hero-arrow-button {
    background-color: var(--white);
    color: var(--primary);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    line-height: 0;
    display: flex;
}

.center-hero-two {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 0.6fr auto;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.last-hero-two {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.primary-hero-two {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    background-color: var(--primary);
    border-radius: 20px;
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    position: relative;
}

.white-hero-two {
    border-radius: 20px;
    position: relative;
}

.green-hero-two {
    background-color: var(--highlight-text);
    border-radius: 20px;
    position: relative;
}

.primary-hero-title-block {
    padding: 30px;
}

.primary-hero-title {
    color: var(--white);
}

.inner-primary-hero-block {
    border-top: 1px solid #ffffff4d;
}

.inner-primary-hero {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    padding: 30px;
    display: grid;
}

.primary-hero {
    align-items: center;
    display: flex;
}

.primary-hero-image {
    border-radius: 100%;
    margin-left: -15px;
}

.primary-hero-image.first {
    margin-left: 0;
}

.primary-hero-button {
    background-color: var(--white);
    color: var(--dark);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-left: -15px;
    line-height: 0;
    display: flex;
}

.primary-hero-paragraph {
    color: var(--white);
}

.main-white-hero-two {
    background-color: var(--white);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    padding: 20px 5px;
    line-height: 0;
    display: flex;
}

.main-white-hero-two.last {
    margin-bottom: 0;
}

.inner-white-hero-two {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.main-green-hero-two {
    border-bottom: 1px solid #ffffff4d;
}

.inner-green-hero-two {
    padding: 30px;
}

.green-hero-title {
    color: var(--white);
    font-size: 26px;
    line-height: 34px;
}

.small-green-hero-box {
    background-color: var(--white);
    text-align: center;
    border-radius: 50px;
    padding: 10px 30px;
    display: inline-block;
}

.small-green-hero-box.bg-green-hero-box {
    background-color: var(--primary);
}

.small-green-hero-box.bg-green-hero-box.four {
    z-index: 12;
    position: absolute;
    inset: auto 42% 34% auto;
    transform: rotate(-45deg);
}

.small-green-hero-box.bg-green-hero-box.five {
    z-index: 12;
    position: absolute;
    inset: auto auto 9% 10%;
    transform: rotate(-45deg);
}

.small-green-hero-box.bg-green-hero-box.six {
    z-index: 12;
    position: absolute;
    inset: auto 5% 31% auto;
    transform: rotate(22deg);
}

.small-green-hero-box.one {
    z-index: 12;
    position: absolute;
    inset: 49% auto auto 0%;
    transform: rotate(-48deg);
}

.small-green-hero-box.two {
    z-index: 12;
    position: absolute;
    inset: 37% 18% auto auto;
    transform: rotate(15deg);
}

.small-green-hero-box.three {
    z-index: 12;
    position: absolute;
    inset: auto 8% 11% auto;
    transform: rotate(32deg);
}

.small-green-hero-title {
    font-size: 22px;
    line-height: 30px;
}

.small-green-hero-title.text-white-hero-box {
    color: var(--white);
}

.company-icon-block {
    padding-bottom: 90px;
}

.company-icon-block.career-company-marquee {
    z-index: 8;
    padding-bottom: 0;
    position: relative;
}

.process-step-two {
    position: relative;
}

.process-step-two-grid {
    z-index: 12;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    align-items: center;
    position: relative;
}

.left-process-step-two {
    background-color: var(--white);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    box-shadow: 0 0 3px #0003;
}

.right-process-step-two {
    position: relative;
}

.inner-process-step-two {
    background-color: var(--grey);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.inner-process-step-image {
    width: 100%;
}

.process-step-circle {
    z-index: 1;
    position: absolute;
    top: 188px;
    left: 0;
}

.process-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
    position: relative;
}

.step-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
    position: relative;
}

.step {
    background-color: var(--grey);
    border-radius: 10px;
    flex: none;
    width: 8px;
    height: 150px;
}

.step-info-wrapper {
    flex: 1;
}

.step-info {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
}

.step-heading {
    font-size: 22px;
    line-height: 30px;
}

.counter-section {
    margin-bottom: -200px;
    position: relative;
}

.counter-section.inner-blog-counter {
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
}

.main-counter-block {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    background-color: var(--primary);
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    padding: 45px 60px;
    display: grid;
    position: relative;
}

.inner-counter-image {
    border-radius: 20px;
    overflow: hidden;
}

.counter-image {
    border-radius: 20px;
}

.inner-counter-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.counter-block {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.first-counter-number {
    height: 50px;
}

.counter-number {
    font-family: var(--number);
    color: var(--white);
    font-size: 38px;
    line-height: 46px;
}

.counter-number.counter-dark {
    color: var(--dark);
}

.second-counter-number {
    height: 50px;
    transform: translate(0, -920%);
}

.counter-block-main {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.counter-block-main.one {
    border-bottom: 1px solid #ffffff1a;
    border-right: 1px solid #ffffff1a;
}

.counter-block-main.one.counter-two-border {
    border-right-color: var(--border-color);
    border-bottom-color: var(--border-color);
    padding-bottom: 30px;
}

.counter-block-main.one.counter-two-border.last {
    border-right-color: var(--transparent);
}

.counter-block-main.two {
    border-bottom: 1px solid #ffffff1a;
}

.counter-block-main.three {
    border-right: 1px solid #ffffff1a;
}

.counter-prefix {
    color: var(--white);
    font-size: 38px;
    line-height: 46px;
}

.counter-prefix.counter-prefix-dark {
    color: var(--dark);
}

.counter-title {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.counter-title.counter-title-primary {
    color: var(--primary);
}

.counter-point {
    background-color: var(--white);
    width: 8px;
    height: 8px;
    margin-top: 20px;
}

.counter-point.counter-point-dark {
    background-color: var(--dark);
}

.integration-section-two {
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a09d5b3b8bb809fb799009_integartion-glow.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #f1f3ff4d;
    padding-top: 320px;
    padding-bottom: 120px;
}

.integration-section-two.inner-blog-integration-two {
    padding-top: 120px;
}

.section-paragraph {
    padding-top: 10px;
}

.aboutus-shade {
    position: absolute;
    inset: -10% 0% auto auto;
}

.process-shade {
    position: absolute;
    inset: 0% auto auto 0%;
}

.about-shade-two {
    width: 50%;
    height: 100%;
    position: absolute;
    inset: auto auto -14% 0%;
}

.about-shade-two.absolute-up-side-left {
    inset: -18% auto auto 0%;
}

.about-shade-purple {
    position: absolute;
    inset: -10% 0% auto auto;
}

.bg-video {
    height: 600px;
}

.video-button {
    z-index: 10;
    inset: 0%;
}

.video-play-image {
    z-index: 12;
    background-color: var(--primary);
    border-radius: 100%;
    position: relative;
}

.testimonial-two-grid {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--grey);
    border-radius: 20px;
    grid-template-rows: auto;
    position: relative;
}

.main-testimonial-two {
    border-right: 1px solid #6666661a;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 60px 160px 60px 45px;
}

.main-testimonial-two.two {
    border-right-color: var(--transparent);
    border-radius: 0 20px 20px 0;
    padding-left: 160px;
    padding-right: 45px;
}

.inner-testimonial-two {
    position: relative;
}

.testimonial-two-star-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
}

.testimonial-two-star-block.testimonial-star-block {
    margin-bottom: 20px;
}

.testimonial-two-star-block.testimonial-star-block.review-star {
    margin-bottom: 0;
}

.testimonial-two-description {
    margin-bottom: 30px;
}

.info-testimonial-two {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
}

.testimonial-two-image {
    border-radius: 100%;
}

.testimonial-two-title {
    font-size: 22px;
    line-height: 30px;
}

.testimonial-two-sub-title {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.info-testimonial-two-flex {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.testimonial-circle-block {
    z-index: 15;
    border: 1px solid var(--highlight-text);
    background-color: var(--dark);
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    inset: 20% 0% 0% 42%;
}

.testimonial-circle {
    border: 1px solid var(--highlight-text);
    background-color: #f13f3f;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: relative;
    transform: translate(-20px);
}

.testimonial-circle-star-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
}

.testimonial-circle-star {
    width: 15px;
}

.inner-testimonial-circle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.testimonial-circle-number {
    font-family: var(--number);
    color: var(--white);
    font-size: 32px;
    line-height: 40px;
}

.testimonial-circle-subtitle {
    color: var(--white);
}

.about-intro-section {
    height: 130vh;
    position: relative;
}

.about-intro-image {
    z-index: 12;
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a33b082f69deb8919f7e29_blog-about%20(1).png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    justify-content: center;
    align-items: flex-end;
    width: 15vw;
    height: 650px;
    display: flex;
    position: relative;
}

.about-intro-image.aboutus-image-change {
    z-index: 12;
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a0e155fd98d37452cfe459_full-image%20(1).png");
}

.left-aboutus-image {
    position: relative;
}

.aboutus-image {
    border-radius: 20px;
}

.about-intro-center {
    z-index: 10;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: flex;
    position: relative;
}

.aboutus-intro-sticky {
    padding-bottom: 120px;
    position: sticky;
    top: 120px;
    overflow: hidden;
}

.aboutus-intro-sticky.blog-aboutus-intro-sticky {
    padding-top: 120px;
}

.counter-two-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
}

.counter-two-grid {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.features-grid-two {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.main-features-two {
    background-color: #f5f5f5;

    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 45px 30px;
}

.purple-shade {
    position: absolute;
    inset: 0% 0% auto auto;
}

.blue-shade {
    position: absolute;
    inset: auto auto -45% 0%;
}

.blue-shade.shade-two {
    height: 300%;
    inset: -90% 0% auto auto;
    transform: rotate(180deg);
}

.blue-shade.inner-pricing-shade {
    height: 100%;
    bottom: -28%;
}

.blue-shade.inner-pricing-shade.four-zero-four-shade {
    height: 50%;
    bottom: 5%;
}

.blue-shade.inner-pricing-shade.blue-shade-height-fall {
    height: 90%;
    bottom: 0%;
}

.blue-shade.footer-blue-shade {
    height: 100%;
    bottom: -22%;
}

.blue-shade.footer-blue-shade.pay-blue-shade {
    bottom: -16%;
}

.main-blog-block {
    z-index: 10;
    position: relative;
}

.collection-blog-list {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.collection-blog-list.collection-blog-one {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
}

.blog-image-block {
    border-radius: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.blog-image {
    border-radius: 20px;
}

.blog-image.blog-one-image {
    width: 100%;
    display: block;
}

.blog-designation-block.blog-position-off {
    position: static;
}

.blog-designation {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.blog-date {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
}
.blog-date.blog-ten-off {
    margin-bottom: 0;
}
.blog-title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}

.blog-title.blog-font-size {
    font-size: 24px;
    line-height: 32px;
}

.blog-title.blog-twenty-off {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pagination {
    z-index: 15;
    padding-top: 60px;
    position: relative;
}

.main-blog-two {
    z-index: 10;
    position: relative;
}

.collection-blog-two-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.collection-blog-two-list.platform-blog-list {
    grid-template-rows: auto auto auto;
}

.inner-blog-two {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a09d5b3b8bb809fb799009_integartion-glow.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr 3.25fr auto;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    padding: 30px;
    display: grid;
    position: relative;
}

.blog-two-image-block {
    border-radius: 20px;
    overflow: hidden;
}

.blog-two-image {
    border-radius: 20px;
}

.container-small {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-details-block {
    z-index: 12;
    position: relative;
}

.blog-author-info-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--primary);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
    position: relative;
}

.author-image {
    border-radius: 100%;
}

.author-name {
    color: var(--white);
    font-size: 24px;
    line-height: 32px;
}

.author-designation {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.author-designation.white-author-designation {
    color: var(--white);
}

.blog-lightbox-link.blog-lightbox-position {
    position: relative;
}

.blog-lightbox-image {
    border-radius: 20px;
}

.blog-brief-description {
    padding-top: 30px;
    padding-bottom: 45px;
}

.blog-quote {
    border-color: var(--transparent) var(--transparent) var(--transparent)
        var(--dark);
    background-color: var(--primary);
    color: var(--white);
    border-left-width: 6px;
    margin-bottom: 0;
    padding: 45px 30px;
    position: relative;
}

.rich-box {
    padding-top: 45px;
    padding-bottom: 30px;
}

.rich-box.last {
    padding-top: 0;
    padding-bottom: 0;
}

.extra-blog-image {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.blog-summary-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    margin-bottom: 30px;
    display: flex;
    position: relative;
}

.blog-summary-title {
    font-size: 40px;
    line-height: 48px;
}

.swipe-pagination-block {
    z-index: 12;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.swipe-pagination-link {
    flex: 1;
}

.swipe-prev.swipe-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
}

.swipe-pagination-icon {
    border: 1px solid var(--transparent);
    background-color: var(--dark);
    color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 0;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: flex;
}

.swipe-pagination-icon:hover {
    background-color: var(--highlight-text);
}

.swipe-pagination-title {
    font-family: var(--body);
    color: var(--white);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.swipe-pagination-title.swipe-align-left {
    text-align: left;
}

.swipe-pagination-title.swipe-align-right {
    text-align: right;
}

.swipe-next.swipe-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    place-items: center end;
    display: grid;
}

.main-platforms-block {
    z-index: 12;
    position: relative;
}

.platforms-title-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: var(--primary);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative;
}

.platforms-icons-block {
    background-color: var(--highlight-text);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    position: relative;
}

.platforms-icons {
    height: 50%;
}

.platforms-title {
    color: var(--white);
    font-size: 40px;
    line-height: 48px;
}

.main-author-block {
    z-index: 12;
    position: relative;
}

.author-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: var(--primary);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative;
}

.authors-image {
    border-radius: 100%;
}

.author-heading {
    color: var(--white);
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 48px;
}

.author-social-media {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
    position: relative;
}

.author-social-media-link {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 0;
    display: flex;
}

.author-social-media-link:hover {
    background-color: var(--highlight-text);
    color: var(--white);
}

.author-social-media-icon {
    font-family: var(--fa-brands-400);
}

.features-two-icon-block {
    border-bottom: 1px solid var(--border-color);
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    display: flex;
}

.features-two-icon {
    color: var(--primary);
    line-height: 0;
}

.features-two-number {
    font-family: var(--number);
    color: #1860dd33;
    font-size: 40px;
    line-height: 48px;
}

.features-two-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 34px;
}

.features-two-description {
    margin-bottom: 30px;
}

.team-section {
    padding-bottom: 120px;
}

.main-team-block {
    z-index: 10;
    position: relative;
}

.collection-team-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.collection-team-list.collection-team-three {
    grid-template-rows: auto auto;
}

.team-image-block {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.team-image-block.team-image-two-block {
    border-radius: 0;
}

.team-image {
    border-radius: 20px;
}

.team-image.team-image-two {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.team-gradiant-block {
    background-image: linear-gradient(
        0deg,
        var(--black),
        var(--transparent) 50%
    );
    border-radius: 20px;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

.team-image-link.team-link-two {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.team-info-block {
    z-index: 12;
    text-align: center;
    position: absolute;
    inset: auto 0% 0%;
    transform: translate(0, -30px);
}

.team-info-block.team-two-info {
    background-color: var(--primary);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: static;
    transform: translate(0, -9px);
}

.team-title {
    color: var(--white);
    font-size: 26px;
    line-height: 34px;
}

.team-desig {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 16px;
}

.team-desig.team-desig-one {
    margin-bottom: 0;
}

.team-social-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-social-block.team-social-one {
    z-index: 15;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    inset: 8% auto auto 5%;
}

.team-social-block.team-detail-social-block {
    justify-content: flex-start;
    align-items: stretch;
}

.team-social-link {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 0;
    display: flex;
    position: relative;
}

.team-social-link:hover {
    background-color: var(--highlight-text);
}

.team-social-icons {
    font-family: var(--fa-brands-400);
}

.testimonial-three-grid {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    position: relative;
}

.testimonial-three-button {
    padding-top: 30px;
}

.left-testimonial-three {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.testimonial-three-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.testimonial-three-block.last {
    margin-top: 60px;
}

.testimonial-three-box {
    background-color: var(--grey);
    border-radius: 20px;
    padding: 30px 20px;
}

.testimonial-three-quote {
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
}

.testimonial-three-paragraph {
    margin-bottom: 20px;
}

.sticky-testimonial-three {
    position: sticky;
    top: 150px;
    overflow: hidden;
}

.main-team-one {
    z-index: 10;
    position: relative;
}

.main-team-details {
    z-index: 12;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    position: relative;
}

.team-lightbox {
    border-radius: 20px;
    overflow: hidden;
}

.team-detail-image {
    border-radius: 20px;
}

.team-details-subtitle {
    font-size: 40px;
    line-height: 48px;
}

.team-details-title {
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 40px;
}

.team-details-desig {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 16px;
}

.team-details {
    margin-bottom: 20px;
}

.team-details-reached {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    margin-bottom: 10px;
    display: flex;
}

.team-details-reached.last {
    margin-bottom: 20px;
}

.team-reached {
    font-size: 24px;
    line-height: 32px;
}

.team-reached-link {
    color: var(--secondary);
}

.team-reached-link:hover {
    color: var(--primary);
}

.free-trial-block {
    z-index: 10;
    background-color: var(--grey);
    border-radius: 20px;
    position: relative;
}

.free-trial-grid {
    z-index: 12;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    position: relative;
    overflow: hidden;
}

.left-free-trial {
    padding: 60px 45px;
}

.hightlight-fifteen-day {
    background-image: linear-gradient(
        90deg,
        var(--primary),
        var(--highlight-text)
    );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.right-free-trial {
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a7330a8f89a8cf25aaedbb_free-trail.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}

.inner-integration-one {
    z-index: 12;
    position: relative;
}

.inner-integration-one-list {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.inner-integration-one-list.integration-detail-grid-list {
    grid-template-rows: auto;
}

.main-integration-one {
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/6698b6c6cd2a9a76e8e52c66_step-process-shade.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 30px;
}

.integration-one-image-block {
    flex: none;
}

.integration-one-image {
    width: 50px;
}

.integration-one-image.integration-two-image-width {
    width: 80%;
}

.integration-one-flex-image {
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
}

.integration-one-title-block {
    background-color: var(--primary);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    display: flex;
}

.integration-one-title {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.integration-one-description {
    margin-bottom: 30px;
}

.inner-integration-two-grid {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    position: relative;
}

.section-integration-button {
    margin-top: 30px;
}

.left-integration-two {
    z-index: 2;
    position: relative;
}

.right-integration-two {
    position: relative;
}

.integration-two-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    display: grid;
}

.integration-two-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.main-integration-two {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
}

.integration-two-title {
    color: var(--dark);
    font-size: 26px;
    line-height: 34px;
}

.integration-contact-info {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.main-integration-detail {
    z-index: 12;
    margin-bottom: 60px;
    position: relative;
}

.inner-integration-detail {
    background-color: var(--primary);
    border-radius: 20px;
    padding: 60px 45px;
    position: relative;
}

.split-integration-detail {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
}

.integration-detail-image-block {
    background-color: var(--grey);
    border-radius: 20px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.integration-detail-image {
    width: 50px;
}

.integration-tag {
    background-color: var(--dark);
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    font-size: 16px;
    display: inline-block;
}

.integration-detail-title {
    color: var(--white);
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 48px;
}

.integration-detail-description {
    color: var(--white);
}

.integration-tab {
    z-index: 12;
    text-align: center;
}

.integration-tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch center;
    margin-bottom: 45px;
    display: grid;
}

.integration-tab-link {
    background-color: var(--dark);
    color: var(--white);
    border-radius: 20px;
}

.integration-tab-link.w--current {
    background-color: var(--highlight-text);
    border-radius: 20px;
}

.integration-tab-title {
    font-family: var(--body);
    color: var(--white);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.inner-integration-tab-pane {
    text-align: left;
}

.inner-integration-richbox {
    background-color: var(--grey);
    border-radius: 20px;
    padding: 45px 30px;
}

.main-career-one {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto auto auto;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.career-one-lightbox {
    border-radius: 20px;
    overflow: hidden;
}

.career-one-lightbox-image {
    border-radius: 20px;
}

.career-one-company-block {
    z-index: 10;
    text-align: center;
    padding-top: 45px;
    position: relative;
}

.main-current-job-block {
    z-index: 10;
    position: relative;
}

.current-job-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.current-job-list.carreer-current-job-list {
    grid-template-columns: 1fr 1fr 1fr;
}

.inner-current-job-block {
    border: 1px solid var(--grey);
    background-color: var(--white);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a0cca4c60f181c5378c4f4_aboutus-blue-shade.png");
    background-position: 0 28%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 20px;
    padding: 45px 30px;
}

.inner-current-job-block.career-current-job {
    background-color: var(--grey);
    background-image: none;
}

.current-job-title {
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 34px;
}

.current-job-title.job-benifit-title {
    margin-bottom: 10px;
}

.current-job-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.current-job-hours {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.current-job-dot {
    background-color: var(--highlight-text);
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.current-job-location {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.current-job-description {
    margin-bottom: 30px;
}

.job-benifit-image {
    width: 20%;
    margin-bottom: 20px;
}

.main-career-map {
    z-index: 10;
    object-fit: cover;
    height: 546px;
    position: relative;
}

.career-map {
    background-color: var(--transparent);
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.career-map-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.career-map-image-block {
    background-color: #141f39f0;
    border-radius: 20px;
    position: absolute;
    inset: 0%;
}

.map-dot-locate {
    background-color: #38da71d1;
    border-radius: 100%;
    width: 20px;
    height: 20px;
}

.map-dot-locate.one {
    z-index: 15;
    position: absolute;
    inset: 25% 25% auto auto;
}

.map-dot-locate.two {
    z-index: 15;
    position: absolute;
    inset: 36% auto auto 18%;
}

.map-dot-locate.three {
    z-index: 15;
    position: absolute;
    inset: 20% auto auto 15%;
}

.map-dot-locate.four {
    z-index: 15;
    position: absolute;
    inset: auto 45% 16% auto;
}

.map-dot-locate.five {
    z-index: 15;
    position: absolute;
    inset: auto auto 25% 30%;
}

.map-dot-locate.six {
    z-index: 15;
    position: absolute;
    inset: 30% 48% auto auto;
}

.map-dot-locate.seven {
    z-index: 15;
    position: absolute;
    inset: auto 31% 46% auto;
}

.map-dot-locate.eight {
    z-index: 15;
    position: absolute;
    inset: 10% 15% auto auto;
}

.map-dot-locate.nine {
    z-index: 15;
    position: absolute;
    inset: auto 15% 15% auto;
}

.main-job-info {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.job-info-image-block {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.job-info-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.job-info-block {
    background-color: var(--white);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 30px;
}

.job-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.job-info-tag {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.job-info-dot {
    background-color: var(--highlight-text);
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.job-info-number {
    font-family: var(--number);
    font-size: 38px;
    line-height: 46px;
}

.job-info-description {
    margin-bottom: 20px;
}

.main-career-detail {
    z-index: 12;
    position: relative;
}

.inner-career-detail {
    background-color: var(--primary);
    text-align: center;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 45px 30px;
}

.career-detail-title {
    color: var(--white-2);
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 48px;
}

.flex-career-detail {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.career-detail-hours {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.career-detail-dots {
    background-color: var(--highlight-text);
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.career-detail-location {
    color: var(--white);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.inner-career-button {
    text-align: center;
    margin-bottom: 60px;
}

.career-detail-lightbox-image {
    border-radius: 20px;
}

.career-detail-description {
    color: var(--white);
    margin-bottom: 10px;
}

.career-richbox {
    padding-top: 45px;
    padding-bottom: 30px;
}

.career-richbox.last {
    padding-bottom: 45px;
}

.career-extra-image-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.career-reachus-title {
    margin-bottom: 20px;
}

.career-reachus {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.career-reachus.last {
    margin-bottom: 0;
}

.career-reachus-heading {
    font-size: 22px;
    line-height: 30px;
}

.career-reachus-link {
    color: var(--secondary);
}

.career-reachus-link:hover {
    color: var(--primary);
}

.personal-info-block {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    display: flex;
    position: relative;
}

.personal-info-block.flex-gap-thirty {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.personal-info {
    position: relative;
}

.main-personal-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
}

.personal-heading {
    font-size: 36px;
    line-height: 44px;
}

.inner-personal-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
}

.personal-title {
    font-size: 26px;
    line-height: 34px;
}

.need-link {
    font-family: var(--title);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
}

.need-link:hover {
    color: var(--highlight-text);
}

.need-link.add-twenty {
    margin-bottom: 10px;
}

.main-faq-block {
    z-index: 10;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    position: relative;
}

.faq-image-block {
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a9dc1c29ec2a7cebe8c497_faq.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    width: 530px;
    height: 500px;
    overflow: hidden;
}

.faq-text-content {
    flex: 1;
}

.faq-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
}

.faq-features-tab-link {
    background-color: var(--transparent);
    padding: 0;
}

.faq-features-tab-link.w--current {
    background-color: var(--transparent);
}

.faq-features-heading-block {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 0;
    display: flex;
}

.faq-features-block {
    background-color: var(--grey);
    border-radius: 20px;
}

.accordion-description-block {
    border-top: 1px solid var(--border-color);
    height: 110px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.faq-tab-content {
    display: none;
}

.coming-soon-block {
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a09d5b3b8bb809fb799009_integartion-glow.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
}

.coming-soon {
    z-index: 10;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.coming-soon-heading {
    margin-bottom: 10px;
    font-size: 54px;
    line-height: 62px;
}

.coming-soon-description {
    margin-bottom: 30px;
}

._404-title {
    font-family: var(--number);
    margin-bottom: 30px;
    font-size: 16rem;
    line-height: 13.5rem;
}

.not-found-404 {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 48px;
}

._404-description {
    margin-bottom: 30px;
}

.password-image {
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
}

.password-image.last {
    margin-bottom: 10px;
}

.password-title {
    margin-bottom: 10px;
    font-size: 5rem;
    line-height: 6rem;
}

.password-label {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

.search-box-block {
    z-index: 12;
    text-align: center;
    width: 85%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 90px;
    position: relative;
    overflow: visible;
}

.search-heading {
    margin-bottom: 20px;
    font-size: 54px;
    line-height: 62px;
}

.search {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.search-button {
    background-color: var(--dark);
    font-family: var(--title);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 100px;
    flex: none;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.search-button:hover,
.search-button:active,
.search-button:focus {
    background-color: var(--highlight-text);
}

.search-button:focus-visible {
    background-color: var(--highlight-text);
}

.search-button[data-wf-focus-visible] {
    background-color: var(--highlight-text);
}

.search-result-list {
    z-index: 12;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.search-result-item {
    background-color: var(--grey);
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    padding: 45px 30px;
    display: flex;
}

.search-link {
    color: var(--primary);
    margin-bottom: 10px;
}

.search-link:hover {
    color: var(--highlight-text);
}

.search-text {
    color: var(--dark);
    margin-bottom: 20px;
}

.licenses-content-wrapper {
    z-index: 2;
    background-color: var(--grey);
    border-radius: 20px;
    margin-bottom: 40px;
    padding: 45px 30px;
    position: relative;
}

.licenses-content-wrapper.last {
    margin-bottom: 0;
}

.licenses-title {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 48px;
}

.licenses-description {
    margin-bottom: 30px;
}

.licenses-description.last {
    margin-bottom: 0;
}

.license-image-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 34px;
}

.pexel-wapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.license-image {
    border-radius: 20px;
}

.changelog-block {
    z-index: 2;
    background-color: var(--grey);
    text-align: center;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 45px;
    display: flex;
    position: relative;
}

.changelog-number {
    background-color: var(--primary);
    font-family: var(--title);
    color: var(--white);
    border-radius: 20px;
    width: 80px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
}

.changelog-date {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}

.changelog-title {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 48px;
}

.user-form-block {
    z-index: 12;
    background-color: var(--grey);
    border-radius: 20px;
    width: 85%;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 60px;
    position: relative;
}

.user-label {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
}

.user-title {
    font-size: 40px;
    line-height: 48px;
}

.user-button {
    display: inline-block;
}

.user-form-header {
    border-color: var(--transparent);
    background-color: var(--transparent);
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
    display: block;
}

.user-label-block {
    margin-bottom: 20px;
}

.user-label-block.last {
    margin-bottom: 30px;
}

.user-label-block.last.user-label-center {
    text-align: center;
}

.user-submit-button {
    background-color: var(--dark);
    font-family: var(--title);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 100px;
    margin-right: 0;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.user-submit-button:hover,
.user-submit-button:active,
.user-submit-button:focus {
    background-color: var(--highlight-text);
}

.user-submit-button:focus-visible {
    background-color: var(--highlight-text);
}

.user-submit-button[data-wf-focus-visible] {
    background-color: var(--highlight-text);
}

.user-center-button {
    text-align: center;
}

.user-form-footer {
    margin-top: 20px;
}

.user-checkbox-field {
    margin-bottom: 30px;
}

.user-checkbox-field.first {
    margin-bottom: 5px;
}

.user-checkbox {
    border: 1px solid var(--dark);
    background-color: var(--grey);
    margin-top: 6px;
}

.user-checkbox:hover,
.user-checkbox:active,
.user-checkbox:focus {
    background-color: var(--dark);
}

.user-checkbox:focus-visible {
    background-color: var(--dark);
}

.user-checkbox[data-wf-focus-visible] {
    background-color: var(--dark);
}

.user-description {
    text-align: center;
    margin-bottom: 20px;
}

.user-description.last {
    margin-bottom: 0;
}

.user-block-content {
    border-right-color: var(--transparent);
    border-bottom-color: var(--transparent);
    border-left-color: var(--transparent);
    background-color: var(--transparent);
    margin-bottom: 0;
    padding: 0;
}

.inner-user-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 34px;
}

.user-flex-buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.main-product-section {
    z-index: 12;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.left-product-section {
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a09d5b3b8bb809fb799009_integartion-glow.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 60px 45px;
}

.product-title {
    font-size: 32px;
    line-height: 40px;
}

.product-info {
    justify-content: space-between;
    display: flex;
}

.product-icon {
    color: var(--primary);
}

.product-price-info {
    background-color: var(--primary);
    border-radius: 20px;
    padding: 45px 30px;
}

.price-heading {
    color: var(--white);
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 34px;
}

.price-description {
    color: var(--white);
    margin-bottom: 30px;
}

.price-default-state {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    display: grid;
}

.price-select-field {
    border: 1px solid var(--transparent);
    background-color: var(--white);
    color: var(--secondary);
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 15px;
    margin-bottom: 0;
    padding: 0;
    font-size: 16px;
    position: relative;
}

.price-select-field:hover,
.price-select-field:active,
.price-select-field:focus {
    border-color: var(--transparent);
}

.price-select-field:focus-visible {
    border-color: var(--transparent);
}

.price-select-field[data-wf-focus-visible] {
    border-color: var(--transparent);
}

.price-select-field-block {
    background-color: var(--white);
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 10px 15px;
    overflow: hidden;
}

.product-price-detail-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: baseline;
    display: flex;
}

.product-detail-price {
    color: var(--white);
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
}

.product-detail-compare-price {
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    text-decoration: line-through;
}

.product-button {
    border-style: solid;
    border-color: var(--transparent);
    background-color: var(--dark);
    font-family: var(--title);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 100px;
    justify-content: center;
    margin-top: 0;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: flex;
}

.product-button:hover,
.product-button:active,
.product-button:focus {
    background-color: var(--highlight-text);
}

.product-button:focus-visible {
    background-color: var(--highlight-text);
}

.product-button[data-wf-focus-visible] {
    background-color: var(--highlight-text);
}

.product-button.w--ecommerce-add-to-cart-disabled {
    background-color: var(--highlight-text);
    color: var(--grey);
}

.right-product-sticky {
    position: sticky;
    top: 150px;
    overflow: hidden;
}

.main-product-category {
    z-index: 12;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}

.price-category-menu-wrap {
    background-color: var(--dark);
    cursor: pointer;
    border-radius: 100px;
    flex-flow: row;
    align-items: center;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
}

.price-category-menu-box {
    z-index: 5;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.month-text {
    color: var(--white);
    font-size: 22px;
    line-height: 30px;
}

.price-category-menu-background {
    background-image: linear-gradient(
        90deg,
        var(--primary),
        var(--highlight-text)
    );
    border-radius: 100px;
    min-height: 38px;
    position: absolute;
    left: 8px;
    right: auto;
}

.price-category-menu-year {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    align-items: center;
    display: flex;
}

.year-text {
    color: var(--white);
    font-size: 22px;
    line-height: 30px;
}

.price-category-contain-main-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
    position: relative;
}

.product-review-block {
    z-index: 2;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    position: relative;
}

.product-review-item {
    background-color: var(--grey);
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66a09d5b3b8bb809fb799009_integartion-glow.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 45px 30px;
}

.reviewer-name {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
}

.reiview-title-block {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.review-title {
    font-size: 26px;
    line-height: 34px;
}

.checkout-form {
    background-color: var(--transparent);
    padding: 120px 0;
}

.left-checkout-form {
    z-index: 12;
    position: relative;
}

.right-checkout-form {
    z-index: 12;
}

.block-header {
    background-color: var(--white);
    border-color: #1860dd4d;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.block-content {
    background-color: var(--white);
    border-bottom-color: #1860dd4d;
    border-left-color: #1860dd4d;
    border-right-color: #1860dd4d;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.pay-field-label {
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
}

.block-header-title {
    font-size: 28px;
    line-height: 36px;
}

.block-header-subtitle {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.pay-column {
    padding-left: 0;
    padding-right: 0;
}

.pay-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 0;
    margin-right: 0;
}

.pay-dropdown {
    border-color: var(--transparent);
    background-color: var(--grey);
    color: var(--secondary);
    border-radius: 20px;
    height: 60px;
}

.pay-dropdown:hover,
.pay-dropdown:active,
.pay-dropdown:focus {
    border-color: #1860dd66;
}

.pay-dropdown:focus-visible {
    border-color: #1860dd66;
}

.pay-dropdown[data-wf-focus-visible] {
    border-color: #1860dd66;
}

.pay-checkbox-block {
    align-items: center;
}

.pay-checkbox {
    margin-top: 0;
}

.pay-checkbox-label {
    margin-bottom: 0;
    font-size: 18px;
}

.shipping-method {
    border-bottom-color: #1860dd4d;
    border-left: 1px solid #1860dd4d;
    border-right: 1px solid #1860dd4d;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.shipping-method-list {
    border-left-color: #1860dd4d;
    border-right-color: #1860dd4d;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.pay-submit-button {
    border-style: solid;
    border-color: var(--transparent);
    background-color: var(--dark);
    font-family: var(--title);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 100px;
    margin-bottom: 0;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.pay-submit-button:hover,
.pay-submit-button:active,
.pay-submit-button:focus {
    background-color: var(--highlight-text);
}

.pay-submit-button:focus-visible {
    background-color: var(--highlight-text);
}

.pay-submit-button[data-wf-focus-visible] {
    background-color: var(--highlight-text);
}

.pay-total {
    color: var(--dark);
    font-size: 18px;
}

.pay-price {
    letter-spacing: 1px;
    font-size: 16px;
}

.paypal-checkout-form {
    background-color: var(--transparent);
    padding: 120px 0;
    position: relative;
}

.left-paypal-checkout-form {
    z-index: 12;
    position: relative;
}

.right-paypal-checkout-form {
    z-index: 12;
}

.pay-description {
    font-size: 18px;
}

.pay-description.pay-capital-description {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
}

.pay-text {
    letter-spacing: 1px;
    font-size: 18px;
}

.order-confirmation {
    background-color: var(--transparent);
    padding: 120px 0;
    position: relative;
}

.left-order-confirmation {
    z-index: 12;
    position: relative;
}

.right-order-confirmation {
    z-index: 12;
}

.cart {
    padding-right: 10px;
}

.cart-button {
    background-color: var(--transparent);
    padding: 0;
    position: relative;
}

.cart-image {
    position: relative;
}

.cart-quantity {
    background-color: var(--primary);
    color: var(--white);
    margin-left: 0;
    position: absolute;
    inset: -10px -10px auto auto;
}

.cart-close {
    color: var(--dark);
}

.cart-header {
    border-bottom-color: var(--border-color);
}

.cart-remove-button {
    font-family: var(--body);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.cart-remove-button:hover,
.cart-remove-button:active,
.cart-remove-button:focus {
    color: var(--highlight-text);
}

.cart-remove-button:focus-visible {
    color: var(--highlight-text);
}

.cart-remove-button[data-wf-focus-visible],
.cart-remove-button:visited {
    color: var(--highlight-text);
}

.cart-item {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cart-item-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.cart-list {
    border-bottom: 1px solid var(--border-color);
    padding-top: 0;
}

.cart-container {
    background-color: var(--white);
    border-radius: 20px 0 0 20px;
}

.icon-marquee-image {
    z-index: 1;
    width: 190px;
    position: relative;
}

.icon-marquee-image.icon-marquee-absolute-image {
    position: absolute;
    inset: 0%;
}

.integration-icon-marquee {
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.integration-two-icon {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    width: 250%;
    display: flex;
}

.highlight-effect {
    display: none;
}

.testimonial-inline-block {
    display: inline-block;
    position: relative;
}

.blog-image-link {
    display: block;
}

.blog-author {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
}

.landing-hero-block {
    max-width: 550px;
}

.hero-description {
    padding-top: 10px;
}

.landing-marquee-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 650px;
    display: flex;
    position: absolute;
    inset: 0% 15px 0% auto;
}

.vertical-image-marquee {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.marquee-up {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.cloudsy-marquee-image {
    border-radius: 20px;
}

.marquee-down {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.include-title {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 34px;
}

.figma-block {
    z-index: 15;
    background-color: var(--grey);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.figma-absolute-image {
    position: absolute;
    inset: 0% auto auto 0%;
}

.figma-grid {
    z-index: 15;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 45px;
    display: grid;
}

.main-figma-block {
    z-index: 12;
}

.figma-image-block {
    background-color: var(--dark);
    border-radius: 20px;
    margin-bottom: 40px;
    padding: 30px;
    display: inline-block;
}

.full-figma-block {
    background-image: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/66e4088678dc37c162e8087a_figma-image.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.home-page-grid {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.inner-home-page {
    background-color: var(--grey);
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 30px;
}

.inner-home-page.inner-inner-page {
    border: 1px solid var(--border-color);
}

.main-home-page {
    text-align: center;
}

.home-page-image {
    border-radius: 20px;
}

.home-page-title {
    font-size: 26px;
    line-height: 34px;
}

.home-page-title.feature-title {
    margin-bottom: 5px;
}

.inner-page-grid {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.cms-pages-block {
    z-index: 10;
    padding-bottom: 120px;
    position: relative;
}

.cms-grid {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.feature-section {
    z-index: 10;
    padding-bottom: 120px;
}

.feature-grid {
    z-index: 10;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    position: relative;
}

.inner-feature-block {
    text-align: center;
}

.feature-icon {
    color: var(--primary);
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    line-height: 0;
    display: flex;
}

.shop-pages-block {
    z-index: 10;
    position: relative;
}

.shop-pages-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.main-shop-image {
    position: relative;
}

.inner-shop-image {
    z-index: 1;
    border-radius: 20px;
    width: 80%;
    position: relative;
}

.inner-shop-image.one {
    z-index: -1;
    width: 46%;
    position: absolute;
    inset: auto auto -12% -33%;
}

.inner-shop-image.two {
    z-index: -1;
    width: 50%;
    position: absolute;
    inset: auto 0% -16% auto;
}

.main-section-purchase {
    text-align: center;
    padding-left: 8em;
    padding-right: 8em;
}

.purchase-title {
    margin-bottom: 10px;
    font-size: 56px;
    line-height: 64px;
}

.purchase-title-two {
    margin-bottom: 45px;
    font-size: 40px;
    line-height: 48px;
}

.purchase-image.one {
    width: 28%;
    position: absolute;
    inset: auto auto 15% 15px;
}

.purchase-image.two {
    width: 25%;
    position: absolute;
    inset: 15% 15px auto auto;
}

@media screen and (min-width: 1440px) {
    .dropdown-list.small-dropdown-list.one {
        left: 699px;
    }

    .dropdown-list.small-dropdown-list.two {
        left: 750px;
    }

    .close-button-link-block {
        right: -7%;
    }

    .mega-menu {
        width: 56vw;
    }

    .breadcrumb-vector.one {
        left: 12%;
    }

    .breadcrumb-vector.two {
        right: 12%;
    }

    .icon-marquee,
    .icon-marquee.icon-marquee-width {
        width: 375%;
    }

    .hero-vector-one {
        left: 34%;
    }

    .hero-draw-icon {
        right: 17%;
    }

    .triangle-shade {
        left: 20%;
    }

    .integration-image-block.four {
        right: 20px;
    }

    .integration-border-line.three {
        top: 306px;
    }

    .integration-border.four {
        height: 106px;
    }

    .integration-border.nine {
        height: 80px;
    }

    .integration-border.ten {
        bottom: -42%;
    }

    .integration-border.eleven {
        top: -44%;
    }

    .first-hero-two {
        max-width: 84%;
    }

    .first-hero-two.first {
        max-width: 78%;
    }

    .bg-video {
        height: 700px;
    }

    .blue-shade.shade-two {
        height: 400%;
        top: -145%;
    }

    .integration-two-icon {
        width: 190%;
    }

    .landing-marquee-block {
        right: 90px;
    }

    .purchase-image.one {
        width: 25%;
        left: 60px;
    }

    .purchase-image.two {
        width: 22%;
        right: 60px;
    }
}

@media screen and (min-width: 1920px) {
    .dropdown-list.small-dropdown-list {
        left: 720px;
    }

    .dropdown-list.small-dropdown-list.one {
        left: 940px;
    }

    .dropdown-list.small-dropdown-list.two {
        left: 1000px;
    }

    .close-button-link-block {
        right: -6%;
    }

    .mega-menu {
        width: 42vw;
    }

    .section.contact-form-section {
        background-position: 0 20%;
    }

    .section.map-section {
        background-position: 0 25%, 100% 25%;
    }

    .section.blog-intregration-section {
        position: relative;
    }

    .section.section-purchase {
        padding-bottom: 190px;
    }

    .breadcrumb-vector.one {
        left: 18%;
    }

    .breadcrumb-vector.two {
        right: 18%;
    }

    .icon-marquee,
    .icon-marquee.icon-marquee-width {
        width: 365%;
    }

    .hero-vector-one {
        left: 38%;
    }

    .hero-draw-icon {
        right: 25%;
    }

    .hero-draw-icon.last {
        right: 20%;
    }

    .triangle-shade {
        left: 28%;
    }

    .step-process-grid {
        grid-column-gap: 75px;
        grid-row-gap: 75px;
    }

    .integration-image-block.four {
        right: 40px;
    }

    .integration-border.ten {
        height: 110px;
        bottom: -68%;
        left: -54px;
    }

    .bg-video {
        height: 800px;
    }

    .blue-shade.shade-two {
        height: 500%;
        top: -170%;
    }

    .landing-marquee-block {
        right: 17%;
    }

    .purchase-image.one {
        width: 28%;
        bottom: 4%;
        left: 5%;
    }

    .purchase-image.two {
        width: 25%;
        right: 5%;
    }
}

@media screen and (max-width: 991px) {
    .accordion-top-icon-wrap {
        flex: none;
    }
    .nav-link-main {
        color: black;
    }
    .dropdown-link.w--current:hover {
        color: var(--highlight-text);
    }

    .search-form {
        width: 70%;
    }

    .close-button-link-block {
        right: -12%;
    }

    .navbar-button-block {
        display: none;
    }

    .mega-menu {
        justify-content: flex-start;
        align-items: stretch;
        width: auto;
        min-width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .mega-menu.small-mega-menu {
        width: auto;
        min-width: auto;
        max-width: none;
    }

    .mega-menu.small-mega-menu.one,
    .mega-menu.small-mega-menu.two {
        min-width: auto;
        max-width: none;
    }

    .inner-mega-menu {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: space-between;
        width: auto;
        padding: 30px 15px;
    }

    .mega-menu-list.mega-menu-padding-off {
        padding-left: 0;
    }
    .section.breadcrumb-section {
        padding-top: 200px;
        padding-bottom: 120px;
    }

    .section.company-icon-section {
        padding-top: 180px;
    }

    .section.company-icon-section.company-icon-drop-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .section.map-section {
        background-position: 10% 0, 0 10%;
    }

    .section.hero-one-section {
        padding-top: 160px;
    }

    .section.price-section {
        background-position: 100% 0;
    }

    .section.testimonial-section {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .section.testimonial-section.team-add-sixty {
        padding-top: 90px;
    }

    .section.hero-two-section {
        padding-top: 160px;
    }

    .section.aboutus-two {
        padding-bottom: 75px;
    }

    .section.blog-section.blog-add-one-twenty,
    .section.blog-section.inner-blog-three,
    .section.blog-section.blog-details-one-twenty {
        padding-top: 90px;
    }

    .section.blog-scroll-image-section {
        height: auto;
    }

    .section.swipe-pagination-section {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .section.landing-hero-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .section.include-page-section {
        padding-top: 0;
    }

    .section.two-section-merge {
        padding-bottom: 145px;
    }

    .breadcrumb-title {
        font-size: 46px;
        line-height: 54px;
    }

    .breadcrumb-title.breadcrumb-license-title {
        margin-bottom: 0;
    }

    .breadcrumb-vector.one,
    .breadcrumb-vector.two {
        display: none;
    }

    .footer {
        background-color: var(--grey);
        background-image: none;
        padding-top: 60px;
    }

    .footer-grid {
        flex-flow: column;
        display: flex;
    }

    .left-footer {
        border-right-color: var(--transparent);
        padding-bottom: 20px;
        padding-right: 0;
    }

    .center-footer {
        border-right-color: var(--transparent);
        text-align: left;
    }

    .right-footer {
        text-align: left;
    }

    .footer-logo-link {
        margin-bottom: 30px;
    }

    .footer-title-block {
        margin-bottom: 0;
        padding-right: 0;
    }

    .footer-title {
        font-size: 24px;
        line-height: 32px;
    }

    .horizontal-footer-border {
        top: 130px;
    }

    .horizontal-footer-border.footer-bottom-border {
        bottom: 60px;
    }

    .inner-left-footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .left-footer-title {
        font-size: 26px;
        line-height: 34px;
    }

    .footer-form.subscribe-form {
        margin-top: 30px;
    }

    .footer-navbar-block {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .footer-navbar-list {
        padding-left: 0;
    }

    .footer-navbar-list.drop-left-padding {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        padding-left: 0;
    }

    .footer-copyright {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .section-title-block {
        padding-left: 0;
        padding-right: 0;
    }

    .section-title-block.left-section-title.section-inline-block {
        text-align: center;
        padding-right: 0%;
    }

    .section-title-block.section-padding-off {
        padding-left: 0;
        padding-right: 0;
    }

    .section-title {
        font-size: 32px;
        line-height: 40px;
    }

    .contact-form-grid {
        flex-flow: column;
        align-items: stretch;
        margin-bottom: -130px;
        display: flex;
    }

    .contact-form-image {
        border-top-right-radius: 0;
        border-bottom-left-radius: 20px;
        width: 100%;
        display: block;
    }

    .main-contact-form {
        padding: 30px;
    }

    .contact-form-title {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 34px;
    }

    .icon-marquee.icon-marquee-width {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
    }

    .map-grid {
        flex-flow: column;
        display: flex;
    }

    .contact-info-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .up-hero-one {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        align-items: stretch;
        display: flex;
    }

    .down-hero-one {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: row;
        grid-template-columns: 1fr 1fr;
        display: flex;
    }

    .hero-title {
        font-size: 46px;
        line-height: 54px;
        display: block;
    }

    .hero-one-button {
        padding-top: 30px;
    }

    .hero-one-counter-block {
        padding-top: 0;
    }

    .hero-vector-one {
        display: none;
    }

    .hero-draw-icon {
        top: 28%;
        right: 15%;
    }

    .hero-draw-icon.last,
    .empty-hero-block,
    .triangle-shade {
        display: none;
    }

    .about-us-section.one-twenty-padding.add-one-twenty-padding {
        padding-top: 90px;
    }

    .features-grid {
        grid-template-columns: 1fr 1fr;
    }

    .features-grid.include-grid {
        margin-bottom: 90px;
    }

    .main-features {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .features-title {
        font-size: 24px;
        line-height: 32px;
    }

    .features-image-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .left-about-us-block {
        padding-left: 30px;
        padding-right: 30px;
    }

    .left-about-us-image {
        width: 100%;
        display: block;
    }

    .about-us-block {
        flex-flow: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
        display: flex;
    }

    .about-us-block.flex-up-wrap {
        flex-flow: column;
    }

    .about-us-image-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .step-process-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        display: flex;
    }

    .left-step-process-image {
        margin-top: 30px;
    }

    .right-step-process {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .step-process-number {
        font-size: 32px;
        line-height: 40px;
    }

    .step-process-image {
        width: 100%;
        display: block;
    }

    .integration-one-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column-reverse;
        align-items: stretch;
        display: flex;
    }

    .integration-image-block.six {
        right: 60px;
    }

    .integration-border-line.three {
        top: 312px;
        right: 20%;
    }

    .integration-border.four {
        height: 95px;
    }

    .price-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .price-grid.home-price-grid {
        grid-template-rows: auto auto;
    }

    .main-price-block {
        padding: 45px 30px;
    }

    .price {
        font-size: 32px;
        line-height: 40px;
    }

    .price-vector {
        inset: auto 15% 24% auto;
    }

    .tabs-testimonial {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        padding-top: 0;
    }

    .tabs-testimonial-menu {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        place-items: center stretch;
        width: auto;
        display: grid;
    }

    .tab-testimonial-link {
        text-align: center;
        width: auto;
        margin-right: 0;
        position: static;
    }

    .tab-testimonial-link.w--current {
        width: auto;
    }

    .tab-testimonial-link.one,
    .tab-testimonial-link.two,
    .tab-testimonial-link.three,
    .tab-testimonial-link.four {
        position: static;
    }

    .tabs-testimonial-content {
        width: auto;
    }

    .tab-testimonial-image {
        width: 35%;
    }

    .hero-two-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .first-hero-two,
    .first-hero-two.first {
        max-width: none;
    }

    .hero-two-image-block {
        margin-top: 20px;
        bottom: -98%;
        right: 56%;
    }

    .center-hero-two {
        grid-template-columns: 1fr auto;
        padding-top: 100px;
    }

    .hero-two-button.add-eight {
        margin-top: 8px;
    }

    .last-hero-two {
        flex-flow: column-reverse;
        display: flex;
    }

    .last-hero-two.add-hero-margin {
        padding-top: 30px;
    }

    .primary-hero-two {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .green-hero-two {
        display: none;
    }

    .hero-arrow-link {
        justify-content: center;
        align-items: center;
        font-style: italic;
        display: flex;
    }

    .company-icon-block {
        padding-bottom: 75px;
    }

    .process-step-two {
        padding-bottom: 90px;
    }

    .process-step-two-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        align-items: stretch;
        display: flex;
    }

    .step {
        background-color: var(--primary);
    }

    .counter-section {
        margin-bottom: -170px;
    }

    .counter-section.inner-blog-counter {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .main-counter-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column-reverse;
        padding: 30px;
        display: flex;
    }

    .counter-image {
        width: 100%;
        display: block;
    }

    .counter-block {
        grid-column-gap: 3px;
        grid-row-gap: 3px;
    }

    .first-counter-number {
        height: auto;
    }

    .counter-number {
        font-size: 32px;
        line-height: 40px;
    }

    .counter-number.one,
    .counter-number.two,
    .counter-number.three,
    .counter-number.four,
    .counter-number.five,
    .counter-number.six,
    .counter-number.seven,
    .counter-number.eight,
    .counter-number.nine,
    .counter-number.zero {
        display: none;
    }

    .second-counter-number {
        height: auto;
        transform: none;
    }

    .counter-block-main {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .counter-block-main.one.counter-two-border {
        padding-top: 0;
    }

    .counter-prefix {
        font-size: 32px;
        line-height: 40px;
    }

    .counter-point {
        width: 5px;
        height: 5px;
    }

    .integration-section-two {
        background-position: 0%;
        padding-top: 260px;
        padding-bottom: 90px;
    }

    .integration-section-two.inner-blog-integration-two {
        padding-top: 90px;
    }

    .aboutus-shade {
        top: -6%;
    }

    .process-shade {
        top: 40%;
    }

    .about-shade-purple {
        top: -6%;
    }

    .bg-video {
        height: 400px;
    }

    .video-play-image,
    .video-plause-image {
        width: 60px;
    }

    .testimonial-two-grid {
        flex-flow: column;
        display: flex;
    }

    .main-testimonial-two {
        border-bottom: 1px solid #6666661a;
        border-right-color: var(--transparent);
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-testimonial-two.two {
        border-bottom-color: var(--transparent);
        border-top-right-radius: 0;
        border-bottom-left-radius: 20px;
        padding: 60px 30px 30px;
    }

    .testimonial-circle-block {
        top: 32%;
        left: 50%;
    }

    .inner-testimonial-circle {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .testimonial-circle-number {
        font-size: 26px;
        line-height: 34px;
    }

    .about-intro-section {
        height: auto;
    }

    .about-intro-image {
        background-position: 35%;
        background-size: cover;
        width: 100%;
        height: 350px;
        display: block;
    }

    .aboutus-image.aboutus-image-full-width {
        width: 100%;
        display: block;
    }

    .about-intro-center {
        display: block;
    }

    .aboutus-intro-sticky {
        padding-bottom: 90px;
        position: static;
    }

    .aboutus-intro-sticky.blog-aboutus-intro-sticky {
        padding-top: 90px;
    }

    .counter-two-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .features-grid-two {
        grid-template-columns: 1fr 1fr;
    }

    .main-features-two {
        background-position: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blue-shade.footer-blue-shade {
        height: auto;
    }

    .collection-blog-list {
        grid-template-columns: 1fr 1fr;
    }

    .blog-designation-block.blog-position-off {
        margin-bottom: 10px;
    }

    .blog-title {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 32px;
    }

    .blog-title.blog-twenty-off {
        font-size: 22px;
        line-height: 30px;
    }

    .collection-blog-two-list {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .collection-blog-two-list.platform-blog-list {
        grid-template-rows: auto auto;
    }

    .inner-blog-two {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        background-position: 100%;
        flex-flow: column;
        grid-template-columns: auto 1fr;
        align-items: stretch;
        display: flex;
    }

    .blog-two-info-block {
        padding-top: 20px;
    }

    .blog-description {
        margin-bottom: 10px;
    }

    .container-small {
        max-width: 100%;
    }

    .blog-brief-description {
        padding-bottom: 30px;
    }

    .blog-quote {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .rich-box {
        padding-top: 30px;
    }

    .blog-summary-title {
        font-size: 34px;
        line-height: 42px;
    }

    .swipe-prev.swipe-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .swipe-pagination-title {
        font-size: 22px;
        line-height: 30px;
    }

    .swipe-next.swipe-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .platforms-icons-block {
        width: 90px;
        height: 90px;
    }

    .platforms-title,
    .author-heading {
        font-size: 34px;
        line-height: 42px;
    }

    .features-two-number {
        font-size: 36px;
        line-height: 44px;
    }

    .features-two-title {
        font-size: 24px;
        line-height: 32px;
    }

    .team-section {
        padding-bottom: 90px;
    }

    .collection-team-list {
        grid-template-columns: 1fr 1fr;
    }

    .team-title {
        font-size: 24px;
        line-height: 32px;
    }

    .testimonial-three-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        display: flex;
    }

    .testimonial-three-block.last {
        margin-top: 0;
    }

    .main-team-details {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        display: flex;
    }

    .team-lightbox {
        width: 100%;
    }

    .team-detail-image {
        width: 100%;
        display: block;
    }

    .team-details-subtitle {
        font-size: 38px;
        line-height: 46px;
    }

    .team-details-title {
        font-size: 30px;
        line-height: 38px;
    }

    .team-details-desig,
    .team-details,
    .team-details-reached.last {
        margin-bottom: 15px;
    }

    .free-trial-block {
        border-radius: 20px;
        padding: 45px 30px;
    }

    .free-trial-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        display: flex;
    }

    .left-free-trial {
        padding: 0;
    }

    .right-free-trial {
        border-radius: 20px;
        height: 400px;
        margin-right: 0;
    }

    .inner-integration-one-list {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .inner-integration-two-grid {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        flex-flow: column;
        display: flex;
    }

    .integration-two-title {
        font-size: 24px;
        line-height: 32px;
    }

    .integration-contact-info {
        flex-flow: column;
        display: flex;
    }

    .inner-integration-detail {
        padding: 45px 30px;
    }

    .integration-detail-title {
        font-size: 34px;
        line-height: 42px;
    }

    .integration-tabs-menu {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 30px;
        display: flex;
    }

    .inner-integration-richbox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-career-one {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: auto auto;
    }

    .current-job-list {
        grid-template-columns: 1fr 1fr;
    }

    .current-job-list.carreer-current-job-list {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .inner-current-job-block {
        text-align: center;
        background-position: 0 25%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .current-job-title {
        font-size: 24px;
        line-height: 32px;
    }

    .current-job-flex {
        justify-content: center;
    }

    .main-career-map {
        height: 450px;
    }

    .map-dot-locate.two {
        top: 40%;
        left: 12%;
    }

    .map-dot-locate.three {
        top: 24%;
        left: 10%;
    }

    .map-dot-locate.four {
        bottom: 24%;
    }

    .map-dot-locate.five {
        left: 25%;
    }

    .map-dot-locate.seven {
        right: 26%;
    }

    .map-dot-locate.eight {
        top: 13%;
    }

    .map-dot-locate.nine {
        bottom: 19%;
        right: 8%;
    }

    .main-job-info {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .job-info-block {
        text-align: center;
    }

    .job-info {
        justify-content: center;
    }

    .job-info-number {
        font-size: 32px;
        line-height: 40px;
    }

    .inner-career-detail {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .career-detail-title {
        font-size: 34px;
        line-height: 42px;
    }

    .career-richbox {
        padding-top: 30px;
    }

    .career-richbox.last {
        padding-bottom: 30px;
    }

    .personal-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .personal-title {
        font-size: 24px;
        line-height: 32px;
    }

    .main-faq-block {
        flex-flow: column;
        align-items: stretch;
        display: flex;
    }

    .faq-image-block {
        width: auto;
        max-width: none;
    }

    .coming-soon-heading {
        font-size: 46px;
        line-height: 54px;
    }

    ._404-title {
        font-size: 14rem;
        line-height: 12rem;
    }

    .not-found-404 {
        font-size: 34px;
        line-height: 42px;
    }

    .password-title {
        font-size: 4rem;
        line-height: 5rem;
    }

    .search-box-block {
        width: auto;
        padding-left: 60px;
        padding-right: 60px;
    }

    .search-heading {
        font-size: 46px;
        line-height: 54px;
    }

    .search-result-list {
        flex-flow: column;
        display: flex;
    }

    .search-result-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .search-text {
        margin-bottom: 10px;
    }

    .licenses-content-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .licenses-title {
        font-size: 34px;
        line-height: 42px;
    }

    .license-image-title {
        font-size: 24px;
        line-height: 32px;
    }

    .pexel-wapper {
        grid-template-rows: auto auto auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .license-image {
        width: 100%;
        display: block;
    }

    .changelog-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .changelog-title {
        font-size: 34px;
        line-height: 42px;
    }

    .user-form-block {
        width: auto;
        padding: 45px 30px;
    }

    .user-title {
        font-size: 34px;
        line-height: 42px;
    }

    .inner-user-title {
        font-size: 24px;
        line-height: 32px;
    }

    .main-product-section {
        flex-flow: column;
        display: flex;
    }

    .left-product-section {
        padding: 45px 30px;
    }

    .product-title {
        font-size: 28px;
        line-height: 36px;
    }

    .price-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .product-detail-price {
        font-size: 22px;
        line-height: 30px;
    }

    .product-review-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .product-review-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .reviewer-name {
        font-size: 26px;
        line-height: 34px;
    }

    .review-title {
        font-size: 24px;
        line-height: 32px;
    }

    .checkout-form {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .block-header-title {
        font-size: 26px;
        line-height: 34px;
    }

    .pay-row {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
    }

    .shipping-method,
    .pay-order-item {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: column;
    }

    .pay-order-block {
        margin-left: 0;
        margin-right: 0;
    }

    .paypal-checkout-form,
    .order-confirmation {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .cart-footer {
        border-top-color: var(--transparent);
    }

    .icon-marquee-image {
        width: 175px;
    }

    .landing-hero-block {
        max-width: none;
        margin-bottom: 30px;
    }

    .landing-marquee-block {
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        position: static;
    }

    .vertical-image-marquee {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: block;
    }

    .vertical-image-marquee.last {
        display: none;
    }

    .marquee-up {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .cloudsy-marquee-image.last {
        display: none;
    }

    .include-title {
        font-size: 24px;
        line-height: 32px;
    }

    .figma-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        padding: 30px;
        display: flex;
    }

    .full-figma-block {
        height: 406px;
    }

    .home-page-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .home-page-title {
        font-size: 24px;
        line-height: 32px;
    }

    .inner-page-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cms-pages-block {
        padding-bottom: 90px;
    }

    .cms-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .feature-section {
        padding-bottom: 90px;
    }

    .feature-grid {
        grid-template-columns: 1fr 1fr;
    }

    .shop-pages-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        align-items: stretch;
        display: flex;
    }

    .main-shop-image {
        text-align: center;
    }

    .inner-shop-image {
        width: 60%;
    }

    .inner-shop-image.one {
        width: 38%;
        left: 0%;
    }

    .inner-shop-image.two {
        width: 40%;
    }

    .main-section-purchase {
        padding-left: 0;
        padding-right: 0;
    }

    .purchase-title {
        font-size: 46px;
        line-height: 54px;
    }

    .purchase-title-two {
        margin-bottom: 30px;
        font-size: 32px;
        line-height: 40px;
    }

    .purchase-image.one {
        bottom: 6%;
    }

    .purchase-image.two {
        inset: auto 15px 5% auto;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .pt-sm-50 {
        padding-top: 50px;
    }

    .input-field.pay-input-field {
        margin-bottom: 15px;
    }
    .row-reverse {
        flex-direction: column !important;
    }
    p {
        font-size: 16px;
    }
    .smarter-payouts img {
        height: unset !important;
        max-width: unset !important;
    }
    .acordian-header {
        padding-inline: unset;
    }
    .contact__container {
        padding: 10px !important;
    }
    .acordian-paragraph {
        padding-inline: unset;
    }
    .contact__right {
        padding: 10px !important;
    }
    .style-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: space-between;
        align-items: stretch;
        display: flex;
    }

    .color-tiles {
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        display: flex;
    }
    .pb-sm-50px {
        padding-bottom: 50px;
    }

    .checkbox-field {
        flex-flow: column;
        align-items: flex-start;
    }

    .text-area,
    .text-area::placeholder {
        font-size: 16px;
    }

    .accordion-top-text {
        font-size: 22px;
        line-height: 30px;
    }

    .clone-button {
        font-size: 16px;
        line-height: 24px;
    }

    .styleguide {
        padding-top: 15px;
        padding-bottom: 160px;
    }

    .style-guide-navbar {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        border-radius: 30px 30px 0 0;
        flex-flow: row;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px;
        position: fixed;
        inset: auto 0 0;
    }

    .links {
        font-size: 16px;
        line-height: 24px;
    }

    .source-info {
        width: 100%;
        font-size: 16px;
    }

    .color-tile {
        height: 120px;
    }

    .button-primary {
        font-size: 16px;
        line-height: 24px;
    }

    .header {
        margin-top: 0;
        padding: 30px 15px;
    }

    .navbar-inner {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        grid-auto-columns: 1fr;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .link-block {
        font-size: 16px;
    }

    .navbar-wraper {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .brand-logo {
        width: 150px;
    }

    .dropdown-list.w--open {
        height: 220px;
        overflow: auto;
    }

    .dropdown-list.small-dropdown-list.w--open {
        height: auto;
    }

    .search-form-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .close-button-link-block {
        right: -16%;
    }

    .search-icon {
        font-size: 16px;
    }

    .menu-button {
        padding: 8px 12px;
    }

    .inner-mega-menu {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 15px;
        padding-bottom: 15px;
        display: grid;
    }

    .inner-mega-menu.small-inner-mega-menu {
        padding-top: 15px;
        padding-bottom: 10px;
        display: flex;
    }

    .mega-menu-list {
        margin-bottom: 10px;
    }

    .mega-menu-list.fifteen-padding-off,
    .mega-menu-list.mega-menu-padding-off {
        border-left-color: var(--transparent);
        padding-left: 0;
    }

    .section.breadcrumb-section {
        background-position: 100%;
        padding-top: 170px;
        padding-bottom: 100px;
    }

    .section.company-icon-section {
        padding-top: 110px;
    }

    .section.map-section {
        background-position: 100%, 100% 100%;
    }

    .section.hero-one-section {
        padding-top: 130px;
    }

    .section.testimonial-section {
        padding-bottom: 30px;
    }

    .section.testimonial-section.team-add-sixty {
        padding-top: 60px;
    }

    .section.hero-two-section {
        padding-top: 130px;
    }

    .section.aboutus-two {
        padding-bottom: 60px;
    }

    .section.blog-section.blog-add-one-twenty,
    .section.blog-section.inner-blog-three,
    .section.blog-section.blog-details-one-twenty {
        padding-top: 60px;
    }

    .section.swipe-pagination-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section.team-one-section,
    .section.team-three-section,
    .section.team-detail-two-section,
    .section.career-team-section {
        padding-bottom: 45px;
    }

    .section.landing-hero-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.two-section-merge {
        padding-bottom: 120px;
    }

    .breadcrumb-block {
        padding-left: 90px;
        padding-right: 90px;
    }

    .breadcrumb-title {
        font-size: 38px;
        line-height: 46px;
    }

    .footer-logo {
        width: 160px;
    }

    .footer-title {
        font-size: 22px;
        line-height: 30px;
    }

    .left-footer-title {
        font-size: 24px;
        line-height: 32px;
    }

    .section-title-block {
        margin-bottom: 45px;
    }

    .section-title-block.left-section-title {
        margin-bottom: 10px;
    }

    .section-title {
        font-size: 28px;
        line-height: 36px;
    }

    .contact-form-grid {
        margin-bottom: -60px;
    }

    .main-contact-form {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form-title {
        font-size: 24px;
        line-height: 32px;
    }

    .icon-marquee {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        width: 480%;
    }

    .icon-marquee.icon-marquee-width {
        width: 440%;
    }

    .icon-marquee-link.one.w--current {
        display: block;
    }

    .map-block {
        height: 500px;
    }

    .location-map-image {
        object-fit: cover;
    }

    .inner-contact-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-info-heading {
        font-size: 22px;
        line-height: 30px;
    }

    .hero-one-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .hero-title {
        font-size: 38px;
        line-height: 46px;
    }

    .hero-counter {
        font-size: 20px;
        line-height: 28px;
    }

    .hero-draw-icon {
        top: 30%;
    }

    .about-us-section.one-twenty-padding.add-one-twenty-padding {
        padding-top: 60px;
    }

    .features-grid {
        flex-flow: column;
        display: flex;
    }

    .features-grid.include-grid {
        margin-bottom: 60px;
    }

    .main-features {
        padding-left: 15px;
        padding-right: 15px;
    }

    .features-title {
        margin-bottom: 5px;
        font-size: 22px;
        line-height: 30px;
    }

    .features-button-block {
        padding-top: 15px;
    }

    .features-image {
        width: 100%;
        display: block;
    }

    .features-vector {
        inset: 6% 0% auto auto;
    }

    .features-vector.two {
        inset: 0% auto auto 5%;
    }

    .features-vector.three {
        inset: 0% 0% auto auto;
    }

    .left-about-us-block,
    .left-about-us-block.aboutus-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-us-block.flex-up-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .section-description.section-white-description {
        margin-top: 20px;
    }

    .aboutus-list-item.bg-grey-aboutus {
        padding-left: 15px;
        padding-right: 15px;
    }

    .aboutus-list-title {
        font-size: 20px;
        line-height: 28px;
    }

    .aboutus-list-title.font-size-eighteen {
        font-size: 18px;
        line-height: 26px;
    }

    .right-step-process-block {
        flex-flow: column;
        display: flex;
    }

    .right-step-process {
        padding-left: 15px;
        padding-right: 15px;
    }

    .step-process-title {
        font-size: 20px;
        line-height: 28px;
    }

    .step-process-number {
        font-size: 26px;
        line-height: 34px;
    }

    .about-us-draw-icon {
        right: 6%;
    }

    .integration-button-block.two {
        margin-top: 45px;
    }

    .integration-image-block.four {
        right: 5px;
    }

    .integration-image-block.six {
        right: 50px;
    }

    .integration-border-line.one {
        top: 20%;
    }

    .integration-border-line.three {
        top: 284px;
    }

    .integration-border.nine {
        height: 60px;
    }

    .integration-border.ten {
        bottom: -56%;
    }

    .integration-border.eleven {
        top: -60%;
    }

    .price-grid {
        flex-flow: column;
        display: flex;
    }

    .main-price-block {
        padding: 30px 15px;
        box-shadow: 0 0 3px #141f3933;
    }

    .inner-price-shade {
        width: 60%;
    }

    .price-title {
        font-size: 20px;
        line-height: 28px;
    }

    .price-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .price {
        font-size: 26px;
        line-height: 34px;
    }

    .price-prefix {
        padding-top: 2px;
    }

    .price-list-block {
        padding-bottom: 30px;
    }

    .price-vector {
        display: none;
    }

    .hero-two-image-block {
        bottom: -113%;
        right: 37%;
    }

    .center-hero-two {
        flex-flow: column;
        align-items: flex-start;
        padding-top: 90px;
        display: flex;
    }

    .last-hero-two.add-hero-margin {
        padding-top: 15px;
    }

    .primary-hero-title-block,
    .inner-primary-hero {
        padding-left: 15px;
        padding-right: 15px;
    }

    .company-icon-block,
    .process-step-two {
        padding-bottom: 60px;
    }

    .left-process-step-two {
        padding: 20px;
    }

    .step-heading {
        font-size: 20px;
        line-height: 28px;
    }

    .counter-section {
        margin-bottom: -140px;
    }

    .counter-section.inner-blog-counter {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main-counter-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .counter-number,
    .counter-prefix {
        font-size: 26px;
        line-height: 34px;
    }

    .counter-point {
        width: 4px;
        height: 4px;
    }

    .integration-section-two {
        padding-top: 200px;
        padding-bottom: 60px;
    }

    .integration-section-two.inner-blog-integration-two {
        padding-top: 60px;
    }

    .integration-image-marquee {
        width: 3%;
    }

    .aboutus-shade {
        top: -4%;
    }

    .process-shade {
        top: 50%;
    }

    .about-shade-purple {
        top: -5%;
    }

    .bg-video {
        height: 300px;
    }

    .video-play-image,
    .video-plause-image {
        width: 50px;
    }

    .main-testimonial-two {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-testimonial-two.two {
        border-bottom-left-radius: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial-two-title {
        font-size: 20px;
        line-height: 28px;
    }

    .testimonial-circle-block {
        width: 150px;
        height: 150px;
        top: 38%;
        left: 55%;
    }

    .testimonial-circle {
        width: 150px;
        height: 150px;
        transform: translate(-10px);
    }

    .testimonial-circle-number {
        font-size: 22px;
        line-height: 30px;
    }

    .about-intro-image {
        height: 300px;
    }

    .aboutus-intro-sticky {
        padding-bottom: 60px;
    }

    .aboutus-intro-sticky.blog-aboutus-intro-sticky {
        padding-top: 60px;
    }

    .counter-two-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .features-grid-two {
        flex-flow: column;
        display: flex;
    }

    .main-features-two {
        padding-left: 15px;
        padding-right: 15px;
    }

    .collection-blog-list {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        display: flex;
    }

    .blog-image-block {
        margin-bottom: 20px;
    }

    .blog-image {
        width: 100%;
        display: block;
    }

    .blog-info-block {
        text-align: center;
    }

    .blog-title {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
    }

    .blog-title.blog-font-size {
        font-size: 22px;
        line-height: 30px;
    }

    .pagination {
        padding-top: 45px;
    }

    .collection-blog-two-list {
        flex-flow: column;
        display: flex;
    }

    .inner-blog-two {
        text-align: center;
        align-items: stretch;
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-two-image {
        width: 100%;
        display: block;
    }

    .blog-two-info-block {
        text-align: center;
    }

    .blog-author-info-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .author-name {
        font-size: 22px;
        line-height: 30px;
    }

    .blog-lightbox-image {
        width: 100%;
        display: block;
    }

    .blog-lightbox-image.blog-lightbox-width-off {
        width: auto;
    }

    .blog-quote {
        border-left-width: 4px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .extra-blog-image {
        flex-flow: column;
        align-items: stretch;
    }

    .blog-summary-title {
        font-size: 28px;
        line-height: 36px;
    }

    .swipe-pagination-title {
        font-size: 18px;
        line-height: 26px;
    }

    .platforms-title-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom: 45px;
    }

    .platforms-icons-block {
        width: 80px;
        height: 80px;
    }

    .platforms-title,
    .author-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .author-social-media {
        margin-bottom: 45px;
    }

    .features-two-number {
        font-size: 32px;
        line-height: 40px;
    }

    .features-two-title {
        font-size: 22px;
        line-height: 30px;
    }

    .team-section {
        padding-bottom: 45px;
    }

    .collection-team-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        display: flex;
    }

    .collection-team-list.team-one-list.team-add-thirty {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .team-image {
        width: 100%;
        display: block;
    }

    .team-gradiant-block {
        height: 96%;
    }

    .team-image-link.team-link-two {
        width: 100%;
    }

    .team-info-block {
        transform: translate(0, -60px);
    }

    .team-title {
        font-size: 22px;
        line-height: 30px;
    }

    .team-desig {
        margin-bottom: 10px;
    }

    .left-testimonial-three {
        flex-flow: column;
        display: flex;
    }

    .testimonial-three-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .team-details-subtitle {
        font-size: 36px;
        line-height: 44px;
    }

    .team-details-title {
        font-size: 28px;
        line-height: 36px;
    }

    .team-reached {
        font-size: 22px;
        line-height: 30px;
    }

    .free-trial-block {
        padding: 30px 15px;
    }

    .right-free-trial {
        height: 300px;
    }

    .inner-integration-one-list {
        flex-flow: column;
        display: flex;
    }

    .main-integration-one {
        padding-left: 15px;
        padding-right: 15px;
    }

    .integration-one-description {
        margin-bottom: 20px;
    }

    .integration-two-title {
        font-size: 22px;
        line-height: 30px;
    }

    .main-integration-detail {
        margin-bottom: 45px;
    }

    .inner-integration-detail {
        padding: 30px 15px;
    }

    .integration-detail-image-block {
        width: 120px;
        height: 120px;
    }

    .integration-tag {
        margin-bottom: 10px;
    }

    .integration-detail-title {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 36px;
    }

    .integration-tab-title {
        font-size: 18px;
        line-height: 26px;
    }

    .inner-integration-richbox {
        padding-left: 15px;
        padding-right: 15px;
    }

    .career-one-company-block {
        padding-top: 30px;
    }

    .current-job-list {
        flex-flow: column;
        display: flex;
    }

    .inner-current-job-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .current-job-title {
        font-size: 22px;
        line-height: 30px;
    }

    .current-job-description {
        margin-bottom: 20px;
    }

    .job-benifit-image {
        width: 14%;
    }

    .main-career-map {
        height: 350px;
    }

    .map-dot-locate.seven {
        right: 25%;
    }

    .main-job-info {
        flex-flow: column;
        display: flex;
    }

    .job-info-image {
        width: 100%;
        display: block;
    }

    .job-info-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .job-info {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        flex-flow: column;
    }

    .job-info-dot {
        display: none;
    }

    .job-info-number {
        font-size: 26px;
        line-height: 34px;
    }

    .inner-career-detail {
        padding-left: 15px;
        padding-right: 15px;
    }

    .career-detail-title {
        font-size: 28px;
        line-height: 36px;
    }

    .inner-career-button {
        margin-bottom: 45px;
    }

    .career-detail-lightbox-image {
        width: 100%;
        display: block;
    }

    .career-extra-image-block {
        flex-flow: column;
        display: flex;
    }

    .personal-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .personal-title {
        font-size: 22px;
        line-height: 30px;
    }

    .accordion-description-block {
        height: 140px;
    }

    .coming-soon-heading {
        font-size: 32px;
        line-height: 40px;
    }

    ._404-title {
        margin-bottom: 20px;
        font-size: 10rem;
        line-height: 9rem;
    }

    .not-found-404 {
        font-size: 28px;
        line-height: 36px;
    }

    .password-title {
        font-size: 3rem;
    }

    .search-box-block {
        margin-top: 75px;
        padding: 60px 0;
    }

    .search-heading {
        font-size: 38px;
        line-height: 46px;
    }

    .search {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
    }

    .search-button {
        font-size: 16px;
        line-height: 24px;
    }

    .search-result-item,
    .licenses-content-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .licenses-title {
        font-size: 28px;
        line-height: 36px;
    }

    .license-image-title {
        font-size: 22px;
        line-height: 30px;
    }

    .changelog-title {
        font-size: 28px;
        line-height: 36px;
    }

    .user-form-block {
        padding: 30px 15px;
    }

    .user-title {
        font-size: 28px;
        line-height: 36px;
    }

    .user-submit-button {
        font-size: 16px;
        line-height: 24px;
    }

    .inner-user-title {
        font-size: 22px;
        line-height: 30px;
    }

    .left-product-section {
        padding: 30px 15px;
    }

    .product-title {
        font-size: 24px;
        line-height: 32px;
    }

    .product-price-info {
        padding: 30px 15px;
    }

    .price-select-field {
        font-size: 16px;
    }

    .product-detail-price {
        font-size: 20px;
        line-height: 28px;
    }

    .product-detail-compare-price,
    .product-button {
        font-size: 16px;
        line-height: 24px;
    }

    .product-review-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reviewer-name {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 32px;
    }

    .reiview-title-block {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        flex-flow: column;
        align-items: stretch;
        margin-bottom: 15px;
    }

    .review-title {
        font-size: 22px;
        line-height: 30px;
    }

    .checkout-form {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .block-header-title {
        font-size: 24px;
        line-height: 32px;
    }

    .pay-submit-button {
        font-size: 16px;
        line-height: 24px;
    }

    .paypal-checkout-form,
    .order-confirmation {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cart-remove-button {
        font-size: 16px;
        line-height: 24px;
    }

    .cart-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .integration-two-icon {
        grid-column-gap: 56px;
        grid-row-gap: 56px;
        width: 290%;
    }

    .include-title {
        font-size: 22px;
        line-height: 30px;
    }

    .figma-grid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .full-figma-block {
        background-position: 0%;
    }

    .home-page-grid {
        flex-flow: column;
        display: flex;
    }

    .inner-home-page {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-home-page {
        display: block;
    }

    .home-page-image {
        width: 100%;
        display: block;
    }

    .home-page-title {
        font-size: 22px;
        line-height: 30px;
    }

    .inner-page-grid {
        flex-flow: column;
        display: flex;
    }

    .cms-pages-block {
        padding-bottom: 60px;
    }

    .cms-grid {
        flex-flow: column;
        display: flex;
    }

    .feature-section {
        padding-bottom: 60px;
    }

    .feature-grid {
        flex-flow: column;
        display: flex;
    }

    .purchase-title {
        font-size: 38px;
        line-height: 46px;
    }

    .purchase-title-two {
        font-size: 26px;
        line-height: 34px;
    }
}

@media screen and (max-width: 479px) {
    .navbar-link {
        margin-left: 4px;
        margin-right: 4px;
    }

    .style-item {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 0.5fr;
        place-content: start flex-start;
        align-items: stretch;
        display: flex;
    }

    .color-tiles {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr;
    }

    .header-inner {
        text-align: left;
    }

    .typography-label {
        margin-bottom: 12px;
    }

    .accordion-top-text {
        font-size: 20px;
        line-height: 28px;
    }

    .stylesection {
        margin-top: 32px;
    }

    .clone-button {
        text-align: center;
        width: 100%;
        min-height: 32px;
    }

    .styleguide {
        padding-bottom: 220px;
    }

    .style-guide-navbar {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: column;
    }

    .source-info {
        width: 100%;
        padding: 0;
    }

    .color-tile {
        height: 80px;
    }

    .button-primary.add-five {
        margin-bottom: 5px;
    }

    .header {
        padding-top: 40px;
        padding-bottom: 16px;
    }

    .navbar-inner {
        flex-flow: column;
        display: flex;
    }

    .navbar-wraper {
        grid-template-columns: 1fr auto auto;
    }

    .search-block {
        display: none;
    }

    .inner-mega-menu {
        display: block;
    }

    .mega-menu-list.mega-menu-padding-off {
        border-left-color: var(--transparent);
        padding-left: 0;
    }

    .section.company-icon-section {
        padding-top: 100px;
        padding-bottom: 45px;
    }

    .section.two-section-merge {
        padding-bottom: 60px;
    }

    .breadcrumb-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .breadcrumb-title {
        font-size: 30px;
        line-height: 38px;
    }

    .footer-title {
        font-size: 20px;
        line-height: 28px;
    }

    .horizontal-footer-border.footer-bottom-border {
        bottom: 86px;
    }

    .inner-left-footer {
        padding-bottom: 20px;
    }

    .left-footer-title {
        font-size: 22px;
        line-height: 30px;
    }

    .inner-footer-form {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: column;
        align-items: stretch;
    }

    .inner-footer-form.last {
        align-items: center;
    }

    .section-title-block.left-section-title.responsive-section-title {
        text-align: center;
    }

    .section-title {
        font-size: 24px;
        line-height: 32px;
    }

    .contact-form-title {
        font-size: 22px;
        line-height: 30px;
    }

    .contact-form-button {
        text-align: center;
    }

    .icon-marquee {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        width: 680%;
    }

    .icon-marquee.icon-marquee-width {
        width: 800%;
    }

    .map-block {
        height: 350px;
    }

    .contact-info {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        text-align: center;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .contact-info-heading {
        font-size: 20px;
        line-height: 28px;
    }

    .contact-link-flex {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
    }

    .down-hero-one {
        flex-flow: column;
    }

    .hero-title {
        font-size: 30px;
        line-height: 38px;
    }

    .hero-one-button {
        padding-top: 20px;
    }

    .hero-one-counter-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        align-items: stretch;
    }

    .hero-draw-icon {
        display: none;
    }

    .main-features {
        text-align: center;
    }

    .features-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 28px;
    }

    .left-about-us-image {
        display: block;
    }

    .about-us-image-grid {
        flex-flow: column;
        display: flex;
    }

    .section-description.responsive-section-description {
        text-align: center;
    }

    .aboutus-list.list-grid-horizonally {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        display: flex;
    }

    .aboutus-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: row;
        align-items: center;
    }

    .about-us-draw-icon {
        display: none;
    }

    .integration-image-block {
        position: static;
    }

    .integration-image-block.integration-bg-primary {
        display: none;
    }

    .integration-image-block.one {
        position: static;
    }

    .integration-image-block.two {
        position: sticky;
    }

    .integration-image-block.three,
    .integration-image-block.four,
    .integration-image-block.five,
    .integration-image-block.six {
        position: static;
    }

    .left-integration {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .integration-border-line,
    .integration-empty-block {
        display: none;
    }

    .inner-price-shade {
        width: 100%;
    }

    .price-block {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: column;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .tabs-testimonial-menu {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .tab-testimonial-image {
        width: 50%;
    }

    .testimonial-pane {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        text-align: center;
        grid-template-columns: auto;
        place-items: center;
    }

    .testimonial-description {
        margin-bottom: 20px;
    }

    .hero-two-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .hero-two-image-block {
        display: none;
    }

    .center-hero-two {
        padding-top: 0;
    }

    .hero-two-button.add-eight {
        margin-top: 0;
    }

    .last-hero-two.add-hero-margin {
        padding-top: 0;
    }

    .inner-primary-hero {
        flex-flow: column;
        align-items: flex-start;
        display: flex;
    }

    .main-white-hero-two {
        margin-bottom: 20px;
    }

    .inner-white-hero-two {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        display: flex;
    }

    .company-icon-block {
        padding-bottom: 45px;
    }

    .process-step-circle {
        display: none;
    }

    .inner-counter-block {
        flex-flow: column;
        display: flex;
    }

    .counter-block-main {
        border-bottom: 1px solid #ffffff1a;
    }

    .counter-block-main.one {
        border-top: 1px solid #ffffff1a;
        border-right-color: var(--transparent);
    }

    .counter-block-main.one.counter-two-border {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .counter-block-main.one.counter-two-border.last {
        border-right-color: var(--border-color);
        border-bottom-color: var(--transparent);
    }

    .counter-block-main.one.counter-two-border.first {
        border-right-color: var(--transparent);
    }

    .counter-block-main.three {
        border-bottom: 1px solid #ffffff1a;
        border-right-color: var(--transparent);
    }

    .integration-image-marquee {
        width: 4.5%;
    }

    .process-shade {
        top: 75%;
    }

    .about-shade-two {
        bottom: 0%;
    }

    .bg-video {
        height: 250px;
    }

    .video-play-image,
    .video-plause-image {
        width: 45px;
    }

    .main-testimonial-two {
        padding-bottom: 30px;
    }

    .main-testimonial-two.two {
        padding-top: 30px;
    }

    .testimonial-two-star-block.testimonial-star-block {
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .info-testimonial-two {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        align-items: flex-start;
    }

    .info-testimonial-two-flex {
        align-items: flex-start;
    }

    .testimonial-circle-block {
        display: none;
    }

    .about-intro-image {
        height: 200px;
    }

    .counter-two-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .blue-shade.footer-blue-shade,
    .blue-shade.footer-blue-shade.pay-blue-shade {
        bottom: 0%;
    }

    .blog-title,
    .blog-title.blog-font-size,
    .author-name {
        font-size: 20px;
        line-height: 28px;
    }

    .blog-summary-title {
        font-size: 24px;
        line-height: 32px;
    }

    .swipe-pagination-block.increase-gap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
    }

    .platforms-icons-block {
        width: 75px;
        height: 75px;
    }

    .platforms-title {
        font-size: 24px;
        line-height: 32px;
    }

    .author-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
    }

    .author-details-block {
        text-align: center;
    }

    .author-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .author-social-media {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .features-two-title {
        font-size: 20px;
        line-height: 28px;
    }

    .team-gradiant-block {
        background-image: linear-gradient(
            0deg,
            var(--black),
            var(--transparent) 58%
        );
        height: 93%;
    }

    .team-info-block {
        transform: translate(0, -50px);
    }

    .team-title {
        font-size: 20px;
        line-height: 28px;
    }

    .team-social-block.team-social-one {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        left: 2%;
    }

    .team-details-subtitle {
        font-size: 30px;
        line-height: 38px;
    }

    .team-details-title {
        font-size: 26px;
        line-height: 34px;
    }

    .team-reached {
        font-size: 20px;
        line-height: 28px;
    }

    .free-trial-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .right-free-trial {
        height: 200px;
    }

    .integration-two-list {
        flex-flow: column;
        display: flex;
    }

    .integration-two-title {
        font-size: 20px;
        line-height: 28px;
    }

    .inner-integration-detail {
        text-align: center;
    }

    .split-integration-detail {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .integration-tag {
        margin-bottom: 5px;
    }

    .integration-detail-title {
        font-size: 24px;
        line-height: 32px;
    }

    .main-career-one {
        flex-flow: column;
        display: flex;
    }

    .current-job-title {
        font-size: 20px;
        line-height: 28px;
    }

    .job-benifit-image {
        width: 24%;
    }

    .main-career-map {
        height: 250px;
    }

    .map-dot-locate.one {
        right: 15%;
    }

    .map-dot-locate.two {
        display: none;
    }

    .map-dot-locate.three {
        left: 8%;
    }

    .map-dot-locate.four,
    .map-dot-locate.five {
        display: none;
    }

    .map-dot-locate.six {
        top: 34%;
    }

    .map-dot-locate.seven {
        bottom: 31%;
        right: 40%;
    }

    .map-dot-locate.eight,
    .map-dot-locate.nine {
        display: none;
    }

    .job-info-number {
        font-size: 22px;
        line-height: 30px;
    }

    .career-detail-title {
        font-size: 24px;
        line-height: 32px;
    }

    .career-reachus-heading {
        font-size: 18px;
        line-height: 26px;
    }

    .personal-title {
        font-size: 20px;
        line-height: 28px;
    }

    .faq-image-block {
        height: 300px;
    }

    .accordion-description-block {
        height: 250px;
    }

    .accordion-description-block.accordion-description-height-drop {
        height: 225px;
    }

    .coming-soon-heading {
        font-size: 24px;
        line-height: 32px;
    }

    ._404-title {
        font-size: 7rem;
        line-height: 7rem;
    }

    .password-title {
        font-size: 2rem;
        line-height: 3rem;
    }

    .search-heading {
        font-size: 26px;
        line-height: 39px;
    }

    .licenses-title {
        font-size: 24px;
        line-height: 32px;
    }

    .license-image-title {
        font-size: 20px;
        line-height: 28px;
    }

    .pexel-wapper {
        flex-flow: column;
        display: flex;
    }

    .changelog-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .changelog-title,
    .user-title {
        font-size: 24px;
        line-height: 32px;
    }

    .user-form-footer {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }

    .user-checkbox-field.first {
        margin-bottom: 10px;
    }

    .inner-user-title {
        font-size: 20px;
        line-height: 28px;
    }

    .user-flex-buttons {
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .product-detail-price {
        font-size: 18px;
        line-height: 26px;
    }

    .product-review-item {
        text-align: center;
    }

    .reviewer-name {
        font-size: 22px;
        line-height: 30px;
    }

    .review-title {
        font-size: 20px;
        line-height: 28px;
    }

    .block-header-title {
        font-size: 22px;
        line-height: 30px;
    }

    .icon-marquee-image {
        width: auto;
    }

    .integration-two-icon {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        width: 350%;
    }

    .hero-description {
        padding-bottom: 10px;
    }

    .marquee-up {
        flex-flow: column;
        display: flex;
    }

    .cloudsy-marquee-image.first {
        display: none;
    }

    .full-figma-block {
        background-position: 100%;
    }

    .main-shop-image {
        text-align: left;
    }

    .inner-shop-image {
        width: auto;
    }

    .inner-shop-image.one,
    .inner-shop-image.two {
        display: none;
    }

    .purchase-title {
        font-size: 30px;
        line-height: 38px;
    }

    .purchase-title-two {
        font-size: 22px;
        line-height: 30px;
    }

    .purchase-image.one,
    .purchase-image.two {
        display: none;
    }
}

#w-node-ea96800a-3a03-968c-5fdf-90c134138bf7-fdff89c6,
#w-node-_32de08bf-b0de-356d-3342-091caad7820a-7a556e67,
#w-node-ad0987cd-7cc0-8369-b575-6567897dd215-14900177,
#w-node-_85b45956-61b5-b3ed-bee8-5886b2d4d515-acce3bd6,
#w-node-eb022d54-8fae-9465-2b2e-0755c1300d4c-694a3cfb,
#w-node-eb022d54-8fae-9465-2b2e-0755c1300dd2-694a3cfb,
#w-node-eb022d54-8fae-9465-2b2e-0755c1300dd9-694a3cfb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
    #w-node-_6ae4246b-519c-4f76-b563-365279d44564-f482a9b6 {
        justify-self: end;
    }
    .home-one-people-text-block {
        width: 100%;
    }
    .wdth-25 {
        width: 100%;
        max-width: unset !important;
    }
    .footer-one .padding-bottom-twenty {
        padding-bottom: 0px;
    }
    .footer-one h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_6ae4246b-519c-4f76-b563-365279d44564-f482a9b6 {
        justify-self: auto;
    }
}

@font-face {
    font-family: "Fa V 4 Compatibility";
    src: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/6694cd61c98012115de035f4_fa-v4compatibility.woff2")
        format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa 400";
    src: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/6694cd617de2e7a505073ca4_fa-regular-400.woff2")
        format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa Solid 900";
    src: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/6694cd60efb4f547975d7c4f_fa-solid-900.woff2")
        format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa Brands 400";
    src: url("https://cdn.prod.website-files.com/6694cc108ffb70e127dad20a/6694cd60da603aeecf385671_fa-brands-400.woff2")
        format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* home page banking css


/* business details section css start here */
.business-details {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

/* business details section css end here */

/* ---------------------------smart collect page  starts here ------------------------------ */

/* What is RTGS (Real-Time Gross Settlement) section css */

/* Common animation base */
.step-box {
    opacity: 0;
    transform: translateY(20px);
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
/* --- FIRST ROW: Right → Left --- */
.animate-right-left {
    transform: translateX(80px);
    animation-name: rightToLeft;
}

/* --- SECOND ROW: Bottom → Top --- */
.animate-bottom-top {
    transform: translateY(80px);
    animation-name: bottomToTop;
}
/* Start off-screen on the left */
.animate-left-right {
    opacity: 0;
    transform: translateX(-80px);
    animation: leftToRight 0.8s ease-out forwards;
}

.animate-right-left {
    opacity: 0;
    transform: translateX(80px);
    animation: rightToLeft 0.8s ease-out forwards;
}

@keyframes rightToLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-scale {
    opacity: 0;
    transform: scale(0.8);
    animation: scaleUp 0.6s ease-out forwards;
}

@keyframes scaleUp {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animation */
@keyframes leftToRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Keyframes */
@keyframes rightToLeft {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes bottomToTop {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Delay so they animate in sequence */
.delay-1 {
    animation-delay: 0.1s;
}
.delay-2 {
    animation-delay: 0.3s;
}
.delay-3 {
    animation-delay: 0.5s;
}
.delay-4 {
    animation-delay: 0.7s;
}
.delay-5 {
    animation-delay: 0.8s;
}

/* What is RTGS (Real-Time Gross Settlement) section css */

/* -------------------------- smart collect page css start here----------------------------------- */

/* api banking page style */

.step-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.step-line {
    width: 6px;
    height: 150px;
    background: #d6dcff; /* light color before fill */
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.step-line::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%; /* initially hidden */
    width: 100%;
    height: 100%;
    background: #f13f3f; /* fill color */
    transition: top 1.2s ease; /* smooth fill */
}

.step-line.fill::after {
    top: 0; /* fill from top to bottom */
}

/* api banking page style */

@media (max-width: 767.99px) {
    .payout-built p {
        font-size: 14px;
        line-height: 23px;
    }
    .section-sm-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pb-sm-0px {
        padding-bottom: 0px !important;
    }
    .about-page-one-grid {
        grid-row-gap: 20px;
    }
    .mt-md-25px {
        margin-top: 0px;
    }
    .g-0 {
        grid-row-gap: 0px !important;
    }
    .mt-sm-20px {
        margin-top: 20px;
    }
    .section-pb-sm-0 {
        padding-bottom: 0px !important;
    }
    .pt-sm-50px {
        padding-top: 50px;
    }
    .about-one-know-card-text-block {
        padding: 20px 20px;
        grid-row-gap: 0px !important;
    }
    .accelerated-payouts svg {
        filter: invert(36%) sepia(92%) saturate(5176%) hue-rotate(339deg)
            brightness(95%) contrast(95%);
    }
    .driving-transaction svg {
        width: 30px !important;
    }
    .fs-sm-32 {
        font-size: 32px;
        line-height: 40px;
    }
    .margin-top-twenty {
        margin-top: 10px;
        flex-direction: row !important;
    }
    .home-two-software-icon-box {
        grid-row-gap: 10px;
    }
    .home-two-software-text-block img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }
    .section-mb-0 {
        padding-bottom: 0px;
    }
    .home-two-technology img {
        width: 25px;
        height: 25px;
        filter: invert(36%) sepia(92%) saturate(5176%) hue-rotate(339deg)
            brightness(95%) contrast(95%);
    }
    .filter-image svg {
        filter: invert(36%) sepia(92%) saturate(5176%) hue-rotate(339deg)
            brightness(95%) contrast(95%);
    }
    .flex-sm-columns {
        flex-direction: column !important;
    }
    .banking-powers .home-four-arrow-left {
        left: 0% !important;
        top: 12px !important;
    }
    .home-four-slider-wrap {
        padding: 50px 25px;
    }
    .col-rev {
        flex-direction: column-reverse;
    }
    .banking-powers .home-four-arrow-right {
        right: 0% !important;
        top: 12px !important;
    }
    .api-baking-pwers img {
        width: 100%;
    }
    .home-two-software-icon-box {
        grid-column-gap: 12px;
    }
    .home-four-business-card-icon-wrap {
        width: 50px;
        height: 50px;
    }
    .home-four-business-card-icon-wrap img {
        width: 25px;
        height: 25px;
    }
    .step-process-section-one svg {
        width: 50px;
        height: 50px;
    }
    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .aboutus-white-embed {
        width: 25px;
        height: 25px;
    }
    .home-one-mixed-sections svg {
        width: 15px;
    }
    .home-one-mixed-sections h3 {
        margin-top: 0px;
    }
    .home-two-technology-card.card-two {
        background-position: 100% 100%;
        background-size: cover;
        border-bottom-right-radius: unset;
    }
    .home-two-technology-card {
        background-position: 100% 100%;
        background-size: cover;
        border-bottom-right-radius: unset;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        border-bottom-left-radius: unset;
    }
    .home-two-technology-card {
        padding-inline: 10px !important;
    }
}

@media (max-width: 374.99px) {
    .home-two-slider-inner {
        padding-right: 30px;
    }
}

.row-reverse {
    flex-direction: row-reverse;
}

/* faq accordian first question active mode */

/* Hide all answers by default */
.acordian-paragraph {
    display: none;
}

/* Show active answer */
.acordian-wrap.active .acordian-paragraph {
    display: block;
}

/* Rotate icon when active (optional) */
.acordian-wrap.active .line-two {
    transform: rotate(90deg);
}

/* faq accordian first question active mode */

/* api banking */

.banking-powers .home-four-arrow-right {
    top: 15%;
    right: 12%;
}
.banking-powers .home-four-arrow-left {
    top: 15%;
    left: 12%;
}

/* api banking */

.home-one-footer-link.w--current {
    color: #f13f3f; /* Active text color */
    font-weight: 600;
}

/* .home-one-footer-link.w--current::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-color: #2563eb;
} */

.step-process-number-sc {
    inset: 1% 75% auto auto;
}

.footer-one {
    background-image: url(../images/Footer.webp);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.color-red {
    color: #f13f3f;
}
.color-white {
    color: #ffff;
}
.w-webflow-badge {
    display: none;
}
.footer-one h3 {
    color: #ffff;
}
.footer-one a {
    color: #ffff;
}
.footer-one p {
    color: #ffff;
    margin-top: 25px;
}
.current-account__banner {
    background-image: url(../images/current-account-background.webp);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.current-account__banner .light-text {
    color: #ffff;
}
.current-account__banner p {
    color: #ffff;
}
.c-section-three {
    background-image: url(../images/c-section-three.webp);
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.c-section-three h2 {
    color: #ffff;
}
.c-section-three h3 {
    color: #fff;
}
.c-section-three p {
    color: #fff;
}
.accounting-banner {
    background-image: url(../images/accounting-banner.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.accounting-banner h3 {
    color: #fff;
}
.accounting-banner p {
    color: #fff;
}
.api-banking-banner {
    background-image: url(../images/api-banner.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.banking-powers {
    background-image: url(../images/api-banner.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.escrow-banner {
    background-image: url(../images/api-banner.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.escrow-banner h3 {
    color: #ffff;
}
.escrow-banner p {
    color: #ffff;
}
.smart-collect__banner {
    background-image: url(../images/sc/background.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.instant-settlement__banner {
    background-image: url(../images/sc/background.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.qr-banner {
    background-image: url(../images/sc/background.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.complete-visibility svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.fs-60 {
    font-size: 60px;
}
.powering-transparent svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.common-banner {
    background-image: url(../images/sc/background.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.invoice-journey svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.accelerated-payouts svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.verified-fast svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.mt-50 {
    margin-top: 50px;
}
.connect-platform svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}
.designed-section svg {
    width: 100%;
    max-width: 60px;
    height: 60px;
}

/* SECTION */
.contact {
    padding: 80px 20px;
}

.contact__container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 50px;
    background: #f1f1f1;
    padding: 50px;
    border-radius: 10px;
}

/* LEFT SIDE */
.contact__left {
    flex: 1;
}

.contact__title {
    font-size: 45px;
    font-weight: 600;
    color: #0b1c39;
    line-height: 1.3;
    margin-bottom: 20px;
}

.contact__desc {
    color: #555;
    margin-bottom: 30px;
}

.contact__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact__item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.contact__icon {
    font-size: 22px;
}

/* RIGHT SIDE */
.contact__right {
    flex: 1;
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
}

.contact__form-title {
    font-size: 20px;
    margin-bottom: 30px;
    color: #0b1c39;
}

.contact__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact__form input,
.contact__form textarea {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    outline: none;
}

.contact__form textarea {
    resize: none;
    height: 80px;
}

/* BUTTON */
.contact__btn {
    margin-top: 20px;
    padding: 14px;
    border: none;
    border-radius: 30px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    background: #f13f3f;
    transition: 0.3s;
}

.contact__btn:hover {
    opacity: 0.9;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .contact__container {
        flex-direction: column;
    }

    .contact__title {
        font-size: 32px;
    }
}

#message-error,
#phone-error,
#password-error,
#confrimpassword-error {
    color: red;
}

/* sign up and sign in  css */

/* MAIN CONTAINER */
.auth-container {
    display: flex;
    min-height: 100vh;
}
/* LEFT IMAGE */
.register-form .auth-left {
    flex: 1;
    background: url("assets/images/login-bg.jpg") no-repeat center/cover;
    position: relative;
}

.register-form .overlay {
    background: #f13f3f;
    height: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.register-form .overlay h1 {
    font-size: 54px;
    color: #fff;
}

.register-form .overlay p {
    margin-top: 18px;
    color: #fff;
}

/* RIGHT SIDE */
.register-form .auth-right {
    flex: 1;
    /* background: #f5f5f5; */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* FLIP WRAPPER */
.register-form .auth-wrapper {
    perspective: 1000px;
    width: 350px;
    max-width: 90%;
}
.register-form .auth-card {
    width: 100%;
    height: 420px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.8s;
}
.register-form .auth-card.flip {
    transform: rotateY(180deg);
}
/* CARD SIDES */
.register-form .card-side {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    background: white;
    border-radius: 10px;
    padding: 40px 30px;
    backface-visibility: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    /* min-height: 600px; */
}
.register-form .back {
    transform: rotateY(180deg);
}
/* INPUTS */
.register-form input {
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
}

/* BUTTON */
.register-form button {
    width: 100%;
    padding: 10px;
    background: #f13f3f;
    color: white;
    border: none;
    cursor: pointer;
}

/* TEXT */
.register-form p {
    margin-top: 15px;
    font-size: 14px;
}

.register-form span {
    color: #f13f3f;
    cursor: pointer;
    font-weight: bold;
}

/* 📱 RESPONSIVE */
@media (max-width: 768px) {
    .auth-container {
        flex-direction: column;
    }
    .home-two-technology-card {
        padding-inline: 70px;
    }

    .auth-left {
        height: 200px;
    }

    .auth-right {
        height: calc(100vh - 200px);
    }
}

@media (max-width: 480px) {
    .register-form .auth-card {
        height: auto;
    }

    .register-form .card-side {
        position: relative;
        height: auto;
    }

    .register-form .auth-card.flip {
        transform: none;
    }
}
/* 📱 MOBILE FIX */
@media (max-width: 575px) {
    .register-form .auth-container {
        flex-direction: column;
    }

    .register-form .auth-left {
        height: 180px;
    }

    .register-form .auth-right {
        height: auto;
        padding: 20px 0;
    }

    /* REMOVE FLIP EFFECT */
    .register-form .auth-card {
        height: auto;
        transform: none !important;
    }

    /* STACK BOTH FORMS */
    .register-form .card-side {
        position: relative;
        height: auto;
        transform: none;
        margin-bottom: 20px;
    }

    /* OPTIONAL: hide signup initially */
    .register-form .back {
        display: none;
    }

    /* when flipped, show signup */
    .register-form .auth-card.flip .front {
        display: none;
    }

    .register-form .auth-card.flip .back {
        display: block;
    }
}

.fs-20 {
    font-size: 20px;
}
/* sign up and sign in css */

/* DEFAULT (on banner) */
.header {
    position: absolute;
    width: 100%;
    background: transparent;
    color: white;
    transition: 0.3s;
}

/* NAV LINKS + LOGO */
.header a,
.header .logo {
    color: white;
}

/* STICKY */
.header.sticky {
    position: fixed;
    top: 0;
    background: #fff;
}

/* CHANGE COLOR WHEN STICKY */
.header.sticky a,
.header.sticky .logo {
    color: #000;
}

.header.sticky a,
.header.sticky .logo {
    color: #000;
}
/* Direct link active (Payouts, Onboarding, Solutions) */
.nav-link-main.active,
a.nav-link-main.w--current {
    color: #f13f3f;
    font-weight: 600;
}

/* Dropdown parent active */
.w-dropdown.active .nav-link-main {
    color: #f13f3f;
}

/* Submenu active */
.w-dropdown-link.active {
    color: #f13f3f;
    font-weight: 600;
}
.smarter-payouts img {
    width: 100%;
    max-width: 500px;
    height: 500px;
}
.smarter-payouts .home-four-hero-image-block {
    flex: unset;
}
.wdth-25 {
    width: 100%;
    max-width: 25%;
}


.about-one-know-card-image-block img {
    border-radius: 30px;
}
h2 span.text-light,
h1 span.light-text,
h1 span.text-light
{
    font-weight: 600;
}
.footer-one
{
    padding-bottom: 20px;
}
footer.footer-one .copyright p{
    margin-top: 60px;
}

.home-four-all-business-card {
    border-radius: 50px;
}
.home-two-technology-grid
{
    margin-top: 50px;
}
.contact-three-box-grid p
{
    margin-bottom: 0;
    margin-top: 10px;
}
.text-medium.margin-top-thirty.underline-off
{
    text-transform: initial;
}
a.anr-link{
    text-decoration: none;
    color: var(--paragraph-font);
    margin-bottom: 10px;
    font-family: DM Sans, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}