:root {
    --commonColor: #ffffff;
    --palegreenSubTitle: #1198d4;
    --blueColor: #1198d4;
    --commonColor: #000;
    --comomnBlue: #33335b;
    --commonWhite: #ffffffc9;

    --service-primary-color: #4a4aff;
    --service-text-color: #333;
    --service-background-color: #f8f9fa;
    --background-color-white: #ffffff;
    --service-color-white: #ffffff;
}
html,
body {
    overflow-x: hidden;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block;
}

audio:not([controls]) {
    height: 0;
    display: none;
}

[hidden],
template {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"] {
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

@font-face {
    font-family: webflow-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==")
        format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="w-icon-"],
[class*=" w-icon-"] {
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: webflow-icons !important;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

html.w-mod-touch * {
    background-attachment: scroll !important;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

input.w-button {
    -webkit-appearance: button;
    appearance: button;
}
.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
}
.w-input,
.w-select {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.42857;
    display: block;
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
    color: #999;
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
    color: #999;
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee;
}

textarea.w-input,
textarea.w-select {
    height: auto;
}


.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    height: 300px;
    position: relative;
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-slider-nav.w-round > div {
    border-radius: 100%;
}

.w-slider-nav.w-num > div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: 0.2em 0.5em;
}

.w-slider-nav.w-shadow > div {
    box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}

.w-slider-dot {
    cursor: pointer;
    background-color: gray;
    width: 1em;
    height: 1em;
    margin: 0 3px 0.5em;
    transition: background-color 0.1s, color 0.1s;
    display: inline-block;
    position: relative;
}

.w-slider-dot.w-active {
    background-color: black;
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
    box-shadow: none;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute;
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0;
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.w-tabs {
    position: relative;
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

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

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

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: var(--color--white);
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.w-tab-link.w--current {
    background-color: #c8c8c8;
}

.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;
    }
}

:root {
    --font-family--cabinet-grotesk: Cabinetgrotesk, sans-serif;
    --color--black: #050419;
    --color--blue: #574aff;
    --color--transparent: rgba(0, 0, 0, 0);
    --border-radius--4px: 4px;
    --nav-hover--color-1\<deleted\|variable-5935c2e4-4182-f591-06a0-41599548f876\>: #050419;
    --nav-hover--color-2\<deleted\|variable-73fbfcdc-5463-8216-935c-83785c0434a7\>: #050419;
    --border-radius--6px: 6px;
    --color--white: white;
    --container--1160px: 1240px;
    --border-radius--8px: 8px;
    --background--bg-black: var(--color--black);
    --color--gradient-1: #4318ff;
    --color--gradient-2: #fad9da;
    --border-radius--40px: 40px;
    --border-radius--16px: 16px;
    --font-family--inter: Inter, sans-serif;
    --border-radius--20px: 20px;
    --color--gray: #fbfbfb;
    --white\<deleted\|variable-1e6a04b3\>: white;
    --border-radius--12px: 12px;
    --background--bg-gray: var(--color--gray);
}

a {
    text-decoration: none !important;
}

.section-contact-hero h1 {
    font-size: 50px;
    font-family: Arial, sans-serif;
}

.section-contact-hero .contact-form-image-wrap {
    position: relative;
}

.contact-form-image {
    height: 100%;
}

.section-contact-hero .overlay {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(87, 74, 255, 0.7) !important;
    padding: 25px;
}

.section-contact-hero .overlay h2 {
    color: #ffffff;
    font-size: 34px;
    margin-bottom: 20px;
}

.section-contact-hero .overlay h2 span {
    font-size: 20px;
}

.section-contact-hero .overlay h5 {
    font-weight: 400;
    font-size: 21px;
    font-style: italic;
    margin: 15px 0;
    color: #ffffff;
    line-height: 1.3;
}

.section-contact-hero .overlay ul {
    list-style: none;
    padding: 0;
    margin: 35px 0;
}

.section-contact-hero .overlay ul li {
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
}

.section-contact-hero .overlay i {
    margin-right: 5px;
}

.section-contact-hero .integrations-bg {
    background: rgba(255, 255, 255, 0.9);
    padding: 8px;
    border-radius: 6px;
}

.contact-form-block .divide-two {
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.input-field {
    /* min-height: unset; */
    padding: 0 10px;
}

label.checkbox-select {
    font-size: 13px;
    font-family: "Cabinetgrotesk";
}

.form-heading-wrap {
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
}

.form-heading-wrap .heading-h3 {
    line-height: 0.8;
    margin: 15px 0px;
}

.input-field::placeholder {
    font-size: 12px !important;
}

.input-field option[value=""] {
    font-size: 12px !important;
}
.contact_us_inner {
    background: white;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin: 30px 0px;
}

label {
    margin-bottom: 3px !important;
}
.form_border_class {
    /* box-shadow: 0px 0px 3px 0px #00000040; */
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1px solid #ffffff3b;
    border-radius: 5px;
}

.heading-h3 {
    font-size: 30px !important;
}

.submit-button {
    padding: 8px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-family: Arial, sans-serif;
}

.heading-h3 {
    font-family: Arial, sans-serif;
}

.reset_btn {
    background: #120c75;
    border: 1px solid;
    color: #ffffff;
    font-size: 12px;
    border-radius: 7px;
    padding: 6px 20px;
}

.submit_application:disabled {
    background-color: #ccc;
    /* Light grey background */
    color: #666;
    /* Grey text */
    cursor: not-allowed;
    /* Show "not allowed" cursor */
    opacity: 0.6;
    /* Reduce opacity */
}

@media screen and (max-width: 767px) {
    .contact-form-image-wrap {
        display: none !important;
    }

    .main_heading {
        display: none !important;
    }

    .contact-form-wrap {
        border: none !important;
    }

    .section-contact-hero .contact-form-wrap {
        padding: 0px !important;
    }
}

.select2-container--default .select2-results__option {
    color: black;
}
.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border: solid #ffffff3b 1px;
    outline: 0;
}

.contact-form-wrap {
    z-index: 2;
    grid-column-gap: 35px;
    grid-row-gap: 60px;
    border-radius: var(--border-radius--16px);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 60px;
    margin-bottom: 50px;
    padding: 40px;
    display: grid;
    position: relative;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 230, 232);
    border-image: initial;
    padding: 30px;
    border-radius: 10px;
}

.contact_title {
    background: transparent;
    color: #007bff;
    font-weight: 700;
    font-size: 24px;
    margin: 10px 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
}

.bg-contact {
    background-image: url("../../../assets/images/contact_title.PNG");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 180px;
    padding: 2rem;
    border-radius: 20px;
}

.gray_background_container {
    background-color: #e6eaeb;
}

.check-icon {
    --tw-text-opacity: 1;
    color: rgb(96 165 250);
    background: rgb(30 58 138 / 0.3);
    border-radius: 50%;
    padding: 10px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-box {
    background-color: #e6eaeb;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
    color: #000;
    font-weight: 500;
}

.list-unstyled li {
    margin-bottom: 10px;
    display: flex;
    color: black;
}

.iti__country-list {
    background: #000 !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #0c1422 !important;
    border-radius: 5px 0 0 5px;
}

.icons {
    color: #1d4ed8;
}

.icons_container {
    background: rgb(30 58 138 / 0.3);
    padding: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-align-center {
    text-align: center;
}
.heading-h2 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1.03448;
}

.heading-h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.14286;
}

.no-arrow::after {
    display: none !important;
}

.home-hero-content-wrap {
    z-index: 3;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 962px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.body-18-regular {
    font-size: 17px;
    line-height: 1.55556;
    color: #000 !important;
}
.primary-button {
    border-radius: var(--border-radius--8px);
    color: var(--color--white);
    text-transform: capitalize;
    padding: 14px 42px;
    font-family: Cabinetgrotesk, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44444;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    background: #33335b !important;
}
.button-ellipse {
    background-color: var(--color--blue);
    filter: blur(32px);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: -77%;
    left: 0%;
    right: 0;
}
.button-ellipse.footer-button-ellipse {
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: -78%;
    left: 0%;
    right: 0%;
}
.button-ellipse.integration-cta-button {
    filter: blur(35px);
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
}
.button-ellipse.contact-form-ellipse {
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
}
.button-ellipse.log-in-button-ellipse {
    display: none;
}
.circle-gradient {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-home-feature {
    padding-top: 0px !important;
}
.home-fearure-item {
    perspective: 1000px;
    background-color: #fafafa;
    border-radius: 14px;
    flex-direction: column;
    padding: 26px;
    display: flex;
}
.feature-title {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
}

.feature-image {
    transform-style: preserve-3d;
    transition: transform 0.35s;
}

.feature-image:hover {
    transform: translate3d(0, 0, 50px);
}

.feature-image._01 {
    width: 160px;
}

.feature-image._02 {
    width: 160px;
}

.home-feature-content-wrap {
    width: 100%;
    max-width: 975px;
    margin-left: auto;
    margin-right: auto;
}

.home-feature-content-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cta-section {
    background-color: var(--commonWhite);
    color: var(--commonColor);
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.cta-inner {
    z-index: 2;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.footer {
    background-color: black;
    color: white;
}
.footer a {
    color: white;
}
.footer-top-inner {
    grid-column-gap: 174px;
    grid-row-gap: 174px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.footer-top-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-auto-columns: 1fr;
    display: grid;
}

.footer-top-right a {
    color: white;
}

.footer-top-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.footer-link-title {
    font-size: 20px;
    font-weight: 700;
}
.footer-link-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    margin-top: 24px;
    display: flex;
    color: black;
}
.footer-single-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55556;
    transition: opacity 0.5s;
}
.footer-single-link:hover {
    opacity: 0.7;
}

.footer-logo-wrap {
    max-width: 170px;
}
.footer-bottom-inner {
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}
.footer-bottom-wrap {
    border-top: 1px solid rgba(5, 4, 25, 0.05);
}
.footer-form-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55556;
}

.social-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
}
.home-feature-two-item {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 15px;
    display: grid;
}
.blue-badge {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(90deg, #007bff, #00c6ff); /* Blue gradient */
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    font-size: 16px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
    animation: floatBadge 3s ease-in-out infinite;
}
.feature-two-item-content-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.feature-two-item-image-wrap {
    border-radius: var(--border-radius--16px);
    perspective: 800px;
    background-color: #fafafa;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: relative;
    overflow: hidden;
}

.feature-two-item-sub-image-2 {
    height: 100%;
    position: absolute;
}

.feature-two-item-image {
    z-index: 2;
    position: relative;
}

.feature-two-item-sub-image-1 {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 24px;
    left: 24px;
    right: auto;
}

.feature-two-item-sub-image-4 {
    position: absolute;
    width: 100%;
}
.integration-feature-title-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.integration-feature {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 52px;
    display: grid;
}

.integration-feature-item {
    border-radius: var(--border-radius--16px);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    background-image: linear-gradient(
        rgba(67, 24, 255, 0.3),
        rgba(250, 217, 218, 0.15)
    );
    height: 100%;
    padding: 2px;
}

.integration-feature-title {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.integration-feature-para {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    line-height: 1.55556;
}

.integration-feature-content {
    z-index: 99;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    width: 100%;
    max-width: 390px;
    margin-bottom: 76px;
    display: flex;
    position: relative;
}

.integration-feature-item-inner {
    border-radius: var(--border-radius--16px);
    background-color: var(--background--bg-black);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.integration-feature-image {
    z-index: 2;
    width: 558px;
    height: 299px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}

.integration-feature-image.integration-logo-image {
    width: 410px;
    max-width: 450px;
    height: 256px;
}

.glass-abstract-image {
    display: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.home-hero-image-wrap {
    z-index: 2;
    width: 100%;
    min-height: 100%;
    margin-top: 15px;
    position: relative;
    margin-bottom: 10px;
}

.home-hero-image {
    width: 100%;
    height: 100%;
}

.seperator-inner {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
}

.seperator-line {
    background-image: linear-gradient(
        270deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.3) 40%,
        #d4cbf8 50%,
        rgba(255, 255, 255, 0.3) 58%,
        rgba(255, 255, 255, 0.1)
    );
    width: 100%;
    height: 1px;
}


    .seperator-ellipse {
    filter: blur(27px);
    background-color: rgba(133, 124, 251, 0.4);
    width: 182px;
    height: 184px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -300%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.integration-feature-item-gradient {
    width: 100%;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.how-it-wrorks-component {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.3fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.how-it-works-left {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.how-it-works-title {
    margin-top: 12px;
    margin-bottom: 32px;
}

.how-it-works-right {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.how-it-works-process-item {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    align-items: flex-start;
    display: flex;
}

.how-it-works-process-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
}

.title-20px {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: black;
}

.opacity-60 {
    opacity: 0.6;
}

.how-it-works-process-counter-wrap {
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.1)
    );
    border-radius: 50%;
    width: 65px;
    height: 65px;
    padding: 1px;
}

.how-it-works-process-counter-inner {
    background-color: var(--color--black);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
}

.how-it-works-process-counter-number {
    background-image: linear-gradient(
        167deg,
        var(--color--gradient-1) 18%,
        var(--color--gradient-2) 83%
    );
    font-family: var(--font-family--inter);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.21875;
}

.how-it-works-process-conuter {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.how-it-works-process-conuter-line {
    background-color: rgba(186, 156, 255, 0.2);
    flex: 1;
    width: 2px;
    min-height: 50px;
}

.testimonial-slider {
    border-radius: var(--border-radius--20px);
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: auto;
    position: relative;
}
.slide-nav {
    display: none;
}

.testimonial-slider-mask {
    height: 100%;
}

.testimonial-slide {
    width: 100%;
    height: 100%;
    padding: 80px 60px 60px;
}

.slide-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
}
.testimonial-content-wrap {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}

.testimonial-content-wrap.testimonial-v2-content {
    flex-flow: column;
    padding: 60px;
}

.testimonial-text {
    max-width: 70%;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.14286;
}

.testimonial-author-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: flex-start;
    display: flex;
}

.testimonial-author-info-inner {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    display: flex;
}

.testimonial-author-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}
.testimonial-author-profession {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55556;
}
.testimonial-quotes {
    width: 46px;
}

.testimonial-slider-wrapper {
    border-radius: var(--border-radius--20px);
    background-color: var(--background--bg-black);
    color: var(--color--black);
}

.slider-arrow {
    border: 1px solid var(--color--white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 60px;
    left: auto;
    right: 6%;
    background-color: gray !important;
}

.slider-arrow.left-arrow {
    right: 12%;
    transform: rotate(180deg);
}

.on-hover-icon {
    opacity: 0;
    width: 24px;
    position: absolute;
}

.quick-show-text {
    font-weight: 700;
}
.section-title-center {
    z-index: 2;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
}

.integration-cta-button-wrap {
    border-radius: var(--border-radius--8px);
    background-image: linear-gradient(
        90deg,
        var(--color--gradient-2),
        var(--color--gradient-1)
    );
    padding: 1px;
    display: inline-flex;
}

.integration-cta-button-inner {
    border-radius: var(--border-radius--8px);
    background-color: var(--background--bg-black);
    color: var(--color--white);
    justify-content: center;
    align-items: center;
    padding: 14px 39px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    display: flex;
    position: relative;
    overflow: hidden;
}

.integration-cta-button-text {
    z-index: 2;
    position: relative;
}

.accordion-item {
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 25px 16px;
    transition: padding-left 0.2s;
}

.accordion-item:hover {
    padding-left: 32px;
}

.open-close-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 19px;
    min-height: 18.75px;
    display: flex;
    position: relative;
}

.open-close-line {
    background-color: var(--background--bg-black);
    border-radius: 500px;
    width: 100%;
    height: 2.25px;
    position: absolute;
}

.open-close-line.second-line {
    transform: rotate(90deg);
}
.section-team-member {
    background-color: black;
    color: var(--color--white);
    padding-top: 85px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.team-member-section-title {
    width: 100%;
    max-width: 694px;
    margin-left: auto;
    margin-right: auto;
}

.team-member-component {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: center;
    margin-top: 60px;
    display: flex;
}

.team-member-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    flex: none;
    align-items: center;
    display: flex;
}

.team-member-card {
    border-radius: var(--border-radius--8px);
    background-color: var(--color--white);
    flex: none;
    width: 100%;
    min-height: 350px;
    max-height: 350px;
    padding-top: 16px;
    position: relative;
    overflow: hidden;
}

.team-member-info-card {
    z-index: 3;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: var(--border-radius--8px);
    background-color: var(--color--blue);
    flex-direction: column;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 16px;
    left: 0%;
    right: 0%;
}

.team-member-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.team-member-info-card p {
    font-size: 15.9px;
}

.team-member-info-card a {
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    border-radius: 100px;
    line-height: 1.5;
    text-align: center;
}
.team-member-info-card a i {
    margin-right: 6px;
}

.team-card-sub-image {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.team-member-image {
    z-index: 2;
    position: relative;
}
.title-24px {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.cta-v2-wrap {
    border-radius: var(--border-radius--16px);
    /* background-color: var(--background--bg-black); */
    background-color: #e6eaeb;
    color: var(--color--white);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px;
}

.cta-v2-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.cta-v2-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: center;
    display: flex;
}

.cta-v2-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.cta-v2-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

.cta-v2-image {
    transform-style: preserve-3d;
    width: 135px;
}

.section-our-story {
    padding-top: 140px;
    padding-bottom: 140px;
}

.our-story-component-content-wrap {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.time-line-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: flex;
    position: relative;
}

.time-line-content-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.time-line-track {
    background-color: rgba(87, 74, 255, 0.1);
    width: 2px;
    height: 100%;
    position: absolute;
}

.time-line-track-thumb {
    background-color: var(--color--blue);
    width: 100%;
    height: 5%;
}

.time-line-circle {
    z-index: 3;
    background-color: var(--color--blue);
    border-radius: 50%;
    flex: none;
    width: 24px;
    height: 24px;
    margin-left: -11px;
    position: relative;
}

.time-line-item-inner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex !important;
    display: -webkit-flex !important;
}

.timeline-month {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.14286;
}

.time-line-item-image-wrap {
    width: 272px;
    max-width: 100%;
    display: -webkit-flex !important;
    display: -webkit-box !important;
    display: flex !important;
}

.time-line-item-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: -webkit-flex !important;
    display: -webkit-box !important;
    display: flex !important;
}

.time-line-item-image {
    border-radius: var(--border-radius--8px);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.time-line-text-wrap {
    width: 100%;
    max-width: 272px;
}

.input-field {
    border-radius: var(--border-radius--8px);
    background-color: var(--color--white);
    color: var(--color--black);
    border: 1px solid rgba(71, 71, 71, 0.2);
    min-height: 42px;
    margin-bottom: 0;
    padding: 12px 16px;
}

.input-field:focus {
    border-color: rgba(71, 71, 71, 0.2);
}

.input-field::placeholder {
    font-family: var(--font-family--inter);
    color: rgba(5, 4, 25, 0.4);
}
.section-contact-hero {
    position: relative;
    overflow: hidden;
    /* background: white !important; */
    background-image: url("downloads/girl-having-online-class-her-tablet.png");
}
.social-link-wrap {
    background-color: var(--color--gray);
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 9px;
    font-family: "Fa Brands 400", sans-serif;
    font-size: 18px;
    line-height: 1;
    display: flex;
    position: relative;
}

.seperator-wrap {
    z-index: 2;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}
.contact-hero-component {
    padding-top: 80px;
    padding-bottom: 0;
    position: relative;
}

.contact-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-form-image-wrap {
    border-radius: var(--border-radius--8px);
    overflow: hidden;
}

.contact-form-image {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
}

.contact-form-image:hover {
    transform: scale(1.1);
}

.submit-button {
    z-index: 2;
    border-radius: var(--border-radius--8px);
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
}

.submit-button-wrap {
    border-radius: var(--border-radius--8px);
    background-color: var(--background--bg-black);
    margin-top: 16px;
    position: relative;
    overflow: hidden;
}

.section-contact-help {
    background-color: var(--background--bg-black);
    color: var(--color--white);
    padding-bottom: 140px;
    position: relative;
}

.contact-help-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-help-list-item {
    border-radius: var(--border-radius--8px);
    background-color: var(--color--white);
    color: var(--color--black);
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    display: flex;
}

.contact-help-item-para-wrap {
    margin-top: 16px;
    margin-bottom: 60px;
}

.contact-help-button-wrap {
    margin-top: auto;
    display: flex;
}

.form-heading-wrap {
    margin-bottom: 16px;
}

.section-our-location {
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}
.our-location-tiltle-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 878px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.our-location-tab {
    grid-column-gap: 62px;
    grid-row-gap: 62px;
    grid-template:
        "."
        / 1fr 1.3fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.our-location-tab-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
}
.section-client-logo {
    background-color: var(--background--bg-black);
    color: var(--color--white);
    padding-bottom: 140px;
    position: relative;
}
.footer-copy-rights-text {
    font-size: 18px;
    line-height: 1.55556;
}

.testimonial-author-image-wrap {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 166px;
    height: 179px;
    position: relative;
    overflow: hidden;
}

.testimonial-author-gradient {
    z-index: -1;
    background-image: linear-gradient(
        318deg,
        var(--color--gradient-1) 12.45%,
        var(--color--gradient-2) 87%
    );
    border-radius: 50%;
    width: 164px;
    height: 164px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.section-how-it-works {
    background-color: var(--commonWhite);
    color: var(--commonColor);
    padding-bottom: 15px;
}
.gray-background.article-template-body {
    height: calc(100% - 500px);
}
.our-location-title-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.our-location-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}
.our-location-tab-pane {
    width: 100%;
    height: 100%;
}

.our-location-tab-wrap {
    margin-top: 60px;
}
.our-location-tab-content {
    width: 100%;
    height: 100%;
}

.location-map {
    border-radius: var(--border-radius--16px);
    width: 100%;
    height: 100%;
}
.primary-button-text {
    z-index: 99;
    position: relative;
}
/* -----------------------------------------------------------Sumit 2--------------------------------------------- */
.social-link-hover-gradient {
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.social-icon {
    z-index: 2;
    position: relative;
}

.background-gradient {
    border-radius: 8px;
    background-image: linear-gradient(90deg, #ff7e5f 5%, #feb47b);
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.our-story-title-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}
.glass-abstract-wrapper {
    width: 105vw;
    height: 700px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.glass-abstract-wrapper.article-template-hero-glass {
    width: 110vw;
    bottom: -20%;
}

.glass-abstract-wrapper.latest-article-hero-glass {
    width: 110vw;
    bottom: -27%;
}

.glass-abstract-size {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.glass-abstract-move {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.glass-abstract-move.faq-glass-abstract-move,
.glass-abstract-move.article-template-abstract-move {
    transform: translate(0, -52px);
}
.success-message {
    font-family: var(--font-family--inter);
    color: #027a48;
    background-color: #f6fef9;
    border: 1px solid #6ce9a6;
    border-radius: 4px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.42857;
    clear: both;
}

.form-notice-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    display: flex;
}

.error-message {
    font-family: var(--font-family--inter);
    color: #b42318;
    background-color: #fffbfa;
    border: 1px solid #fda29b;
    border-radius: 4px;
    line-height: 1.25;
    clear: both;
}

.section-pricing-hero {
    position: relative;
    overflow: hidden;
    background: black !important;
}
.pricing-card h2 {
    color: #000 !important;
}
.pricing-hero-component {
    padding-top: 56px;
    padding-bottom: 700px;
    position: relative;
}

.pricing-hero-content-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.section-pricing {
    position: relative;
}

.pricing-component {
    z-index: 3;
    margin-bottom: 60px;
    position: relative;
}

.pricing-tab-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: -720px;
    display: flex;
}

.pricing-tabs-menu {
    border-radius: var(--border-radius--8px);
    background-color: var(--color--gray);
    margin-bottom: 50px;
    padding: 0;
    display: flex;
    border: 1.5px solid #0a008e;
    overflow: hidden;
}

.pricing-card-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.pricing-card {
    border-radius: var(--border-radius--16px);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    background-color: #fff;
    height: 100%;
}

.pricing-content-wrap {
    flex-flow: column;
    height: 100%;
    padding: 20px;
    display: flex;
}

.pricing-card-header {
    border-bottom: 1px solid rgba(5, 4, 25, 0.1);
    padding-bottom: 32px;
    position: relative;
}

.pricing-feature-wrap {
    padding-top: 32px;
    padding-bottom: 66px;
}

.pricing-feature-title {
    font-weight: 700;
}

.pricing-feature-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: 16px;
    display: flex;
}

.pricing-feature-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.pricing-button-wrap {
    margin-top: auto;
    display: inline-flex;
}

.pricing-plan-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 16px;
    margin-bottom: 4px;
    display: flex;
}

.pricing-plan-category {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.66667;
}

.pricing-plan {
    font-size: 42px;
    line-height: 1.14286;
}

.opacity-80 {
    opacity: 0.8;
}

.pricing-tab-link {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: var(--background--bg-black) !important;
    justify-content: center;
    align-items: center;
    min-width: 174px;
    padding: 10px 24px;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
}

.pricing-tab-link.w--current {
    color: #222 !important;
    background-color: var(--color--transparent) !important;
}

.background-black {
    z-index: -1;
    background-color: var(--background--bg-black);
    height: 40%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.pricing-hero-para-wrap {
    text-align: center;
}

.section-article-template-hero {
    position: relative;
    overflow: hidden;
}

.article-template-hero-component {
    padding-top: 192px;
    padding-bottom: 544px;
    position: relative;
}
.article-title {
    text-align: center;
    font-size: 58px;
    line-height: 1.03448;
}

.article-template-title-wrap {
    margin-top: 12px;
    margin-bottom: 40px;
}

.article-template-hero-social-wrap {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.back-button-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.back-button-text {
    font-weight: 700;
}

.section-article-template-body {
    padding-bottom: 120px;
    position: relative;
}

.article-template-component {
    z-index: 2;
    width: 100%;
    max-width: 934px;
    margin-top: -520px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.article-template-component-inner {
    border-radius: var(--border-radius--16px);
    background-color: var(--color--white);
    width: 100%;
    padding: 40px;
}

.article-template-thumbnail-wrap {
    border-radius: var(--border-radius--12px);
    height: 480px;
    overflow: hidden;
}

.article-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.article-author-info-wrap {
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 40px;
    display: flex;
}

.article-author-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.author-image {
    width: 100%;
    height: 100%;
}

.article-author-name {
    font-weight: 700;
}

.article-author-profession {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57143;
}

.article-more-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
}

.article-type-text {
    opacity: 0.8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57143;
}

.opacity-50 {
    opacity: 0.5;
}

.article-body h2 {
    margin-bottom: 30px;
    font-size: 42px;
    line-height: 1.14286;
}

.article-body h3 {
    margin-top: 80px;
    margin-bottom: 30px;
}

.article-body p {
    color: rgba(5, 4, 25, 0.8);
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55556;
}

.article-body blockquote {
    border-left-width: 6px;
    border-left-color: var(--color--blue);
    color: rgba(5, 4, 25, 0.4);
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}

.article-body blockquote b {
    color: rgba(5, 4, 25, 1);
}

.article-body blockquote.other-person {
    border-right: 6px solid #a7a0ff;
    border-left: none;
    border-right-width: 6px;
    border-right-color: #a7a0ff;
    color: rgba(5, 4, 25, 0.4);
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    text-align: right;
}

.article-body ul {
    margin-top: 16px;
}

.article-body li {
    opacity: 0.8;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55556;
}

.article-body ol {
    margin-top: 16px;
}

.article-body figure {
    margin-bottom: 30px;
}

.article-body img {
    border-radius: 10px;
}

.article-body h4 {
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 42px;
    line-height: 1.14286;
}

.article-body h1 {
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 1.2;
}

.article-toggle-button-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.article-toggle-button {
    border-radius: var(--border-radius--8px);
    background-color: var(--color--white);
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    padding: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.article-toggle-button-inner {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.article-toggle-button-icon.right-toggle-icon {
    transform: rotate(180deg);
}

.section-latest-articles {
    background-color: #ffffff;
    padding-bottom: 120px;
    margin-top: 20px;
}
/* -------------------------------------------------------------sapana-------------------------------------------------------------- */
.latest-articles-tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.latest-articles-tabs-content,
.latest-articles-tab-pane-inner {
    width: 100%;
}

.latest-articles-tabs-wrap {
    margin-top: 24px;
}

.article-item-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    display: flex;
}

.articles-thumbnail {
    border-radius: var(--border-radius--8px);
    min-height: 190px;
    overflow: hidden;
}

.latest-article-title {
    font-size: 24px;
    line-height: 1.33333;
    color: rgb(0, 0, 0);
}

.latest-article-title:hover {
    text-decoration: underline;
}

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

.section-latest-article-hero {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.latest-article-hero-component {
    padding-top: 192px;
    position: relative;
}

.latest-article-hero-content-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.latest-article-title-wrap {
    margin-top: 12px;
}

.feature-article-wrap {
    z-index: 2;
    border-radius: var(--border-radius--16px);
    background-color: var(--color--white);
    min-height: 460px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 16px;
    position: relative;
    display: none;
}

.divider {
    background-color: rgba(5, 4, 25, 0.1);
    width: 100%;
    height: 1px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.align-center {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.section-open-position {
    padding-bottom: 20px;
}

.open-position-title-wrap {
    text-align: center;
    margin-top: 12px;
}

.open-position-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: var(--border-radius--8px);
    flex-flow: column;
    padding: 30px;
    display: flex;
    position: relative;
    color: #000;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

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

.job-location-info-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    display: flex;
}

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

.open-position-hover-icon-wrap {
    background-image: linear-gradient(
        268deg,
        var(--color--gradient-1),
        var(--color--gradient-2)
    );
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 30px;
    left: auto;
    right: 30px;
}

.job-summary {
    width: 100%;
    max-width: 450px;
}

.job-position-title {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 1.25;
}

.article-item-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}
/* --------------------------------------------------------sapana-------------------------------------------------------------------- */
.popup-contact-form .heading-h3 {
    font-size: 30px;
}

.popup-contact-form .contact-form-image-wrap {
    position: relative;
}
.popup-contact-form .overlay {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(87, 74, 255, 0.7) !important;
    padding: 20px;
}
.popup-contact-form .overlay h2 {
    color: #ffffff;
    font-size: 34px;
    margin-bottom: 20px;
}
.popup-contact-form .overlay h2 span {
    display: inline-block;
    width: 100%;
    font-size: 20px;
}
.popup-contact-form .overlay h5 {
    font-weight: 400;
    font-size: 21px;
    font-style: italic;
    margin: 15px 0 8px 0;
    color: #ffffff;
    line-height: 1.3;
}
.popup-contact-form .overlay ul {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 10px 0;
}
.popup-contact-form .overlay ul li {
    font-size: 18px;
    color: #ffffff;
}
.popup-contact-form .overlay i {
    margin-right: 5px;
}
.popup-contact-form .overlay .integrations-bg {
    background: rgba(255, 255, 255, 0.9);
    padding: 8px;
    border-radius: 6px;
}

@media screen and (min-width: 1440px) {
    .primary-button {
        text-align: center;
    }

    .home-fearure-item {
        padding: 30px;
    }

    .feature-two-item-image-wrap {
        min-width: 568px;
    }

    .glass-abstract-image {
        object-fit: fill;
        display: block;
    }

    .cta-v2-content-wrap {
        perspective: 800px;
    }

    .cta-v2-image {
        transition: transform 0.35s;
    }

    .cta-v2-image:hover {
        transform: translate3d(0, 0, 25px);
    }

    .glass-abstract-move {
        transform: translate(0, 20px);
    }
}

@media screen and (max-width: 991px) {
    .heading-h2 {
        font-size: 48px;
    }
    .primary-button {
        padding-left: 24px;
        padding-right: 24px;
    }
    .section-home-feature {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .heading_p {
        font-size: 100px !important;
        background: red;
    }

    .home-fearure-item {
        padding: 16px;
    }

    .feature-title {
        margin-top: 24px;
        font-size: 18px;
    }
    .footer-top-inner {
        grid-column-gap: 65px;
        grid-row-gap: 65px;
        grid-template-columns: 1fr 1.5fr;
    }

    .home-feature-two-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1.1fr 1fr;
        margin-bottom: 10px !important;
    }

    .section-home-feature-two {
        padding-top: 0;
    }

    .feature-two-item-sub-image-1 {
        width: 240px;
        bottom: 16px;
    }

    .section-integration-feature {
        padding-top: 0px;
    }

    .integration-feature {
        grid-template-columns: 1.2fr 1fr;
    }

    .integration-feature-content {
        margin-bottom: 60px;
    }

    .integration-feature-image,
    .integration-feature-image.integration-logo-image {
        width: 100%;
        height: 100%;
    }

    .how-it-wrorks-component {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1.2fr;
    }

    .how-it-works-process-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .title-20px {
        font-size: 18px;
    }

    .how-it-works-process-counter-wrap {
        width: 60px;
        height: 60px;
    }

    .testimonial-slide {
        padding: 60px 40px 40px;
    }

    .testimonial-content-wrap {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
    }

    .testimonial-content-wrap.testimonial-v2-content {
        padding: 40px;
    }

    .testimonial-text {
        max-width: 60%;
        font-size: 32px;
    }

    .testimonial-author-name {
        font-size: 22px;
    }

    .testimonial-author-profession {
        font-size: 16px;
    }

    .slider-arrow {
        bottom: 40px;
    }

    .slider-arrow.left-arrow {
        right: 15%;
    }

    .section-quick-show {
        display: none;
    }
    .integration-cta-button-inner {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }

    .about-hero-component {
        padding-top: 132px;
    }

    .about-us-showcase-component {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .about-us-showcase-info-card {
        justify-content: flex-start;
    }

    .about-us-showcase-info-card.padding-bottom {
        padding-bottom: 0;
    }

    .about-us-showcase-info-card.padding-bottom-20px._04 {
        display: none;
    }

    .our-core-value-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .section-team-member,
    .section-monitoring-map {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .title-24px {
        font-size: 18px;
    }

    .section-our-story {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .our-story-component-content-wrap {
        grid-column-gap: 70px;
        grid-row-gap: 70px;
    }

    .timeline-month {
        font-size: 38px;
    }
    .contact-hero-component {
        padding-top: 132px;
    }

    .contact-form-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        padding: 30px;
    }

    .section-contact-help {
        padding-bottom: 100px;
    }

    .contact-help-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .contact-help-list-item {
        padding: 16px;
    }

    .contact-help-item-para-wrap {
        margin-bottom: 35px;
    }

    .section-our-location {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .our-location-tab {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .our-location-tab-menu {
        width: 100%;
    }

    .section-client-logo {
        padding-bottom: 100px;
    }
    .menu-button {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 6px;
        display: flex;
    }

    .menu-button.w--open {
        background-color: var(--color--transparent);
        color: var(--color--black);
    }
    .section-how-it-works {
        padding-bottom: 80px;
    }
    .our-location-title {
        font-size: 20px;
    }

    .our-location-tab-content {
        width: 100%;
    }
    .menu-icon-line-top,
    .menu-icon-line-bottom {
        background-color: rgba(5, 4, 25, 0.6);
        width: 20px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .menu-icon-line-middle {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .menu-icon-line-middle-inner {
        background-color: rgba(5, 4, 25, 0.6);
        width: 20px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .glass-abstract-wrapper.latest-article-hero-glass {
        bottom: -17%;
    }

    .glass-abstract-move.about-us-hero-abstract-move {
        transform: translate(0);
    }

    .glass-abstract-move.home-hero-glass-move {
        transform: translate(0, 54px);
    }
    .pricing-hero-component {
        padding-top: 132px;
        padding-bottom: 670px;
    }

    .pricing-hero-content-wrap {
        max-width: 600px;
    }

    .pricing-tab-wrapper {
        margin-top: -620px;
    }

    .pricing-card-row {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .pricing-content-wrap {
        padding: 16px;
    }

    .pricing-feature-wrap {
        padding-bottom: 50px;
    }

    .pricing-feature-item {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .background-black {
        height: 55%;
    }

    .hide-on-tablet {
        display: none;
    }

    .article-template-hero-component {
        padding-top: 132px;
    }

    .article-title {
        font-size: 48px;
    }

    .article-template-title-wrap {
        width: 90%;
    }

    .section-article-template-body {
        padding-bottom: 80px;
    }

    .article-template-thumbnail-wrap {
        height: auto;
        min-height: 300px;
    }

    .article-body h2 {
        margin-bottom: 24px;
    }

    .article-body h3 {
        margin-top: 60px;
        margin-bottom: 24px;
        font-size: 42px;
    }

    .article-body h4 {
        margin-top: 60px;
        margin-bottom: 24px;
    }

    .article-body h1 {
        margin-bottom: 24px;
    }

    .article-toggle-button {
        margin-top: 60px;
    }

    .section-latest-articles {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .articles-thumbnail {
        height: 100%;
        min-height: auto;
        max-height: 300px;
    }

    .collection-list {
        grid-template-columns: 1fr 1fr;
    }

    .section-more-article {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .more-article-collection-list {
        grid-template-columns: 1fr 1fr;
    }

    .latest-article-hero-component {
        padding-top: 132px;
    }

    .integration-hero-content-wrap {
        width: 100%;
        max-width: 600px;
    }

    .integration-cta-content-wrap {
        position: relative;
    }

    .section-open-position {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .open-position-collection-list {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .job-summary {
        max-width: 580px;
    }
    .testimonial-content-wrap {
        justify-content: end;
    }
}

@media screen and (max-width: 767px) {
    .contact-form-image-wrap {
        display: none !important;
    }

    .brand {
        max-width: 150px;
    }

    .nav-button.hide-on-mobile-landscape {
        display: none;
    }
    .circle-gradient {
        object-fit: fill;
    }

    .home-fearure-item {
        padding: 30px;
    }
    .footer-top-inner {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .footer-bottom-inner {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
    }

    .subscribe-form-block {
        width: 100%;
        max-width: 400px;
    }

    .home-feature-two-item {
        grid-column-gap: 50px !important;
        grid-row-gap: 50px !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }

    .feature-two-item-content {
        width: 100%;
        max-width: 568px;
    }

    .section-home-feature-two {
        padding-top: 7px;
    }

    .feature-two-item-image-wrap {
        width: 100%;
        max-width: 568px;
    }

    .integration-feature {
        grid-template-columns: 1.2fr;
    }

    .home-hero-image-wrap {
        margin-top: 30px;
    }

    .how-it-wrorks-component {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .how-it-works-title {
        max-width: 90%;
    }

    .testimonial-slide {
        padding: 40px 30px 30px;
    }

    .testimonial-content-wrap {
        grid-column-gap: 42px;
        grid-row-gap: 42px;
        flex-direction: column;
    }

    .testimonial-text {
        max-width: 100%;
        font-size: 32px;
    }

    .slider-arrow.left-arrow {
        right: 20%;
    }
    .cta-v2-inner {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 2fr;
    }

    .cta-v2-content-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
    }

    .cta-v2-content {
        align-items: center;
    }

    .cta-v2-title {
        font-size: 28px;
    }

    .cta-v2-image {
        width: 120px;
    }

    .our-story-component-content-wrap,
    .contact-form-wrap {
        grid-template-columns: 1fr;
    }

    .contact-help-list {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
    }

    .contact-help-list-item {
        padding: 24px;
    }
    .our-location-tab {
        grid-template-columns: 1fr;
    }
    .testimonial-author-image-wrap {
        order: -1;
    }
    .our-location-tab-wrap {
        margin-top: 40px;
    }

    .our-location-tab-content {
        min-height: 500px;
    }

    .glass-abstract-wrapper {
        height: 800px;
    }

    .glass-abstract-wrapper.latest-article-hero-glass {
        bottom: -21%;
    }

    .glass-abstract-size {
        width: 200%;
    }

    .glass-abstract-move {
        transform: translate(0, 164px);
    }

    .glass-abstract-move.about-us-hero-abstract-move {
        transform: translate(-147px, 88px);
    }

    .glass-abstract-move.faq-glass-abstract-move {
        transform: translate(-160px, 106px);
    }

    .glass-abstract-move.contact-us-abstract-move {
        transform: translate(0);
    }

    .glass-abstract-move.pricing-hero-glass-move {
        transform: translate(0, 70px);
    }

    .glass-abstract-move.home-hero-glass-move {
        transform: translate(-106px, 264px);
    }

    .glass-abstract-move.article-template-abstract-move {
        transform: translate(-160px, 106px);
    }

    .pricing-tab-wrapper,
    .pricing-tabs-menu {
        justify-content: center;
        align-items: center;
    }

    .pricing-tabs-content {
        width: 100%;
    }

    .pricing-card-row {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .pricing-content-wrap {
        padding: 30px;
    }

    .background-black {
        height: 80%;
    }

    .article-template-title-wrap {
        width: 100%;
    }

    .article-template-component-inner {
        padding: 30px;
    }

    .article-template-thumbnail-wrap {
        min-height: 230px;
    }

    .article-author-info-wrap.article-template-body-author-info {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 16px;
    }

    .article-more-info.article-template-body-type {
        order: -1;
    }

    .article-body h2,
    .article-body h3,
    .article-body h4 {
        font-size: 36px;
    }

    .article-body h1 {
        font-size: 42px;
    }

    .article-toggle-button {
        padding: 24px;
    }

    .section-latest-articles {
        padding-top: 60px;
    }

    .articles-thumbnail {
        width: 100%;
        max-height: 100%;
    }

    .collection-list {
        grid-column-gap: 24px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .more-article-collection-list {
        grid-template-columns: 1fr;
    }

    .hide-on-mobile-landscape {
        display: none;
    }

    .cta-side-image-wrap {
        display: none;
    }

    .job-summary {
        width: 86%;
    }
    .pricing-tabs-menu {
        display: block !important;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 42px;
        line-height: 0.9;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 34px;
    }

    h4 {
        font-size: 30px;
    }

    blockquote {
        padding-left: 20px;
        font-size: 20px;
    }
    .heading-h2 {
        font-size: 36px;
    }
    .heading-h3 {
        font-size: 34px;
    }
    .nav-button {
        width: 100%;
    }
    .primary-button {
        font-size: 16px;
    }

    .circle-gradient {
        object-fit: cover;
    }
    .section-home-feature {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .feature-title {
        font-size: 22px;
    }
    .footer-top-inner {
        padding-bottom: 40px;
    }

    .footer-top-right {
        grid-template-columns: 1fr 1fr;
    }

    .footer-link-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        margin-top: 20px;
    }

    .home-feature-two-item {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        margin-bottom: 60px;
    }

    .feature-two-item-sub-image-1 {
        width: 220px;
        bottom: 16px;
    }

    .section-integration-feature {
        padding-top: 0px !important;
    }

    .integration-feature {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        margin-top: 40px;
    }

    .integration-feature-content {
        margin-bottom: 40px;
    }

    .how-it-works-title {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .how-it-works-process-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .testimonial-slide {
        padding: 24px 18px 18px;
    }

    .testimonial-content-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .testimonial-content-wrap.testimonial-v2-content {
        padding: 30px;
    }

    .testimonial-text {
        font-size: 26px;
    }

    .testimonial-author-name {
        font-size: 18px;
    }

    .slider-arrow {
        display: none;
    }

    .open-close-icon-wrapper {
        width: 14px;
        min-height: 14px;
    }

    .accordion-title {
        font-size: 38px;
    }
    .section-team-member {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .team-member-component {
        margin-top: 40px;
    }
    .title-24px {
        font-size: 22px;
    }

    .cta-v2-title {
        text-align: center;
        font-size: 26px;
    }

    .section-our-story {
        padding-top: 60px;
        padding-bottom: 0px !important;
    }

    .our-story-component-content-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .time-line-item-inner {
        flex-direction: column;
    }

    .timeline-month {
        font-size: 32px;
    }

    .time-line-item-image-wrap {
        width: 100%;
    }
    .contact-hero-component {
        padding-top: 110px;
    }

    .contact-form-wrap {
        margin-top: 40px;
        padding: 24px;
    }

    .section-contact-help {
        padding-bottom: 80px;
    }

    .contact-help-list-item {
        padding: 30px;
    }

    .section-our-location {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section-client-logo {
        padding-bottom: 60px;
    }

    .footer-copy-rights-text {
        text-align: center;
        font-size: 16px;
    }
    .section-how-it-works {
        padding-bottom: 10px !important;
    }
    .our-location-tab-content {
        min-height: 400px;
    }
    .indicator-details {
        right: 12%;
    }
    .glass-abstract-wrapper {
        z-index: 1;
    }

    .glass-abstract-wrapper.latest-article-hero-glass {
        height: 770px;
    }

    .glass-abstract-wrapper.home-hero-glass {
        z-index: 2;
    }

    .glass-abstract-move {
        bottom: -90px;
        right: -10%;
        transform: translate(-277px, 282px);
    }

    .glass-abstract-move.about-us-hero-abstract-move {
        transform: translate(-7px, -34px);
    }

    .glass-abstract-move.faq-glass-abstract-move {
        transform: translate(-228px, -83px);
    }

    .glass-abstract-move.contact-us-abstract-move {
        bottom: -225px;
    }

    .glass-abstract-move.pricing-hero-glass-move {
        transform: translate(-142px, 300px);
    }

    .glass-abstract-move.home-hero-glass-move {
        bottom: 90px;
        right: 9%;
        transform: translate(-106px, 390px);
    }

    .glass-abstract-move.article-template-abstract-move {
        transform: translate(-228px, 100px);
    }
    .pricing-hero-component {
        padding-top: 110px;
        padding-bottom: 390px;
    }

    .pricing-tab-wrapper {
        margin-top: -360px;
    }

    .pricing-tabs-menu {
        margin-bottom: 40px;
    }

    .pricing-feature-wrap {
        padding-bottom: 40px;
    }

    .pricing-plan {
        font-size: 36px;
    }

    .pricing-tab-link {
        min-width: auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .background-black {
        height: 91%;
    }

    .section-pricing-testimonial.pricing-page-testimonial {
        padding-top: 60px;
    }

    .article-template-hero-component {
        padding-top: 110px;
    }

    .article-title {
        font-size: 36px;
    }

    .section-article-template-body {
        padding-bottom: 60px;
    }

    .article-template-component-inner {
        padding: 16px;
    }

    .article-template-thumbnail-wrap {
        min-height: 140px;
    }

    .article-more-info {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-flow: column;
    }

    .article-more-info.article-template-body-type {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .article-body h2 {
        margin-bottom: 24px;
        font-size: 34px;
    }

    .article-body h3 {
        margin-top: 40px;
        margin-bottom: 24px;
        font-size: 34px;
    }

    .article-body blockquote {
        padding-left: 20px;
        padding-right: 0;
        font-size: 20px;
    }

    .article-body h4 {
        margin-top: 40px;
        font-size: 34px;
    }

    .article-body h1 {
        font-size: 38px;
    }

    .article-toggle-button {
        margin-top: 40px;
        padding: 16px;
    }

    .section-latest-articles {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .articles-thumbnail {
        min-height: auto;
    }

    .collection-list {
        grid-template-columns: 1fr;
    }

    .section-more-article {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .latest-article-hero-component {
        padding-top: 110px;
    }

    .divider {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .section-open-position {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .job-location-info {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .open-position-hover-icon-wrap {
        width: 36px;
        height: 36px;
    }

    .job-summary {
        width: 100%;
    }

    .job-position-title {
        font-size: 20px;
    }

    .our-step-item-para-wrap {
        text-align: center;
    }
}

#w-node-_4ec98f2b-9704-ab13-f4da-ec21161794d4-d466af30,
#w-node-_5ea11e30-384a-8ff1-c154-03a497780593-d466af30,
#w-node-bb68e3f0-6c69-fa5c-6e62-ab510ed4d0e2-d466af30,
#w-node-_9ae2d557-ffb3-c3fd-467e-e794f3337ae0-d466af30 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b8dc9fc-974d-5204-f4ae-a4a0f807d1b3-d466af30,
#w-node-_6d4e0a31-23dc-358f-578c-5751a153746e-d466af30 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_6d4e0a31-23dc-358f-578c-5751a153746d-d466af30,
#w-node-_29ed8110-9f5b-04ae-b130-be9e20f5bd4b-d466af30 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29ed8110-9f5b-04ae-b130-be9e20f5bd4c-d466af30 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_471666f7-f788-75b2-254f-a6df140fd4e8-d466af30,
#w-node-e52da5bd-ecf1-1125-962a-09f5f3ff6af9-d466af30,
#w-node-_68bea979-5323-9548-1dc8-7301e7ea792d-d466af30,
#w-node-aa29cb1f-f1ec-4c55-0973-29925825e5ea-d466af30,
#w-node-_5875f46c-1f1e-e10b-aa99-28be5e628e5f-d466af30,
#w-node-_062c0d27-4e40-d353-b57d-f074c5d55fac-d466af30,
#w-node-c72b289d-d05b-1f2a-354b-1b29dd4edb25-d466af30,
#w-node-b6395dac-0396-8136-bba5-f45782815dac-82815da8,
#w-node-b6395dac-0396-8136-bba5-f45782815dca-82815da8,
#w-node-b6395dac-0396-8136-bba5-f45782815dcb-82815da8,
#w-node-b6395dac-0396-8136-bba5-f45782815dd8-82815da8,
#w-node-b6395dac-0396-8136-bba5-f45782815de8-82815da8,
#w-node-_20db4045-bf75-5f63-8567-3cbdc52604fb-c52604f6,
#w-node-_20db4045-bf75-5f63-8567-3cbdc526050a-c52604f6,
#w-node-fefa56f9-89e7-a9a0-5935-ce79e48dcc48-d466af3c,
#w-node-e9535e9b-6e83-12b0-2c52-b38c76db9e61-d466af3c,
#w-node-c795db7d-d39c-28ea-bf04-914bafe622f7-d466af3c,
#w-node-d1a61bad-20c3-0a0c-e4ca-328db4fb9516-d466af3c,
#w-node-e0db61c5-f864-dc74-4fc5-acf1ac128332-d466af3c,
#w-node-dad8ef53-69a3-91f1-4cfc-edfdd68c6636-d466af3c,
#w-node-c568c429-73ea-72e2-ac14-87107dfcd939-d466af3c,
#w-node-_243b407d-ef29-327f-859a-0378a58d4d86-d466af3c,
#w-node-_5355f93a-7c21-3f94-c8b4-0c5408b51daa-d466af3c,
#w-node-_7e6632d8-0580-6138-e403-9537710338b8-d466af3c,
#w-node-_4e0ba21e-945b-553b-de33-31ac47dd68a4-d466af3c,
#w-node-c30ff2a7-2a8b-6330-4f69-99bb6d68d505-d466af3c,
#w-node-e156ff77-df99-d247-effe-1126dd2d60fc-d466af3c,
#w-node-_3ee4836f-214f-c1c0-c7be-56d9ddc216aa-d466af3c,
#w-node-_72733ba1-c4a2-40eb-9cb8-618e1f5f3932-d466af3c,
#w-node-_172b03dd-8c3c-4f54-126d-20342b70eab8-d466af3c,
#w-node-cb29ec43-6e8e-e1e1-2002-ac949b65e8da-d466af3c,
#w-node-_17f8e0ce-b492-ac98-6819-8d107486d781-d466af3c,
#w-node-_289f6a57-e448-f2cc-5c94-ac7c8592e788-d466af3c,
#w-node-a7049d71-7a99-b7cf-3a1b-1e649434d3d6-9434d3d4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7049d71-7a99-b7cf-3a1b-1e649434d3dd-9434d3d4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
}

#w-node-b79c1574-e2af-f314-02ca-105aa43f62cc-d466af40,
#w-node-_3541faed-ef9b-83cc-5f46-2e17093f9932-d466af40 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_773aed11-d1a4-cb8c-3b4a-3e46d0ff6409-d466af40,
#w-node-ab20b289-4c68-0f76-dfad-b3082f4d2ca3-d466af40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0daa8a38-b4fe-3c39-874d-fb8a83b373b2-d466af40,
#w-node-f9f07921-807f-a302-0ff3-660894f09d4c-d466af40,
#w-node-_88d5ea23-54d6-8afe-5496-dd370255b5eb-d466af40 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17d55c4e-41e6-b1d5-b178-63fe0042a450-d466af40 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8600a34c-eb1e-2a39-b3ff-1ed22538f60c-d466af40,
#w-node-_067a3d9b-0aef-a852-ad22-4ff2aead7c76-d466af40,
#w-node-_9bffe3a1-b940-8adf-7cb9-54d635a86276-d466af47,
#w-node-a6f7a739-d671-0b30-fcff-4adf3b38ac06-d466af47,
#w-node-_73f090f9-be5b-5419-0a02-7f14cfeeb01f-d466af4b,
#w-node-_73f090f9-be5b-5419-0a02-7f14cfeeb02d-d466af4b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69dfbb74-4fdc-44f2-0b06-00bdc1c057f9-5ab3a614,
#w-node-_052cdebc-fe94-75e4-33e1-e72ef7944e56-9f02a1cc,
#w-node-e1f2ac3f-906c-6597-baf6-7ea33f8b6c13-d10cf0da {
    align-self: center;
}

#w-node-ba63e2e4-1a2e-8094-0727-50303cc157f5-d10cf0da {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_07231be1-3a83-b207-ee51-f30a9d9a51d2-d10cf0da {
    align-self: center;
}

#w-node-_019b34b0-5188-ac50-6be6-63f5874b7962-9367533f,
#w-node-_0b627e5d-38ce-ede7-5fa4-dfbdc1ac8719-9367533f,
#w-node-ae5d321b-d5cf-dd59-6ca4-fc4561e0fc9e-9367533f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15a38003-9d35-fd48-35f4-5144f125fb05-077ca652,
#w-node-_15a38003-9d35-fd48-35f4-5144f125fb09-077ca652,
#w-node-_15a38003-9d35-fd48-35f4-5144f125fb0d-077ca652,
#w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa11-3e4f5721,
#w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa15-3e4f5721,
#w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa1d-3e4f5721 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5927656f-f836-fd36-10c2-06881d06e813-544dd7a1 {
    grid-area: 1 / 2 / 2 / 2;
}

#w-node-_91daecfc-9598-daf1-c136-db1ad565fda9-ba470ed7,
#w-node-_91daecfc-9598-daf1-c136-db1ad565fdad-ba470ed7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
    #w-node-_9ae2d557-ffb3-c3fd-467e-e794f3337ae0-d466af30,
    #w-node-_6d4e0a31-23dc-358f-578c-5751a153746d-d466af30 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@media screen and (max-width: 991px) {
    #w-node-_88d5ea23-54d6-8afe-5496-dd370255b5eb-d466af40 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-d4253e37-4f07-7128-86f2-6ceb5be9fbbb-d10cf0da {
        align-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_6d4e0a31-23dc-358f-578c-5751a153746d-d466af30 {
        order: -9999;
    }

    #w-node-c795db7d-d39c-28ea-bf04-914bafe622f7-d466af3c {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-a7049d71-7a99-b7cf-3a1b-1e649434d3dd-9434d3d4,
    #w-node-_467a534c-3283-8041-55b7-1cec9db73a95-9f02a1cc {
        justify-self: center;
    }

    #w-node-d4253e37-4f07-7128-86f2-6ceb5be9fbbb-d10cf0da {
        order: -9999;
        justify-self: center;
    }

    #w-node-fff91058-1474-9700-8cf7-36f98d7f409e-d10cf0da,
    #w-node-_684fb7a4-c646-a951-10b5-669ea80d1fc5-9367533f {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_40a329c3-070b-07bd-a5b3-3be4d88d4aba-9367533f {
        order: -9999;
    }

    #w-node-_019b34b0-5188-ac50-6be6-63f5874b7962-9367533f,
    #w-node-_0b627e5d-38ce-ede7-5fa4-dfbdc1ac8719-9367533f,
    #w-node-ae5d321b-d5cf-dd59-6ca4-fc4561e0fc9e-9367533f {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-b6395dac-0396-8136-bba5-f45782815de8-82815da8 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-c795db7d-d39c-28ea-bf04-914bafe622f7-d466af3c {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-f28fb1f6-40bc-20ab-f089-1c08f18e148d-d466af40,
    #w-node-_4e69f631-cfec-bc7b-8d53-52d8256ddd6d-d466af40,
    #w-node-c10c5850-0217-d29d-a2dc-8877b247d50f-d466af40,
    #w-node-_537671c4-9546-f6df-0693-9b59a8c4b23f-d466af40 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-fff91058-1474-9700-8cf7-36f98d7f409e-d10cf0da,
    #w-node-_684fb7a4-c646-a951-10b5-669ea80d1fc5-9367533f {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_15a38003-9d35-fd48-35f4-5144f125fb05-077ca652,
    #w-node-_15a38003-9d35-fd48-35f4-5144f125fb09-077ca652,
    #w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa09-3e4f5721,
    #w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa0d-3e4f5721,
    #w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa11-3e4f5721,
    #w-node-_9eb8bd6f-882d-bdca-c086-4e17327dfa15-3e4f5721,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fd99-ba470ed7,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fda1-ba470ed7,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fd9d-ba470ed7,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fda5-ba470ed7,
    #w-node-f861451b-c57d-9246-94b9-ae9f7fd06730-ba470ed7,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fda9-ba470ed7,
    #w-node-_91daecfc-9598-daf1-c136-db1ad565fdad-ba470ed7 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/inter-v13-latin-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/inter-v13-latin-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/inter-v13-latin-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa Brands 400";
    src: url("../fonts/FontAwesome/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa 400";
    src: url("../fonts/FontAwesome/fa-regular-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa Solid 900";
    src: url("../fonts/FontAwesome/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cabinetgrotesk";
    src: url("../fonts/CabinetGrotesk/CabinetGrotesk-Bold.ttf")
        format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cabinetgrotesk";
    src: url("../fonts/CabinetGrotesk/CabinetGrotesk-Medium.ttf")
        format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cabinetgrotesk";
    src: url("../fonts/CabinetGrotesk/CabinetGrotesk-Regular.ttf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.wf-force-outline-none[tabindex="-1"]:focus {
    outline: none;
}
a {
    cursor: pointer;
}

.contact_form {
    clear: both;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.aiva_demo {
    background: transparent;
}
.aiva_demo.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.aiva_demo .box {
    width: 270px;
    background: #fff;
    margin: 10% auto;
    margin-bottom: 0 !important;
    display: block;
}
.aiva_demo .close-demo {
    border-radius: var(--border-radius--8px);
    border: 1.5px solid #0a008e;
    color: var(--color--black);
    text-transform: capitalize;
    padding: 15px 15px;
    font-family: Cabinetgrotesk, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.44444;
    text-transform: capitalize;
    display: block;
    width: 130px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.aiva_tutorial {
    background: transparent;
}
.aiva_tutorial.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.aiva_tutorial .box {
    width: 500px;
    background: #fff;
    margin: 8% auto;
    margin-bottom: 0 !important;
    display: block;
}
.aiva_tutorial .close-tutorial {
    border-radius: var(--border-radius--8px);
    border: 1.5px solid #0a008e;
    background-color: var(--color--white);
    color: var(--color--black);
    text-transform: capitalize;
    padding: 15px 15px;
    font-family: Cabinetgrotesk, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.44444;
    text-transform: capitalize;
    display: block;
    width: 130px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.popup-contact-form {
    display: none;
}
.popup-contact-form .contact-form-wrap {
    grid-column-gap: 20px;
}
.popup-contact-form {
    overflow-y: auto;
}
.popup-contact-form.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

#contact-us-popup-box {
    width: 86%;
    margin: 5% auto;
    padding: 20px;
    border: none !important;
}
#contact-us-popup-box h2 {
    float: left;
}
#contact-us-popup-box .form-heading-wrap {
    margin: 0;
}
#contact-us-popup-box .close-popup-contact-form {
    float: right;
    font-size: 60px !important;
    line-height: 0.9;
}

.whatsapp {
    position: fixed;
    bottom: 20px;
    z-index: 3;
    right: 20px;
}
.whatsapp a {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 100%;
    background: #59ce72;
    box-shadow: 0 1px 10px rgb(0 0 0 / 20%);
    display: block;
    text-align: center;
    padding: 10px 0;
}
.whatsapp a i {
    font-size: 26px;
    color: #ffffff;
}

.w-100 {
    width: 100%;
}
.d-none {
    display: none;
}
.form-field-wrap {
    margin-bottom: 10px;
    color: #000 !important;
}
.overflow-y-hidden {
    overflow-y: hidden !important;
}
.overflow-y-auto {
    overflow-y: auto !important;
}

.text-danger {
    color: red;
}
.text-success {
    color: green;
}
.iti {
    width: 100%;
}

.mobile-button {
    display: none;
}
@media (max-width: 2000px) {
    .popup-contact-form .overlay h2 {
        margin-bottom: 10px;
    }
    .popup-contact-form .overlay ul {
        margin: 0;
    }
}
@media (max-width: 1800px) {
    .popup-contact-form .overlay h2 {
        margin-bottom: 20px !important;
    }
    .popup-contact-form .overlay ul {
        margin: 10px 0 !important;
    }
}
@media (max-width: 1024px) {
    .section-contact-hero .overlay h2 span {
        display: block;
        line-height: 1.2;
        margin: 10px 0;
    }
    .section-contact-hero .overlay ul {
        margin: 10px 0 !important;
    }
    .popup-contact-form .overlay h2 {
        margin: 0 !important;
    }
    .popup-contact-form .overlay h2 span {
        margin: 6px 0 !important;
    }
    .popup-contact-form .overlay ul {
        margin: 5px 0 0 !important;
    }
    .popup-contact-form .overlay h5 {
        margin-top: 0 !important;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.6 !important;
    }
}
@media (max-width: 991px) {
    .nav-button.hide-on-mobile-landscape {
        display: none;
    }

    .popup-contact-form .our-story-component-content-wrap,
    .popup-contact-form .contact-form-wrap {
        grid-template-columns: 1fr 1fr;
    }
    #contact-us-popup-box {
        width: 95%;
    }
    .popup-contact-form .overlay ul {
        margin-bottom: 0;
    }
    #contact-us-popup-box h2 {
        margin-bottom: 10px;
    }
    .popup-contact-form .overlay h2 span {
        display: block;
        font-size: 19px;
    }
    .popup-contact-form .overlay h2 {
        font-size: 34px;
        margin: 0 !important;
    }
    .popup-contact-form .overlay h2 span {
        display: block;
        font-size: 16px;
        margin: 10px 0;
    }
    .popup-contact-form .overlay ul li {
        font-size: 16px;
    }
    .popup-contact-form .overlay h5 {
        font-size: 18px;
        margin-bottom: 5px !important;
    }
    .popup-contact-form .overlay i {
        margin-right: 4px;
    }
    .section-contact-hero .contact-form-wrap {
        padding: 20px !important;
    }
    .section-contact-hero .overlay {
        padding: 20px !important;
    }
    .section-contact-hero .overlay h2 {
        font-size: 32px !important;
        margin: 0 !important;
    }
    .section-contact-hero .overlay h2 span {
        display: block;
        font-size: 16px !important;
        margin: 10px 0 !important;
    }
    .section-contact-hero .overlay ul {
        margin: 0 !important;
    }
    .section-contact-hero .overlay ul li {
        font-size: 16px !important;
    }
    .section-contact-hero .overlay h5 {
        font-size: 17px !important;
        margin: 10px 0 5px 0 !important;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.9 !important;
    }
    .contact-form-block .divide-two {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 850px) {
    .popup-contact-form .overlay h2 {
        font-size: 32px;
    }
    .section-contact-hero .overlay h2 {
        font-size: 25px !important;
    }
}
@media (max-width: 768px) {
    #contact-us-popup-box {
        margin: 4% auto;
        padding: 15px;
    }
    .popup-contact-form .overlay h2 {
        font-size: 29px;
    }
}
@media (max-width: 767px) {
    .pricing_modal {
        left: 0px !important;
    }

    .popup-contact-form .overlay h2 {
        font-size: 27.8px;
    }
    .section-contact-hero .overlay h2 {
        font-size: 28px !important;
    }
    .section-contact-hero .overlay h2 span {
        font-size: 17px !important;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.4;
    }
    .contact-form-block .divide-two {
        grid-template-columns: 1fr !important;
    }
    .contact-form-image-wrap {
        height: 500px;
    }
}
@media (max-width: 670px) {
    .pricing_modal {
        left: 0px !important;
    }

    .popup-contact-form .overlay h2 {
        font-size: 24px;
    }
    .popup-contact-form .overlay {
        padding: 15px;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.9 !important;
    }
}
@media (max-width: 479px) {
    .pricing_modal {
        left: 0px !important;
    }

    html.w-mod-js:not(.w-mod-ix)
        [data-w-id="264e7775-a124-e53e-ad60-0f123178baa6"] {
        opacity: 0;
    }
    .aiva_demo .box {
        width: 100%;
    }
    .aiva_tutorial .box {
        width: 100%;
    }
    .time-line-item-image {
        height: auto;
    }
    .article-image {
        height: auto;
    }
    .popup-contact-form .contact-form-wrap {
        flex-direction: column-reverse;
        display: flex;
    }
    .popup-contact-form .our-story-component-content-wrap,
    .popup-contact-form .contact-form-wrap {
        grid-template-columns: 1fr;
    }
    #contact-us-popup-box .close-popup-contact-form {
        line-height: 0.7;
    }
    #contact-us-popup-box h2 {
        font-size: 30px !important;
        margin: 0;
    }
    .popup-contact-form .overlay h2 span {
        font-size: 14.8px;
        margin: 5px 0 !important;
    }
    .popup-contact-form .overlay ul li {
        font-size: 14.9px;
        line-height: 1.55;
    }
    .popup-contact-form .overlay h5 {
        font-size: 18px;
        margin: 6px 0 5px 0 !important;
    }
    .popup-contact-form .input-field {
        height: auto;
        min-height: unset;
        padding: 10px 12px;
    }
    .popup-contact-form .submit-button {
        padding: 8px 12px;
    }
    .section-contact-hero .contact-form-wrap {
        padding: 15px !important;
    }
    .section-contact-hero .overlay ul li {
        font-size: 14px !important;
    }
    .section-contact-hero .overlay h2 {
        font-size: 23px !important;
    }
    .section-contact-hero .overlay h2 span {
        font-size: 16px !important;
        margin: 5px 0 !important;
    }
    .section-contact-hero .overlay {
        padding: 15px !important;
    }
    .section-contact-hero .overlay h5 {
        font-size: 15px !important;
    }
    .our-story-component-content-wrap,
    .contact-form-wrap {
        grid-template-columns: 1fr;
    }
    .popup-contact-form .contact-form-wrap {
        grid-row-gap: 20px !important;
    }
    .watch-demo-btn {
        display: none;
    }
    .home-hero-image-wrap {
        margin-top: 8px !important;
    }
    .mobile-button {
        display: table;
        margin: 12px auto;
        margin-bottom: 0 !important;
        text-align: center;
    }
    .desktop-button {
        display: none;
    }
    .video-overlay img {
        width: 70px !important;
        top: 20px !important;
    }
    .video-overlay h4 {
        margin: 6% auto !important;
    }
}
@media (max-width: 400px) {
    .section-contact-hero .overlay h2 {
        font-size: 26px !important;
    }
    .popup-contact-form .overlay h2 span {
        font-size: 14px;
        margin: 6px 0;
    }
    .popup-contact-form .overlay ul li {
        font-size: 14px;
        line-height: 1.4;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.7 !important;
    }

    .pricing_modal {
        left: 0px !important;
    }
}
@media (max-width: 380px) {
    .section-contact-hero .overlay h2 {
        font-size: 25px !important;
    }
    .section-contact-hero .overlay h2 span {
        font-size: 14px !important;
        margin: 5px 0 !important;
    }
    .section-contact-hero .overlay h5 {
        font-size: 15px !important;
        margin: 5px 0 !important;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.2;
    }
    .popup-contact-form .contact-form-image-wrap {
        height: 435px;
    }
    .section-contact-hero .overlay ul li {
        line-height: 1.8 !important;
    }
    .pricing_modal {
        left: 0px !important;
    }
}
@media (max-width: 370px) {
    .popup-contact-form .overlay ul li {
        line-height: 1.35;
    }
    .popup-contact-form .overlay {
        padding: 15px;
    }
    .section-contact-hero .overlay ul li {
        font-size: 13px !important;
    }
    .section-contact-hero .overlay h2 {
        font-size: 24px !important;
    }
    .section-contact-hero .overlay h5 {
        font-size: 14px !important;
    }

    .pricing_modal {
        left: 0px !important;
    }
}

.footer_pricing {
    position: relative;
    cursor: pointer;
}

.pricing_modal {
    padding: 8px;
    background: #3f4145;
    border-radius: 8px;
    position: absolute;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.footer_pricing:hover .pricing_modal {
    opacity: 1;
    visibility: visible;
}

.banking_first_container {
    margin-top: 64px !important;
}
.main_header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 0.2s ease-in-out;
    transform: translateY(0); /* Show by default */
    z-index: 99999;
}

.main_header.hide {
    transform: translateY(-100%); /* Hide when scrolling down */
}

::-webkit-scrollbar {
    width: 7px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #343a40;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fixed-demo-button {
    position: fixed;
    left: 20px; /* Distance from the left side */
    bottom: 20px; /* Distance from the bottom */
    z-index: 1000; /* Keeps the button above other elements */
    cursor: pointer; /* Pointer cursor for better usability */
    align-items: center;
    justify-content: center;
    color: var(--commonColor);
    opacity: 0.9;
    padding: 6px 14px !important;
    font-size: 15px !important;
    border-radius: 8px;
    background: radial-gradient(
            231.94% 231.94% at 50% 100%,
            #8a6cff 0,
            rgba(53, 41, 128, 0) 25.24%
        ),
        linear-gradient(
            180deg,
            rgba(243, 238, 255, 0),
            rgba(243, 238, 255, 0.04)
        ),
        rgba(147, 130, 255, 0.01);
    box-shadow: 0 0 0 0 rgba(16, 0, 51, 0.4), 0 2px 5px 0 rgba(16, 0, 51, 0.39),
        0 8px 8px 0 rgba(16, 0, 51, 0.34), 0 19px 11px 0 rgba(16, 0, 51, 0.2),
        0 34px 14px 0 rgba(16, 0, 51, 0.06), 0 53px 15px 0 rgba(16, 0, 51, 0.01),
        inset 0 0 12px 0 hsla(0, 0%, 100%, 0.08), inset 0 -8px 32px 0 #1e0d49;
    transition: all 0.3s ease-in-out;
}
.fixed-demo-button:hover {
    color: #4194ed !important;
    background: radial-gradient(
            231.94% 231.94% at 50% 100%,
            #8a6cff 0,
            rgba(53, 41, 128, 0) 25.24%
        ),
        linear-gradient(
            180deg,
            rgba(243, 238, 255, 0),
            rgba(243, 238, 255, 0.04)
        ),
        rgba(147, 130, 255, 0.6);
}
.demo_button {
    text-decoration: none;
    border-radius: 5px;
    margin-left: 5px;
    font-weight: bold;
    padding: 5px 8px; /* Smaller button padding */
    display: none; /* Hide button by default */
}

@media (max-width: 768px) {
    .team-member-card {
        min-height: 400px !important;
        max-height: 400px !important;
    }
    .team-member-info-card {
        width: 310px !important;
    }
    .demo_button {
        display: inline-block !important;
    }
    @media (max-width: 479px) {
        .demo_button {
            display: inline-block !important;
        }
    }
    .video-overlay {
        height: 97% !important;
    }
}

.nav-link.active {
    border-bottom: 2px solid #c32270 !important ;
    color: #4194ed !important;
}

.wow {
    visibility: visible !important;
}

/* Team css */
.team_ceos_container {
    background-color: white;
    padding: 10px;
}
.ceo_img_container {
    background-color: #343a40;
    border-radius: 5px;
}

/* telephony page css */
.speedtech_logo {
    width: 8rem;
}
.navbar-collapse {
    flex-grow: 0 !important;
}
#navbarNav .nav-link {
    color: #fff;
}
.navbar-nav {
    gap: 3rem !important;
}

.header_login_btn {
    background: none;
    color: #fff;
    border: none;
    box-shadow: none;
}
.telephony_heading {
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 2rem;
    text-align: center;
}
.telephony_heading_subtext {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
}
.phone-mockup {
    background-image: url("../assets/speedtechImages/telephony_cell.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 380px;
    height: 600px;
    margin: 1rem auto;
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
}
.phone-header {
    font-weight: 500;
    background-color: #e7e5de;
    padding: 0.5rem 1rem;
    border-radius: 1rem 1rem 0 0;
    color: #000;
    margin-top: 4rem;
}
.telephony_happy_text {
    background-color: #e8e3db;
    padding: 0.5rem 1rem;
    color: #000;
}
.input_container {
    background-color: #d2d0ca;
    padding: 1rem;
    border-radius: 0 0 1rem 1rem;
}
.phone-input {
    border-radius: 0.5rem;
    border: 1px solid #ccc;
    padding: 0.75rem;
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
}
.btn-dark {
    border-radius: 0.5rem;
    padding: 0.75rem;
    width: 100%;
}
.background-brand {
    font-size: 12rem;
    color: #111;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    font-weight: 900;
    opacity: 0.1;
}
@media (max-width: 991px) {
    .content {
        padding: 5px !important;
    }
}
@media (max-width: 767px) {
    .book_demo_btn {
        display: none !important;
    }
    .lead {
        font-size: 1rem !important;
    }
    .barcode_container {
        display: none !important;
    }
    .down_direction_arrow {
        transform: rotate(90deg) !important;
    }
    .left_direction_arrow {
        left: -24px !important;
        transform: rotate(180deg) !important;
    }
    .pelephone_main_title {
        font-size: 1.7rem !important;
    }
    .telephony_section_title {
        font-size: 1.3rem !important;
    }
}
.logo-text {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}
.highlight {
    color: #0d6efd;
}
.number-box {
    background-color: #343a40;
    border-radius: 1rem;
}

.no_download_text {
    font-weight: 300;
}
.barcode_inner_container {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.barcode_img_container {
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
}
.barcode_img {
    height: 140px;
}
/* .common_border {
    border: 1px solid rgba(170, 170, 170, 0.4784313725);
    padding: 30px;
    border-radius: 10px;
    background: rgba(52, 58, 64, 0.3490196078);
} */
.claim_free_btn_container .all_button_css_telephony {
    padding: 8px 25px !important;
}
.arrow_img {
    position: absolute;
    top: 0%;
    right: -10px;
}

.speedtech_white_color {
    color: #fff !important;
}

.speedtech_black_color {
    color: #000 !important;
}

/* platform page css */
.platform_main_h1 {
    font-size: 35px;
    font-weight: 700;
}

.platform_first_section {
    padding: 0px !important;
}

.platform_first_section h2 {
    color: var(--commonColor);
    font-size: 50px;
    font-weight: 900;
}

.platform_first_section_p {
    color: #1198d4;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
}

.platform_first_section h3 {
    color: #00bcdd;
    font-size: 31px;
    font-weight: 700;
}

.platform_first_section li {
    font-size: 20px;
}

.platform_first_section ul {
    padding-left: 50px;
}

/* banking page css */
.img__img {
    background-image: url(../laptop_windows.jpg);
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banking_back_img {
    height: 94vh;
    width: 100%;
    object-fit: cover;
}

.banking_first_container {
    margin-top: 64px !important;
}

.banking_first_container_h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color: #ffffff !important;
    text-transform: capitalize;
    letter-spacing: 0.7px;
    font-weight: 600;
}

.banking_first_container h1 {
    padding-top: 140px;
    font-weight: 900;
    font-family: sans-serif;
    color: #00bcdd;
    font-size: 50px;
}

.banking_first_container h2 {
    font-weight: 700;
    font-family: sans-serif;
    color: #000;
    font-size: 31px;
}

.banking_first_container h4 {
    padding-top: 76px;
    font-weight: 500;
    font-family: sans-serif;
    color: #000;
    font-size: 22px;
}

.banking_first_container a {
    font-weight: 500;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    border: 1px solid black;
    border-radius: 5px;
    height: 32px;
    padding: 0px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banking_first_container a:hover {
    background: #00bcdd;
    border: none;
}

.banking_second_section {
    margin-top: 40px;
    padding: 0px 10px 30px 0px;
}

.banking_second_section h1 {
    font-weight: 900;
    font-family: sans-serif;
    color: var(--commonColor);
    font-size: 50px;
}

.banking_second_section h2 {
    font-weight: 700;
    font-family: sans-serif;
    color: #1198d4;
    font-size: 31px;
}

.banking_second_section h4 {
    font-weight: 600;
    font-family: sans-serif;
    font-size: 25px;
    color: #1198d4;
}

.banking_second_section p {
    font-weight: 300;
    font-family: sans-serif;
    color: var(--commonColor);
    font-size: 15px;
}

.banking_third_section {
    padding: 0px 0px 30px 0px;
}

.banking_third_section h1 {
    font-weight: 800;
    font-family: sans-serif;
    color: var(--commonColor);
    font-size: 35px;
}

.banking_third_section p {
    font-weight: 900;
    font-family: sans-serif;
    color: #00bcdd;
    font-size: 65px;
}

.banking_third_section span {
    font-weight: 600;
    font-family: sans-serif;
    color: var(--commonColor);
    font-size: 17px;
    height: 100%;
    display: flex;
    align-items: center;
}

.banking_inner_div1 {
    font-size: 25px;
    font-weight: 700;
    color: #1198d4;
}
@media screen and (max-width: 767px) {
    .contact-form-image-wrap {
        display: none !important;
    }
    .landing-screen header .header_left {
        justify-content: end !important;
    }

    .flip_col_div1 {
        justify-content: center;
    }

    .flip_col_div2 {
        justify-content: center;
    }

    .nav_ul {
        top: 70px;
        left: 0;
        width: 100%;
    }

    .nav-link a {
        text-align: left;
    }

    .main_text_h1 {
        font-size: 38px;
        font-weight: 700 !important;
        line-height: 1;
        opacity: 0.9 !important;
    }

    .nav_ul {
        top: 84px;
        width: 100%;
    }

    .nav-link a {
        text-align: left;
    }

    .header_left {
        margin-left: -65px !important;
    }

    .heading {
        font-size: 35px;
        font-weight: 600 !important;
        margin-top: 10px;
    }

    .dropdown-menu {
        width: 100%;
        font-size: 18px;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #5f58fa;
        font-weight: 600;
    }

    .carousel_h1 {
        color: var(--commonColor) !important;
        font-family: system-ui;
        font-size: 24px !important;
    }

    .carousel_p {
        font-size: 20px !important;
    }

    .carousel_icons {
        font-size: 28px !important;
    }

    .platform_modal_inner_container {
        padding: 0px 2px !important;
    }

    .platform_modal_inner h2 {
        font-size: 19px;
        color: var(--commonColor) !important;
    }

    .platform_modal_inner p {
        font-size: 14px;
        color: var(--commonColor) !important;
    }

    .feature_stack_img {
        height: 100% !important;
    }

    .platform_modal_dialog {
        max-width: 95% !important;
    }

    .platform_first_section h2 {
        font-size: 32px !important;
        line-height: 1 !important;
    }

    .platform_first_section_p {
        font-size: 22px !important;
    }

    .banking_first_container {
        margin-top: 64px;
    }
    .banking_back_img {
        height: 250px !important;
        object-fit: contain !important;
    }

    .banking_second_section {
        padding: 0px 10px 30px 10px !important;
        margin-top: 35px !important;
    }

    .banking_first_container h1 {
        padding-top: 30px !important;
    }

    .banking_second_section h1 {
        font-size: 35px !important;
    }

    .banking_second_section h2 {
        font-size: 24px !important;
    }

    .banking_second_section p {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .banking_third_section h1 {
        font-size: 35px;
    }

    .banking_third_section p {
        font-size: 50px;
        padding-left: 14px;
        padding-top: 20px;
    }

    .banking_third_section span {
        padding-left: 50px;
    }

    .banking_inner_div1 {
        padding-left: 50px;
    }

    .pricing_modal {
        left: 0px !important;
    }

    .carousel_inner_container {
        width: 95% !important;
    }

    .carousel_a {
        font-size: 18px !important;
    }

    .demo_button {
        display: block !important;
    }
}

@media screen and (max-width: 479px) {
    .demo_button {
        display: block !important;
    }
    .banking_back_img {
        height: 250px !important;
        object-fit: contain !important;
    }

    .banking_second_section {
        padding: 0px 10px 30px 10px !important;
        margin-top: 35px !important;
    }

    .banking_first_container h1 {
        padding-top: 50px !important;
    }

    .banking_second_section h1 {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .banking_second_section h2 {
        font-size: 24px !important;
    }

    .banking_second_section p {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .banking_third_section h1 {
        font-size: 35px;
    }

    .banking_third_section p {
        font-size: 50px;
        padding-left: 14px;
        padding-top: 20px;
    }

    .banking_third_section span {
        padding-left: 50px;
    }

    .pricing_modal {
        left: 0px !important;
    }

    .carousel_inner_container {
        width: 95% !important;
    }

    .carousel_a {
        font-size: 18px !important;
    }

    .platform_modal_inner_container {
        padding: 0px 2px !important;
    }

    .platform_modal_inner h2 {
        font-size: 19px !important;
    }

    .platform_modal_inner p {
        font-size: 14px !important;
    }

    .feature_stack_img {
        height: 100% !important;
    }

    .platform_modal_dialog {
        max-width: 95% !important;
    }

    .flip_col_div1 {
        justify-content: center !important;
    }

    .flip_col_div2 {
        justify-content: center !important;
    }

    .flip_word_div2 {
        width: 100% !important;
    }

    .flip_word_div2_p {
        text-align: center !important;
    }

    .heading {
        font-size: 35px;
        font-weight: 600 !important;
        margin-top: 10px;
    }

    h1 .flip span {
        font-size: 29px;
        font-weight: 600 !important;
        width: 96%;
    }

    h1 .flip {
        width: 100%;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        height: 36px !important;
    }

    .heading_p {
        font-size: 15px;
        margin-top: 55px;
        color: var(--commonColor);
    }

    .signup_link {
        display: flex !important;
        gap: 22px;
        padding: 0px 0px;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #2a2687;
    }

    .footer-bottom-inner {
        flex-direction: column;
    }

    .main_text_h1 {
        font-size: 38px;
        font-weight: 700 !important;
        line-height: 1;
        opacity: 0.9 !important;
    }

    .nav_ul {
        top: 70px;
        left: 0;
        width: 100%;
    }

    .nav-link a {
        text-align: left;
    }

    .header_left {
        margin-left: -65px !important;
    }
}

/* raviraj css Services page */
.fw-bold-header {
    font-weight: 700;
    color: #000;
}

.section-slider-image {
    margin-top: 70px;
    padding: 60px 0;
    background: #0a0a23;
}

.section-slider-image h2,
.section-slider-image p {
    color: var(--service-color-white);
}

.section-slider-image h2 {
    font-size: 3rem;
    font-weight: 700;
}

.section-slider-image p {
    font-size: 1.1rem;
    color: #d1d1e0;
}

.carousel-inner img {
    width: 100%;
    /* max-height: 480px; */
    object-fit: cover;
    border-radius: 1rem 1rem 0 0;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 1rem 1rem;
    padding: 1.5rem;
    text-align: left;
}

.carousel-caption h3,
.carousel-caption p {
    color: var(--service-color-white);
}

.carousel-indicators [data-bs-target] {
    background-color: var(--service-primary-color);
}

.section-slider-image {
    position: relative;
    background-color: var(--service-background-color);
}

.section-slider-image .carousel-inner img {
    height: 500px;
    object-fit: cover;
    border-radius: 12px;
}

.section-slider-image .carousel-caption {
    background: rgba(0, 0, 0, 0.4);
    padding: 2rem;
    border-radius: 10px;
    max-width: 600px;
    left: 5%;
    right: auto;
    bottom: 20%;
}

.section-slider-image .carousel-caption h2 {
    color: var(--service-color-white);
}

.section-slider-image .carousel-caption p {
    color: #e0e0e0;
}

.section-slider-image .btn-primary {
    background-color: var(--service-primary-color);
    border: none;
}

.section-feature-explored {
    padding: 60px 0;
    background: var(--service-background-color);
}

.feature-explored-title-wrap h2,
.feature-explored-title-wrap h4 {
    text-align: center;
    color: var(--service-text-color);
    margin-bottom: 30px;
}

.feature-explored-title-wrap h2 {
    font-size: 2.2rem;
}

.feature-explored-title-wrap h4 {
    font-size: 1.5rem;
    margin-top: 40px;
}

.feature-explored-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-bottom: 40px;
}

.feature-explored-list-item {
    background: var(--background-color-white);
    border-radius: 10px;
    padding: 20px;
    width: calc(50% - 20px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.feature-explored-list-item:hover {
    transform: translateY(-8px);
}

.feature-explored-list-item img {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}

.feature-explored-list-item-title h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #222;
}

.feature-explored-list-item-para {
    font-size: 1rem;
    color: #6c757d;
}

.align-center-class {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.divider.feature-explored-section-divider {
    width: 100%;
    height: 2px;
    background: var(--service-primary-color);
    margin: 40px 0 0 0;
}

.section-icon-marquee {
    background: var(--service-background-color);
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.icon-marquee-component {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 0;
}

.icon-marquee-list {
    display: flex;
    animation: marquee 30s linear infinite;
}

.icon-marquee-item {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.icon-marquee-item img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.icon-marquee-item div {
    font-size: 16px;
    color: var(--service-text-color);
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.marquee-section-gradient,
.marquee-section-gradient.left {
    display: none;
}

@media (max-width: 991px) {
    .feature-explored-list-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .feature-explored-list {
        flex-direction: column;
        gap: 20px;
    }

    .feature-explored-list-item {
        width: 100%;
    }

    .section-slider-image h2 {
        font-size: 1.5rem !important;
    }
}

/* Raviraj Katkar ------------------------------------------------------------------ */

.testimonials_section {
    margin: 15px;
    padding: 60px 80px;
}

.testimonials_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    flex-wrap: wrap;
}

.testimonials_left {
    flex: 1;
    min-width: 300px;
    max-width: 450px;
}

.testimonials_left h1 {
    /* font-size: 36px; */
    font-weight: 700;
    margin-bottom: 20px;
}

.testimonials_left p {
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
}

.testimonials_right {
    flex: 1;
    min-width: 300px;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.testimonial {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 15px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.testimonial_active {
    border-left: 5px solid #4b00ff;
    background-color: #fff;
}

.testimonial img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.testimonial-content {
    flex: 1;
}

.testimonial-content h4 {
    margin: 0 0 6px 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.testimonial-content p {
    margin: 0;
    color: #666;
    font-size: 1.1rem;
}

.testimonials_quote-icon {
    font-size: 24px;
    color: #ccc;
    margin-left: 10px;
    transform: rotateY(180deg);
}

.testimonial_active .testimonials_quote-icon {
    color: #7b2ff7;
}

.testimonials_margin-left {
    margin-left: 60px;
}

.testimonials_margin-right {
    margin-right: 60px;
}

.testimonials_see-more-link {
    color: #7b2ff7;
    text-decoration: underline;
    font-size: 14px;
    margin-top: 10px;
}

.testimonials_see-less-link {
    color: #7b2ff7;
    text-decoration: none;
    font-size: 14px;
    margin-top: 10px;
}

.testimonial_header_row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial_sub_header {
    font-size: 0.8rem !important;
    font-style: italic;
    color: #000;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 20px;
    }

    .testimonials_right {
        margin-top: 40px;
        width: 100%;
        padding-left: 0px;
    }

    .testimonials_section {
        padding: 0px !important;
    }

    .testimonials_margin-left {
        margin-left: 0px;
    }

    .testimonials_margin-right {
        margin-right: 0px;
    }
    .footer-top-inner {
        grid-template-columns: 1fr !important;
        grid-row-gap: 0px !important;
    }
}

.carousel-indicators li {
    list-style: none !important;
}
.second_sec ol {
    gap: 7px !important;
}
/* -------------------------------------------------------------------- */
select#industry {
    -webkit-appearance: none; /* Chrome/Safari */
    -moz-appearance: none; /* Firefox */
    appearance: none;
    background: none;
    padding-right: 1em; /* Adjust if needed */
    background-color: white; /* Optional: keep the background clean */
    border: 1px solid #ccc; /* Optional: match your design */
}
select#industry option[value=""] {
    color: #999; /* Light gray or any color you prefer */
}

/* Remove dropdown arrow in Internet Explorer (optional) */
select#industry::-ms-expand {
    display: none;
}