/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /gh/V3CDataInfo/v3c-home@1.1.37/css/homepage-2027.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
:root {
    --body-font: #333333;
    --primary: #FB6C00;
    --primary-dark: #d45c00;
    --primary-light: #FFCDAE;
    --secondary: #44AC00;
    --white: #ffffff;
    --black: #000000;
    --grey-300: #CCCCCC;
    --grey-200: #e4e4e4;
    --grey-100: #F5F5F5;
    --h-font-regular: 400;
    --h-font-medium: 500;
    --h-font-semibold: 700;
    --h-h-font-semibold: 700;
    --hero-gradient: linear-gradient(to bottom, #FAF7F5 0%, #FAF7F5 46%, #FFFFFF 100%);
    --card-top-offset: 0;
    --line: #ECECF3;
    --color-title: #000000;
    --color-text: #333333;
    --color-text-muted: #8C8078;
    --color-text-on-primary: #2B2118;
    --color-text-inverse: #FFFFFF;
    --c-border: #EEF2F6;
    --c-purple: #8B5CF6;
    --c-purple-dark: #6D28D9;
    --c-purple-bg: #F3E8FF;
    --c-blue: #0284C7;
    --c-blue-bg: #E0F2FE;
    --c-green: #0aca65;
    --c-green-bg: #ebfaee;
    --c-teal: #0D9488;
    --c-teal-bg: #CCFBF1;
    --shadow-subtle: 0 4px 20px rgba(15, 23, 42, 0.03);
    --shadow-card: 0 10px 30px rgba(15, 23, 42, 0.05);
    --shadow-btn: 0 6px 20px rgba(251, 108, 0, 0.28);
}

abbr,
acronym,
address,
applet,
aside,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none
}

:focus {
    outline: 0;
}

.enquiry-form-error {
    background-color: #ffe5e5 !important;
    border-color: #e48e8e !important;
}

* {
    box-sizing: border-box;
}

#main-container {
    margin-top: 80px;
}

html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
footer,
section,
aside,
nav,
article,
figure,
address,
audio,
video {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Nunito Sans", sans-serif;
    font-size: 15px;
    color: var(--body-font);
    font-weight: 400;
    text-decoration: none;
    overflow: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: var(--primary);
    text-decoration: none;
    outline: none;
}

button,
input,
textarea,
form {
    font-family: "Nunito Sans", sans-serif;
}

a:hover {
    color: var(--black);
    text-decoration: none;
    outline: none;
    transition: all 0.5s ease 0s;
}

img {
    max-width: 100%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 8px;
    font-weight: var(--h-font-semibold);
    transition: all 0.5s ease 0s;
    font-family: "Nunito Sans", sans-serif;
}

input,
select,
textarea {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    color: var(--body-font);
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-weight: 600;
}

.fw_700 {
    font-weight: 700;
}

.mt_15 {
    margin-top: 15px;
}

.mb_15 {
    margin-bottom: 15px;
}

p {
    color: #333333;
    line-height: 22px;
    margin-bottom: 20px;
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
}

.container {
    max-width: 1310px;
    margin: auto;
    padding: 0 15px;
}

.cmn-primary-btn {
    background-color: var(--primary);
    background-image: linear-gradient(to bottom, #FB6C00, #FF7D1A);
    height: 46px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: var(--h-font-medium);
    color: var(--white);
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    -ms-border-radius: ;
    -o-border-radius: ;
}

.cmn-primary-btn:hover {
    background: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.cmn-primary-btn span {
    background: var(--white);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    margin-left: 10px;
    margin-right: -5px;
    color: var(--primary);
}

.cmn-primary-btn span:after {
    content: '\e9cf';
    font-family: 'icomoon';
    font-weight: 500;
}

.cmn-primary-btn:hover span {
    background-color: var(--primary-light);
}

.cmn-outline-btn {
    background-color: var(--white);
    height: 46px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: var(--h-font-medium);
    color: var(--black);
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
    font-weight: bold;
}

.cmn-outline-btn:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

h1.cmn-hd {
    font-size: 46px;
    line-height: 52px;
    font-weight: 800;
    margin: 0 0 16px;
}

.ai_tag {
    background-color: transparent;
    padding: 6px 15px;
    border-radius: 400px;
    font-size: 12px;
    color: var(--primary);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(216, 195, 173, 0.3);
    text-transform: uppercase;
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    -ms-border-radius: 400px;
    -o-border-radius: 400px;
}

h1.cmn-hd span {
    color: var(--primary);
}

h1.cmn-hd small {
    color: var(--primary);
    font-size: 28px;
    display: block;
    font-weight: 800;
    margin-bottom: 10px;
}

.main-title {
    font-size: 34px;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 20px;
}

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

h3.cmn-hd {
    font-size: 28px;
    line-height: 38px;
}

.grid-column-2 {
    grid-column: span 2;
}

.big-bold-hd {
    font-weight: var(--h-font-semibold);
    font-size: 18px;
}

.white-font {
    color: var(--white) !important;
}

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

.tex-right {
    text-align: right !important;
}

.text-center p {
    text-align: center;
}

.mb-0 {
    margin-bottom: 0 !important;
}

strong {
    font-weight: var(--h-font-semibold);
}

.inner-hd {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: var(--h-font-semibold);
    color: var(--black);
    margin-bottom: 5px;
}

.slick-slide {
    padding: 0 10px;
}

.play-anim-ico {
    background-image: url(../images/home-new/play-button.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 60px;
    position: absolute;
    height: 60px;
    left: 50%;
    top: 50%;
    z-index: 111;
    margin-top: -30px;
    margin-left: -30px;
}

.play-anim-ico.orange {
    background-image: url(../images/homepage/play-button-org.svg);
    background-color: #fff;
    border-radius: 50%;
}

.play-anim-ico:after {
    position: absolute;
    width: 34px;
    height: 34px;
    content: '';
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -17px 0 0 -17px;
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 0 13px #fff;
    transform: scale(0.9);
    transform-origin: center center;
    animation: pulse-me 1s linear infinite;
    -webkit-animation: pulse-me 1s linear infinite;
}

.play-anim-ico.orange:after {
    box-shadow: 0 0 0 13px #ff6e00;
}

.play-anim-ico.orange.small:after {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    animation: pulse-me-small 1s linear infinite;
    -webkit-animation: pulse-me-small 1s linear infinite;
}

@keyframes pulse-me {
    0% {
        transform: scale(.9);
        opacity: .2;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    }

    50% {
        opacity: .5
    }

    70% {
        opacity: .09
    }

    100% {
        transform: scale(2.1);
        opacity: 0;
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        -ms-transform: scale(2.1);
        -o-transform: scale(2.1);
    }
}

@keyframes pulse-me-small {
    0% {
        transform: scale(.9);
        opacity: .2;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    }

    50% {
        opacity: .5
    }

    70% {
        opacity: .09
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
    }
}

.cmn-header-btn {
    background-color: var(--primary);
    background-image: linear-gradient(to bottom, #FB6C00, #FF7D1A);
    height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: var(--h-font-medium);
    color: var(--white);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
}

.cmn-header-btn:hover {
    background: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.grid_2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid_4 {
    grid-template-columns: repeat(4, 1fr);
}

ul.page_listview_area {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
}

ul.page_listview_area li {
    list-style-type: none;
    background: url(../images/homepage/list-arrow.svg) no-repeat 0 0;
    padding-left: 28px;
    line-height: 20px;
    font-size: 14px;
}

ul.page_listview_area li a {
    color: var(--body-font);
}

ul.page_listview_area li a:hover {
    color: var(--primary);
}

ul.page_listview_area.sidebyside_list {
    grid-template-columns: 1fr 1fr;
}

.banner-btn {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    width: 100%;
    margin-top: 15px;
}

.banner-btn.center {
    justify-content: center;
}

.hd-sidebyside {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 3%;
}

.hd-sidebyside p:last-child {
    margin-bottom: 0;
}

.hd-area {
    flex: 1;
}

.hd-btnarea {
    width: auto;
    text-align: right;
}

.cmn-section.banner {
    padding: 55px 0 55px 0;
    background: linear-gradient(180deg, #fefbf9 0%, #FFFBF8 60%, #FFFFFF 100%);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cmn-section.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#E2E8F0 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    opacity: 0.5;
    z-index: -2;
    pointer-events: none;
}

.hero-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.hero-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 53%;
}

.hero-left .cmn-hd {
    color: #000;
}

.hero-left .cmn-hd .text-orange {
    color: var(--primary);
}

.title-accent-bar {
    width: 60px;
    height: 3px;
    background: var(--primary);
    border-radius: 4px;
    margin-bottom: 20px;
}

.hero-left .banner-cnt p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.hero-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    width: 100%;
    margin: 24px 0 28px 0;
}

.hero-feature-grid~.banner-btn {
    margin-top: 0;
}

.micro-card {
    background: #fefefe;
    border: 1px solid #ededed;
    border-radius: 12px;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: var(--shadow-subtle);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.micro-card:hover {
    border-color: var(--primary);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.micro-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--c-accent-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 30px;
}

.micro-card-text {
    display: flex;
    flex-direction: column;
}

.micro-card-text .label {
    font-size: 14px;
    color: var(--color-text);
    font-weight: 500;
    line-height: 1.2em;
}

.micro-card-text .val {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-title);
    line-height: 1.4;
}

.hero-right {
    position: relative;
    display: flex;
    align-items: center;
    width: 45%;
    justify-content: flex-start;
}

.hero-right img {
    max-width: 33.5vw;
    filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.1));
}

.stats-banner {
    background: linear-gradient(to bottom, #fefefe 0%, #fff 100%);
    border-radius: 20px;
    padding: 24px 20px 0;
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    width: 100%;
}

.card-award .dot-grid {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 160px;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1.2px, transparent 1.2px);
    background-size: 12.5px 12.5px;
    background-position: 8px 8px;
    mask-image: radial-gradient(ellipse at 85% 15%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0.3) 60%, transparent 85%);
    -webkit-mask-image: radial-gradient(ellipse at 85% 15%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0.3) 60%, transparent 85%);
    pointer-events: none;
    z-index: 1;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 10px;
    position: relative;
}

.stat-item:hover .stat-icon-badge {
    transition: all 0.3s ease;
}

.stat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 85%;
    width: 1px;
    background: var(--c-border);
}

.stat-icon-badge {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    font-size: 30px;
}

.stat-icon-badge img {
    width: 30px;
    height: 30px;
}

.stat-1 .stat-icon-badge {
    background: #e3f5f1;
    color: #0e8f7a;
}

.stat-1 .stat-num {
    color: #0e8f7a;
}

.stat-2 .stat-icon-badge {
    background: var(--c-blue-bg);
    color: var(--c-blue);
}

.stat-2 .stat-num {
    color: var(--c-blue);
}

.stat-3 .stat-icon-badge {
    background: #e7f6ea;
    color: #2ea043;
}

.stat-3 .stat-num {
    color: #2ea043;
}

.stat-4 .stat-icon-badge {
    background: #F3E8FF;
    color: #8B5CF6;
}

.stat-4 .stat-num {
    color: #8B5CF6;
}

.stat-5 .stat-icon-badge {
    background: #fef3ea;
    color: #fd7c0a;
}

.stat-5 .stat-num {
    color: #fd7c0a;
}

.stat-6 .stat-icon-badge {
    background: #e7f0fe;
    color: #1f6de0;
}

.stat-6 .stat-num {
    color: #1f6de0;
}

.stat-num {
    font-size: 28px;
    font-weight: 800;
    color: #000;
    margin-bottom: 4px;
}

.stat-lbl {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.3;
}

.goliveproducts-section {
    padding: 50px 0;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
}

.all-service-cards {
    display: flex;
    flex-direction: column;
    gap: 0
}

.service-step-card {
    position: sticky;
    top: 90px;
    padding-top: calc(var(--index)*var(--card-top-offset));
    padding-top: 70px;
}

.service-step-card:first-child {
    padding-top: 0
}

.service-step-card.card-1 {
    --index: 1
}

.service-step-card.card-2 {
    --index: 2
}

.service-step-card.card-3 {
    --index: 3
}

.service-step-card.card-4 {
    --index: 4
}

.service-card {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 20px;
    padding: 20px 20px 0 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: start;
    overflow: hidden;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 15px;
    transition: box-shadow 0.4s ease, transform 0.3s ease;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.card-1 .service-card {
    background-color: #fffbf6;
}

.card-2 .service-card {
    background-color: #faf7ff;
}

.card-3 .service-card {
    background-color: #f8fffa;
}

.card-4 .service-card {
    background-color: #fbfafb;
}

.service-card .col-text {
    padding-bottom: 20px;
}

.service-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.service-title.have_aipowered {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.ai-badge {
    font-size: 10px;
    line-height: 1em;
    padding: 7px 9px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border: 1px solid #a3dcb8;
    text-align: center;
    display: inline-block;
    color: #009500;
    background-color: #f0fdf4;
    text-transform: uppercase;
    font-weight: 500;
}

.service-title~p {
    margin-top: 5px;
    margin-bottom: 15px;
}

.ti-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ti-row:last-of-type {
    margin-bottom: 0;
}

.ti-cell {
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    position: relative;
    transition: all 0.3s ease;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
}

.ti-cell:hover {
    border-color: var(--primary);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ti-title {
    font-size: 17px;
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1em;
}

.ti-cell p {
    margin: 0;
}

.icon-box {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    font-size: 30px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.all-service-cards .card-visual img {
    vertical-align: top;
    outline: 3px solid #000;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    bottom: -9px;
    position: relative;
}

.ib-purple {
    background: #F4F2FF;
    color: #7B6FDD;
}

.ib-purple~.border {
    border-color: #7B6FDD;
}

.ib-green {
    background: #F2F8ED;
    color: #5a9a2a;
}

.ib-green~.border {
    border-color: #5a9a2a;
}

.ib-orange {
    background: #FEF4E8;
    color: #E07B2A;
}

.ib-orange~.border {
    border-color: #E07B2A;
}

.ib-peach {
    background: #FEF3ED;
    color: #D86030;
}

.ib-peach~.border {
    border-color: #D86030;
}

.ib-blue {
    background: #E6F1FB;
    color: #378ADD;
}

.ib-blue~.border {
    border-color: #378ADD;
}

.ib-pink {
    background: #FBEAF0;
    color: #D4537E;
}

.ib-pink~.border {
    border-color: #D4537E;
}

.ib-teal {
    background: #E1F5EE;
    color: #1D9E75;
}

.ib-teal~.border {
    border-color: #1D9E75;
}

.ib-amber {
    background: #FAEEDA;
    color: #BA7517;
}

.ib-amber~.border {
    border-color: #BA7517;
}

.card-4 .card-visual,
.card-3 .card-visual {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 30px;
}

.card-2,
.card-3,
.card-4 {
    pointer-events: none;
}

.card-2 .service-card,
.card-3 .service-card,
.card-4 .service-card {
    pointer-events: all;
}

.why-choose-section {
    padding: 50px 0;
}

.bento-grid {
    display: grid;
    grid-template-columns: 25fr 36fr 29fr;
    grid-gap: 18px;
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
}

.bento-card {
    position: relative;
    border-radius: 16px;
    padding: 25px 25px 20px 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: none;
    transition: transform 0.25s ease;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.card-content {
    position: relative;
    z-index: 2;
}

.card-global .card-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
}

.card-ai,
.card-global,
.card-support {
    min-height: 165px;
}

.card-famous,
.card-award,
.card-whitelabel {
    min-height: 185px;
}

.card-modern-ui,
.card-retention {
    min-height: 230px;
}

.card-tag {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    display: inline-block;
}

.tag-blue {
    color: #215191;
    font-size: 19px;
    margin-bottom: 2px;
}

.tag-orange {
    color: #F3620D;
    font-size: 24px;
}

.block {
    display: block;
}

.card-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 4px;
}

.title-blue {
    color: #0658D3;
    font-size: 24px;
    line-height: 1.1;
}

.title-purple {
    color: #591986;
    margin-bottom: 14px;
}

.title-green {
    color: #069448;
    margin-bottom: 0px;
    line-height: 1.1;
    margin-bottom: 4px;
}

.title-orange {
    color: var(--primary);
    margin-bottom: 12px;
}

.title-orange-lg {
    color: #FA650F;
    font-size: 42px;
    font-weight: 800;
    background: linear-gradient(180deg, #ffc838 0%, #ff8f00 35%, #ff5200 70%, #d82c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-blue-dark {
    color: #0658D3;
    font-size: 34px;
    margin-bottom: 4px;
}

.card-subtitle {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 1.1;
    margin: 0 0 14px;
    display: block;
}

.card-award .card-subtitle {
    color: #fff;
    margin: 0;
    margin-top: 10px;
}

.card-subtext {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.subtext-green {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

.card-body {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.badge-subtext {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    margin-left: 2px;
    margin-bottom: 10px;
}

.stat-number {
    font-size: 42px;
    font-weight: 800;
    line-height: 1em;
    color: #000;
}

.stat-orange {
    margin: 4px 0 6px 0;
}

.stat-blue {
    color: #0C64E2;
    margin-bottom: 3px;
}

.stat-label {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 1.25;
}

.divider-line {
    width: 28px;
    height: 1px;
    background-color: #38bdf8;
    margin-bottom: 8px;
    border-radius: 2px;
}

.card-graphic {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.graphic-img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.card-ai {
    background-color: #eff7ff;
    border: 1px solid rgba(208, 230, 251, 0.45);
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}

.card-global {
    background-color: #FFF7F2;
    border: 1px solid rgba(253, 227, 205, 0.45);
    box-shadow: none;
}

.icon-node-box {
    width: 70px;
    height: 70px;
    background: #FEECE1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-node-box svg {
    width: 40px;
    height: 40px;
}

.card-support {
    background-color: #F8F6FE;
    border: 1px solid rgba(235, 220, 252, 0.45);
    box-shadow: none;
}

.card-famous {
    background-color: #F5FCFA;
    border: 1px solid rgba(200, 245, 214, 0.45);
    box-shadow: none;
}

.dot-matrix {
    position: absolute;
    top: 68px;
    right: 50px;
    display: grid;
    grid-template-columns: repeat(5, 4px);
    grid-gap: 5px;
    opacity: 0.2;
}

.dot-matrix span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #069448;
}

.famous-icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 4px;
    width: 62%;
}

.icon-3d-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    aspect-ratio: 1 / 1;
}

.card-award {
    background: #111317 radial-gradient(circle at 50% 28%, #181920 0%, #111317 65%, #0c0d10 100%);
    position: relative;
    z-index: 1;
}

.card-award::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    bottom: 0;
    width: 55%;
    height: 100%;
    border-radius: 0 64% 100% 0;
    border: 2px solid transparent;
    border-left: 0;
    background: url(../images/homepage/award-photo.webp) center left / cover no-repeat padding-box, linear-gradient(135deg, #FA650F, #ff9c5c) border-box;
    -webkit-border-radius: 0 64% 100% 0;
    -moz-border-radius: 0 64% 100% 0;
    -ms-border-radius: 0 64% 100% 0;
    -o-border-radius: 0 64% 100% 0;
    background-size: cover;
}

.card-award .divider-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.card-award .divider-line {
    flex: 1;
    height: 1.2px;
}

.card-award .line-left {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 120, 30, 0.15) 30%, rgba(255, 120, 30, 0.8) 100%);
}

.card-award .line-right {
    background: linear-gradient(90deg, rgba(255, 120, 30, 0.8) 0%, rgba(255, 120, 30, 0.15) 70%, transparent 100%);
}

.card-award .divider-star {
    margin: 0 8px;
    width: 12px;
    height: 12px;
    fill: #ff781f;
    filter: drop-shadow(0 0 5px rgba(255, 120, 30, 0.9));
    position: relative;
    top: -4px;
}

.card-award-imgae {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    right: -20px;
    bottom: -50px;
    width: 220px;
}

.award-header-row {
    display: flex;
    align-items: flex-end;
    gap: 0;
    margin-bottom: 2px;
    justify-content: center;
    flex-direction: column;
    width: 175px;
    margin-left: auto;
    text-align: center;
}

.award-header-row .divider-line {
    margin-left: auto;
    margin-right: auto;
}

.medal-icon {
    width: 40px;
    height: auto;
    margin: 0 auto;
}

.card-whitelabel {
    background-color: #fff6f0;
    border: 1px solid rgba(254, 222, 203, 0.45);
    box-shadow: none;
}

.card-modern-ui {
    grid-column: span 2;
    background-color: #f2f6ff;
    border: 1px solid rgba(210, 226, 254, 0.45);
    box-shadow: none;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.card-retention {
    border: 1px solid rgba(205, 230, 254, 0.45);
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.graphic-rocket {
    right: 20px;
    bottom: -24px;
    width: 180px;
}

.graphic-globe {
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
}

.graphic-support {
    right: 0px;
    bottom: 0px;
    width: 190px;
}

.graphic-trophy {
    right: 4px;
    bottom: -2px;
    width: 140px;
}

.graphic-whitelabel {
    right: 30px;
    bottom: -12px;
    width: 178px;
}

.graphic-phones {
    right: 8px;
    bottom: -2px;
    width: 480px;
}

.graphic-shield {
    right: 0px;
    bottom: -2px;
    width: 185px;
}

.stat-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px
}

.stat-box {
    background: #F9F9F9;
    border: 0.5px solid #F0F0F0;
    border-radius: 8px;
    padding: 8px 10px
}

.stat-val {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary)
}

.stat-val.orange {
    color: #F5A623
}

.chart-bar-row {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    height: 48px
}

.bar {
    border-radius: 3px 3px 0 0;
    background: #F5A623;
    flex: 1;
    opacity: 0.7
}

.bar.dim {
    background: #F2F2F2
}

.bar.full {
    opacity: 1
}

.realclients-section {
    padding: 50px 0;
}

.blog-listing .slick-dots li button {
    padding: 0;
    font-size: 0;
    width: 10px;
    height: 10px;
    border: none;
    background-color: #D6D6D6;
    border-radius: 50%;
}

.blog-listing .slick-dots li.slick-active button {
    background-color: #869791;
}

.blog-listing .slick-dots {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 10px;
}

.blog-listing .slick-dots li {
    font-size: 0;
}

.realclients-cnt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.startup-journey-r .desc-area {
    border-bottom: 1px solid var(--grey-300);
    padding-bottom: 40px;
}

.startup-cnt {
    background: url(../images/homepage/startup-bg.png) no-repeat bottom right;
    height: 375px;
    border-radius: 15px;
    margin-top: 20px;
    padding: 30px;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.startup-hd {
    font-size: 50px;
    line-height: 1em;
}

.startup-cnt strong {
    font-weight: var(--h-font-semibold);
}

ul.icon-listarea {
    display: grid;
    gap: 40px;
}

ul.icon-listarea li {
    list-style-type: none;
    display: grid;
    grid-template-columns: 60px auto;
    gap: 18px;
}

ul.icon-listarea li p:last-child {
    margin-bottom: 0;
}

.icon-area {
    height: 60px;
    border-radius: 15px;
    border: 1px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

ul.icon-listarea li:hover .desc-area {
    border-color: var(--primary);
}

ul.icon-listarea li:hover .inner-hd-big {
    color: var(--primary);
}

.desc-area {
    padding-top: 11px;
}

.client-slides {
    margin-top: 40px;
}

.nomatterwhatsize-section {
    padding: 15px 0 50px 0;
}

.realclients-r {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.video-play-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.firstbillion-section {
    padding: 50px 0;
}

.billion-features-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
    gap: 14px;
    margin-bottom: 17px;
    align-items: center;
}

.billion-line {
    height: 105px;
    width: 1px;
    background: #ECECF3;
}

.billion-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
    text-align: center;
}

.billion-feature-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF1E8;
    color: #FF5500;
    box-shadow: 0 2px 6px rgba(255, 85, 0, 0.04);
    margin: auto;
    font-size: 30px;
}

.billion-feature-icon svg {
    stroke: #FF5500;
    stroke-width: 2.2;
}

.billion-feature-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.billion-feature-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-title);
    display: block;
    text-transform: capitalize;
    line-height: 1.1em;
    margin: 0 0 4px;
}

.billion-feature-desc {
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    margin: 0;
    text-align: center;
}

.billion-cta-row {
    margin-top: 14px;
}

.billion-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #FF6600 0%, #FF3D00 100%);
    color: #FFFFFF;
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 15px 32px;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(255, 68, 0, 0.38);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.billion-cta-btn:hover {
    background: linear-gradient(135deg, #FF7700 0%, #FF2200 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 16px 34px rgba(255, 68, 0, 0.48);
}

.billion-cta-arrow {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF3D00;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.billion-cta-btn:hover .billion-cta-arrow {
    transform: translateX(3px);
}

.allourapps-section {
    padding: 50px 0;
    background: #f8f8f8;
}

.firstbillion-cnt {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1.3fr;
    align-items: center;
}

.nomatterwhatsize-section {
    position: relative;
}

.nomatter-cnt {
    display: flex;
}

.nomatter-cnt ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.nomatter-cnt ul li {
    list-style-type: none;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 26px 24px;
    background: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(0, 0, 0, 0.01);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.nomatter-icon {
    width: 82px;
    height: 82px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    padding: 10px;
    font-size: 45px;
}

.nomatter-icon.commit-bg {
    background: #EDF3FE;
    color: #0D67FE;
}

.nomatter-icon.excellence-bg {
    background: #FEF5ED;
    color: #FD6F10;
}

.nomatter-icon.deadlines-bg {
    background: #EEF6EB;
    color: #4F9E43;
}

.nomatter-cnt ul li.card-blue {
    border-left: 4px solid #0D67FE;
}

.nomatter-cnt ul li.card-blue:hover {
    border: 1px solid #0D67FE;
    border-left: 4px solid #0D67FE;
}

.nomatter-cnt ul li.card-orange {
    border-left: 4px solid #FD6F10;
}

.nomatter-cnt ul li.card-orange:hover {
    border: 1px solid #FD6F10;
    border-left: 4px solid #FD6F10;
}

.nomatter-cnt ul li.card-green {
    border-left: 4px solid #4F9E43;
}

.nomatter-cnt ul li.card-green:hover {
    border: 1px solid #4F9E43;
    border-left: 4px solid #4F9E43;
}

.nomatter-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
}

.nomatter-cnt ul li p:last-child {
    margin-bottom: 0;
}

.nomatter-hd {
    font-size: 22px;
    font-weight: var(--h-font-semibold);
    color: #000;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.nomatter-desc {
    line-height: 29px;
}

.allourapps-cnt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    flex-direction: column;
}

.bgcolor-one {
    background: #FEF1F4;
    border: 1px solid #ffe3e9;
}

.bgcolor-two {
    background: #FEF7ED;
    border: 1px solid #ffe9ca;
}

.bgcolor-three {
    background: #F7F4FE;
    border: 1px solid #e5e5fd;
}

.bgcolor-four {
    background: #F2FBF4;
    border: 1px solid #cdefdb;
}

.bgcolor-five {
    background: #F1F6FE;
    border: 1px solid #def0f9;
}

.bgcolor-six {
    background: #faf2ff;
    border: 1px solid #f5e6ff;
}

.ourapp-cntarea {
    border-radius: 15px;
    padding: 15px;
}

.client-row-twocol ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.client-row-twocol ul li {
    width: calc((100% - 30px) / 3);
    width: -webkit-calc((100% - 30px) / 3);
    width: -moz-calc((100% - 30px) / 3);
    width: -ms-calc((100% - 30px) / 3);
    width: -o-calc((100% - 30px) / 3);
    list-style-type: none;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.client-row-twocol ul li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

.ourapp-cnt-desc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: flex-start;
}

.client-row-twocol ul li .inner-hd-medium {
    font-size: 22px;
    margin: 0;
    line-height: 1.2em;
}

.client-row-twocol ul li .inner-hd-medium span {
    display: block;
}

.client-row-twocol ul li p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: left;
}

.inner-hd-medium {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: var(--h-font-semibold);
    color: var(--black);
}

.ourapp-img {
    text-align: center;
}

.client-row-twocol ul li .ourapp-img img,
.client-row-threecol ul li .ourapp-img img {
    vertical-align: top;
}

.ourapp-icon-box {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    grid-column: span 2;
    align-items: center;
    margin-bottom: 15px;
}

.ourapp-icon-box i {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    font-size: 30px;
}

.bgcolor-one i {
    background: #fde2e8;
    color: #F42760;
}

.bgcolor-two i {
    background: #fdebd2;
    color: #FC5A03;
}

.bgcolor-three i {
    background: #e9e3f7;
    color: #7050CF;
}

.bgcolor-four i {
    background: #e5f5e9;
    color: #2B8F54;
}

.bgcolor-five i {
    background: #dfeafb;
    color: #2069E5;
}

.bgcolor-six i {
    background: #f1defd;
    color: #9538d3;
}

.ourapp-icon-box svg {
    width: 30px;
    height: 30px;
}

.purchaseprocess-section {
    padding: 50px 0 0;
}

.process-cnt ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.process-cnt ul li {
    list-style-type: none;
    width: 20%;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}

.process-cnt ul li:after {
    content: '';
    background: url(../images/homepage/process-arr.svg) no-repeat;
    width: 102px;
    height: 49px;
    display: block;
    position: absolute;
    top: 30px;
    right: -66px;
    background-size: 100%;
}

.process-cnt ul li:nth-child(even):after {
    transform: scaleY(-1);
    top: 60px;
}

.process-cnt ul li:last-child:after {
    display: none;
}

.process-cnt ul li p {
    margin: 0;
    min-height: 130px;
}

.process-title {
    font-size: 18px;
    font-weight: var(--h-font-semibold);
    margin-bottom: 5px;
    color: #000;
}

.process-icon {
    background: #E7EFFE;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    margin: auto;
    margin-bottom: 20px;
    border: 5px solid #ffff;
    text-align: center;
    font-size: 45px;
    color: #4169E1;
}

.step-number-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    position: relative;
    margin: 0 auto 10px auto;
    margin-top: -39px;
    margin-bottom: 20px;
}

.process-cnt ul li:nth-child(2) .process-icon {
    background: #FEF5E2;
    color: #ff9900;
}

.process-cnt ul li:nth-child(3) .process-icon {
    background: #EFE8FE;
    color: #7262d3;
}

.process-cnt ul li:nth-child(4) .process-icon {
    background: #E1FBF0;
    color: #348d68;
}

.process-icon img {
    margin: auto;
    width: 64px;
}

.process-cnt ul li:hover .process-icon {
    transition: all 0.5s ease 0s;
}

.process-cnt ul li:hover:before {
    content: '';
    width: 50px;
    height: 5px;
    background: var(--primary);
    border-radius: 30px;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

.process-desc {
    line-height: 24px;
}

.blog-section {
    position: relative;
}

.meetexpert-cnt {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px;
    align-items: center;
}

.meetexpert-section {
    padding: 50px 0;
}

.clients-visitus {
    padding: 50px 0 50px 0;
}

.clients-visitus-inner {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 15px;
}

.clients-visitus ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.clients-visitus ul li {
    box-shadow: 0px 0px 24.98047px -4.16341px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid transparent;
    background: #fff;
}

.clients-visitus ul li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border: 1px solid var(--primary);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.clients-visitus ul li:not(:last-child) {
    cursor: pointer;
}

ul.features-row li .features-title-area {
    display: grid;
    grid-template-columns: 70px auto;
    align-items: center;
    margin-bottom: 10px;
}

.clients-visitus ul li .clients-visitus-caption {
    padding: 10px 10px 2px 10px;
}

.clients-visitus ul li .clients-visitus-caption strong {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.clients-visitus ul li .big-button {
    min-height: 100%;
    font-size: 17px;
    font-weight: bold;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--ft-main);
    color: #fff;
    padding: 15px 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    align-items: center;
}

.clients-visitus ul li .big-button:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 20px 0 0 0;
    -webkit-border-radius: 20px 0 0 0;
    -moz-border-radius: 20px 0 0 0;
    -ms-border-radius: 20px 0 0 0;
    -o-border-radius: 20px 0 0 0;
}

.clients-visitus ul li .big-button:after {
    content: '';
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    background-image: none;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    -moz-border-radius: 0 0 20px 0;
    -ms-border-radius: 0 0 20px 0;
    -o-border-radius: 0 0 20px 0;
}

.clients-visitus ul li .big-button strong {
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    display: block;
}

.clients-visitus ul li .big-button strong:before {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
}

.clients-visitus ul li .big-button .reviews-symbold {
    padding-left: 8px;
}

.clients-visitus ul li .big-button .reviews-symbold img {
    width: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 0 0 -8px;
    vertical-align: top;
    max-width: 100%;
    height: 45px;
    object-fit: cover;
}

.clients-visitus ul li .big-button .reviews-symbold span {
    width: 45px;
    height: 45px;
    display: inline-flex;
    background-color: #fff;
    border-radius: 50%;
    color: var(--primary);
    font-size: 14px;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 -8px;
    font-weight: 800;
}

.clients-visitus ul li .name_video {
    text-align: right;
    padding: 0 10px 10px 10px;
}

.clients-visitus ul li .clients_image {
    position: relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.clients-visitus ul li .clients_image p {
    margin: 0;
    font-weight: 700;
}

.clients-visitus ul li .clients_image_hold {
    position: relative;
}

.clients-visitus ul li .video_icon {
    width: 31px;
    height: 31px;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.clients-visitus ul li .play-anim-ico {
    width: 31px;
    height: 31px;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    left: auto;
    top: auto;
}

.clientname {
    font-weight: 500;
    font-size: 14px;
}

.client-img img {
    border-radius: 10px 10px 0 0;
}

.clients-visitus .heading-area p {
    margin-bottom: 20px;
}

.faq-section {
    padding: 0 0 50px 0;
}

.faq-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 15px;
}

.faq-item {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    height: auto;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.faq-item:hover,
.faq-item.active {
    border-color: var(--primary);
}

.faq-question {
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-radius: 15px;
    font-weight: var(--h-font-semibold);
    gap: 15px;
    margin: 0;
    position: relative;
    padding-left: 50px;
    color: var(--black);
}

.faq-question::before {
    content: '';
    position: absolute;
    left: -6px;
    top: -3px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background-color: #fff4ee;
    background-image: url(../images/homepage/faq.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.faq-question .icon {
    position: relative;
    max-width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--white);
    display: inline-block;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.faq-question .icon::before {
    content: "+";
    position: absolute;
    font-size: 24px;
    line-height: 1em;
    font-weight: var(--h-font-semibold);
    color: var(--primary);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.1s ease;
    padding: 15px 0 0 0;
    line-height: 24px;
    display: none;
    border-top: 1px solid var(--line);
}

.faq-item.active .faq-answer {
    max-height: 410px;
    display: block;
}

.faq-item.active .faq-question .icon::before {
    content: "-";
}

.faq-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-item.active .faq-answer p:last-child {
    margin-bottom: 0;
}

.faq-item.active .faq-answer ul.page_listview_area {
    margin: 0;
}

.blog-section {
    padding: 0 0 50px 0;
}

.blog-listing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.tab {
    border-bottom: 2px solid var(--grey-300);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.tab .tablinks {
    padding: 12px 10px 8px;
    cursor: pointer;
    font-weight: var(--h-font-semibold);
    color: #333333;
    position: relative;
}

.tab .tablinks:hover {
    color: var(--primary);
}

.tab .tablinks.active {
    color: var(--primary);
}

.tab .tablinks.active:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: var(--primary);
    bottom: -2px;
    left: 0;
}

.tabcontent {
    display: none;
    padding: 10px 0 0 0;
}

.tabcontent.active {
    display: block;
}

.blog-img {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 15px;
    min-height: 216px;
}

.blog-img img {
    width: 100%;
    border-radius: 15px;
    transition: all 0.5s ease 0s;
}

.blog-badge {
    background: var(--white);
    border: 1px solid var(--primary);
    font-size: 12px;
    padding: 8px 10px;
    display: inline-flex;
    border-radius: 30px;
    color: var(--black);
    margin-bottom: 10px;
}

.blog-cnt a {
    display: block;
}

.blog-cnt a:hover .blog-title {
    color: var(--primary);
}

.blog-title {
    font-size: 17px;
    font-weight: var(--h-font-semibold);
    line-height: 1.2em;
    color: var(--black);
}

.blog-cnt a:hover .blog-img img {
    transform: scale(1.05);
    transition: all 0.5s ease 0s;
}

.best-sellingprod-cnt-l {
    border: 1px solid var(--grey-300);
    background: var(--white);
    border-radius: 15px;
    padding: 30px;
}

.best-sellingprod-cnt-r {
    border: 1px solid var(--black);
    background: var(--black);
    color: #B5B5B5;
    border-radius: 15px;
    padding: 30px;
}

.viewmorelink {
    margin-top: 30px;
}

.viewmorelink a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: var(--h-font-semibold);
}

.viewmorelink a span {
    margin-left: 5px;
}

.best-sellingprod-cnt-r .viewmorelink a:hover {
    color: var(--white);
}

.viewallproduct {
    margin-top: 30px;
}

.footer-contact {
    margin: 0 0 50px 0;
}

.readytobuild-cnt {
    background: var(--grey-100);
    border-radius: 15px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.readytobuild-l {
    padding: 20px;
}

.readytobuild-l,
.readytobuild-r {
    width: 48%
}

.readytobuild-r {
    background: var(--white);
    border: 1px solid var(--primary);
    border-radius: 15px;
    padding: 25px;
}

.social-contact ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}

.social-contact ul li {
    list-style-type: none;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.social-contact ul li img {
    width: 20px;
}

.social-contact ul li a {
    color: var(--body-font);
}

.social-contact ul li a:hover {
    color: var(--primary);
}

.social-contact ul li span,
.social-contact ul li strong {
    margin-right: 15px;
}

.followus-cnt {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--grey-300);
    display: flex;
    align-items: center;
    gap: 20px;
}

.followus-cnt ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

.followus-cnt ul li {
    list-style-type: none;
}

.followus-cnt ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid var(--line);
}

.followus-cnt ul li a:hover {
    border-color: var(--primary);
}

.followus-cnt ul li a:hover i {
    color: var(--primary);
}

.followus-cnt ul li i {
    color: #000;
    font-size: 16px;
}

.formarea-cnt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-row {
    align-items: center;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}

.form-row i {
    display: inline-flex;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    font-size: 20px;
    color: #6F6E75;
    align-items: center;
}

.form-sidebyside {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.formside {
    width: 49%;
    position: relative;
}

.form-row input,
.form-row select,
.form-row textarea {
    width: 100%;
    display: block;
    color: #22232A;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: var(--common-font);
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding-left: 45px;
    background: transparent;
    height: 50px;
    border: 1px solid #eef0f1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-family: "Nunito Sans", sans-serif;
}

.form-row input:focus,
.form-row input:hover,
.form-row select:focus,
.form-row select:hover,
.form-row textarea:focus,
.form-row textarea:hover {
    outline: none;
    border-color: #FE7320;
    box-shadow: 0 4px 12px rgba(254, 115, 32, 0.08);
}

.form-row select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg height=8 viewBox=" 0 0 12 8"width=12 xmlns=http://www.w3.org/2000/svg><path d=" M1 1l5 5 5-5"fill=none fill-rule=evenodd stroke=%236F6E75 stroke-width=1.5 /></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px 8px;
    padding-right: 35px;
}

.form-row .contactform-textarea {
    height: 80px;
}

.form-row:has(textarea) i {
    align-items: flex-start;
    top: 15px;
}

.other-products {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.other-products li {
    padding: 10px 15px 12px 15px;
    border: 1px solid var(--primary);
    border-radius: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.other-products li.active,
.other-products li:hover {
    background-color: var(--primary);
    color: #fff;
}

.ai-uber-section {
    padding: 50px 0 0 0;
    background: linear-gradient(115deg, #FFF9F6 0%, #FFF9F6 45%, #FFFDFC 70%, #FFF3EA 100%);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.ai-uber-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#E2E8F0 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    opacity: 0.8;
    z-index: -2;
    pointer-events: none;
}

.ai-icon-box {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0e6;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 30px;
    color: var(--primary);
}

.ai-icon-box::before {
    color: var(--primary);
}

.ai-icon-box svg {
    width: 30px;
    height: 30px;
}

.ai-uber-section .container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 0 15px;
}

.ai-uber-bg-grid {
    position: absolute;
    inset: 0;
    background: url(../images/homepage/ai-grid.webp) no-repeat left bottom;
    opacity: 0.4;
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    bottom: 0;
}

.ai-uber-glow {
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: url(../images/homepage/gradient-image.webp) no-repeat center top;
    background-size: contain;
    opacity: 0.8;
    z-index: -1;
    height: 100%;
}

.ai-uber-content {
    width: 70%;
    padding-bottom: 55px;
}

.ai-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.ai-feature-card {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    gap: 15px;
    display: grid;
    grid-template-columns: auto 1fr;
    border: 1px solid var(--line);
    box-shadow: var(--shadow-card);
    -webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
    -moz-transition: transform 0.3s ease, box-shadow 0.3s ease;
    -ms-transition: transform 0.3s ease, box-shadow 0.3s ease;
    -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
    align-items: center;
}

.ai-feature-card:hover {
    border-color: var(--primary);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ai-feature-card .ub_title {
    font-size: 17px;
    color: #000;
    display: block;
    line-height: 22px;
    margin-bottom: 0;
}

.ai-feature-card p {
    margin: 0;
}

.ai-feature-card .ai-card-visual img {
    display: block;
    margin: auto;
}

.ai-uber-visual {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    right: 0;
    bottom: 0;
    justify-content: flex-start;
    width: 36%;
}

.ai-uber-visual img {
    vertical-align: top;
    max-width: 26vw;
}

.build-ondemand-app {
    position: relative;
    width: 100%;
    padding: 60px 0 0;
    display: flex;
    justify-content: center;
    background: linear-gradient(90deg, #f5fff0 0%, #f4fdfe 45%, #eafaff 100%);
    margin-bottom: 80px;
}

.build-ondemand-app-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}

.content-left {
    flex: 1;
}

.build-ondemand-app .image-box {
    flex: 1;
    position: relative;
    border-radius: 20px;
}

.build-ondemand-app .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}

.realcompany-section {
    position: relative;
    padding: 50px 0;
    background-color: #f8f8f8;
}

.masonry-block_ img {
    width: 100%;
    vertical-align: top;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.masonry-block_ {
    overflow: hidden;
}

.masonry-block_ img {
    margin-bottom: 10px;
}

.masonry-block_.col-33 {
    width: calc(33.33% - 10px);
    width: -o-calc(33.33% - 10px);
    width: -ms-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: -webkit-calc(33.33% - 10px);
}

.masonry-block_.col-7 {
    width: calc(60.7% - 10px);
    width: -o-calc(60.7% - 10px);
    width: -ms-calc(60.7% - 10px);
    width: -moz-calc(60.7% - 10px);
    width: -webkit-calc(60.7% - 10px);
}

.masonry-block_.col-5 {
    width: calc(39.3% - 10px);
    width: -o-calc(39.3% - 10px);
    width: -ms-calc(39.3% - 10px);
    width: -moz-calc(39.3% - 10px);
    width: -webkit-calc(39.3% - 10px);
}

.masonry-block_.col-6 {
    width: calc(52.4% - 10px);
    width: -o-calc(52.4% - 10px);
    width: -ms-calc(52.4% - 10px);
    width: -moz-calc(52.4% - 10px);
    width: -webkit-calc(52.4% - 10px);
}

.masonry-block_.col-9 {
    width: calc(75% - 10px);
    width: -o-calc(75% - 10px);
    width: -ms-calc(75% - 10px);
    width: -moz-calc(75% - 10px);
    width: -webkit-calc(75% - 10px);
}

.masonry-block_.col-3 {
    width: calc(24.32% - 10px);
    width: -o-calc(24.32% - 10px);
    width: -ms-calc(24.32% - 10px);
    width: -moz-calc(24.32% - 10px);
    width: -webkit-calc(24.32% - 10px);
}

.masonry-block_.col-3_1 {
    width: calc(23.2% - 10px);
    width: -o-calc(23.2% - 10px);
    width: -ms-calc(23.2% - 10px);
    width: -moz-calc(23.2% - 10px);
    width: -webkit-calc(23.2% - 10px);
}

.masonry-block_.col-6_1 {
    width: calc(52% - 10px);
    width: -o-calc(52% - 10px);
    width: -ms-calc(52% - 10px);
    width: -moz-calc(52% - 10px);
    width: -webkit-calc(52% - 10px);
}

.masonry-block_.col-6_2 {
    width: calc(48% - 10px);
    width: -o-calc(48% - 10px);
    width: -ms-calc(48% - 10px);
    width: -moz-calc(48% - 10px);
    width: -webkit-calc(48% - 10px);
}

.masonry-block_.col-5_1 {
    width: calc(46.3% - 10px);
    width: -o-calc(46.3% - 10px);
    width: -ms-calc(46.3% - 10px);
    width: -moz-calc(46.3% - 10px);
    width: -webkit-calc(46.3% - 10px);
}

.masonry-block_.col-3_2 {
    width: calc(26.6% - 10px);
    width: -o-calc(26.6% - 10px);
    width: -ms-calc(26.6% - 10px);
    width: -moz-calc(26.6% - 10px);
    width: -webkit-calc(26.6% - 10px);
}

.masonry-block_.col-3_3 {
    width: calc(27% - 10px);
    width: -o-calc(27% - 10px);
    width: -ms-calc(27% - 10px);
    width: -moz-calc(27% - 10px);
    width: -webkit-calc(27% - 10px);
}

.masonry-block_.col-2 {
    width: calc(21.32% - 10px);
    width: -o-calc(21.32% - 10px);
    width: -ms-calc(21.32% - 10px);
    width: -moz-calc(21.32% - 10px);
    width: -webkit-calc(21.32% - 10px);
}

.masonry {
    margin-top: 20px;
}

.masonry ._row_ {
    display: flex;
    flex-wrap: wrap;
    display: none;
    gap: 10px;
}

.masonry-block_ a.view-more {
    display: block;
    cursor: pointer;
    background-color: #FF6E00;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.masonry-block_ a.view-more:hover {
    background-color: #a74500;
}

.masonry-block_ a.view-more img {
    margin-bottom: 0;
}

.masonry-block_ a.view-more>span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    font-weight: bold;
    font-size: 28px;
}

.masonry-block_ a.view-more {
    display: block;
    cursor: pointer;
    background-color: var(--primary);
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 100%;
}

.masonry-block_ a.view-more:hover {
    background-color: var(--primary-dark);
}

.masonry-block_ a.view-more img {
    margin-bottom: 0;
}

.masonry-block_ a.view-more>span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    font-weight: bold;
    font-size: 34px;
}

._row_.have_more>*>img {
    margin: 0;
}

.masonry.open ._row_.have_more .masonry-block_:last-child {
    display: block;
}

.masonry ._row_:nth-child(-n+3) {
    display: flex;
}

.masonry.open ._row_ {
    display: flex;
}

.clients_image {
    overflow: hidden;
}

.clients_image .clients_image_hold img {
    transition: all 0.5s ease 0s;
}

.clients_image:hover .clients_image_hold img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.5s ease 0s;
}

.masonry-block_ a.view-more>span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    font-weight: 700;
    flex-direction: column;
    padding: 10px;
}

.masonry-icon {
    margin-bottom: 10px;
    line-height: 0;
}

.masonry.open ._row_.have_more .masonry-block_:last-child {
    display: block
}

._row_.have_more .masonry-block_ img {
    margin-bottom: 0;
}

.masonry-block_.col-2 p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 17px;
    margin: 0 0 10px;
}

.masonry-block_.col-2 i {
    width: 37px;
    height: 37px;
    font-size: 18px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.masonry-block_.col-2 b {
    font-size: 23px;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.scale-image {
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.scale-image img {
    transition: all 0.5s ease 0s;
}

.scale-image:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.5s ease 0s;
}

.common_action_button_center {
    position: fixed;
    z-index: 999;
    right: 50px;
    top: 50%;
    transform-origin: top right;
    transform: rotate(-90deg) translatex(50%);
    -webkit-transform: rotate(-90deg) translatex(50%);
    -moz-transform: rotate(-90deg) translatex(50%);
    -ms-transform: rotate(-90deg) translatex(50%);
    -o-transform: rotate(-90deg) translatex(50%);
    gap: 10px;
    display: flex;
}

.enq-now-btn img {
    max-width: initial;
}

select,
textarea {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 15px;
    color: #000;
    padding: 4px;
    border-radius: 3px;
    font-family: 'Exo 2', sans-serif;
    resize: none;
}

.cubex-btn {
    padding: 16.5px 13px;
    background-color: #609afe;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    top: auto;
    right: 0;
    border-radius: 4px 4px 0 0;
    backface-visibility: hidden;
    transform-origin: right bottom;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.cubex-btn:hover {
    background-color: #0e48ac;
    color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width:1920px) {
    p {
        font-size: 15px;
        line-height: 21px;
    }

    .service-step-card {
        top: 63px;
    }

    .ai-uber-section .container {
        gap: 20px;
    }

    .ai-feature-card {
        padding: 15px;
    }
}

@media (max-width:1450px) {
    .ai-uber-visual img {
        max-width: 39vw;
    }

    .hero-right img {
        max-width: 44vw;
    }
}

@media (max-width:1366px) {
    p {
        font-size: 15px;
        line-height: 21px;
    }

    .service-step-card {
        top: 63px;
    }

    .ai-uber-section .container {
        gap: 20px;
    }

    .ai-feature-card {
        padding: 15px;
    }
}

@media (max-width:1024px) {
    h1.cmn-hd {
        font-size: 39px;
        line-height: 45px;
    }

    .hero-left .banner-cnt p {
        margin: 0 auto 10px auto;
        font-size: 16px;
        line-height: 22px;
    }

    .col-5 .stat-number-green,
    .col-5 .stat-number-blue,
    .col-4 .stat-number,
    .col-3 .stat-number,
    .col-2 .stat-number,
    .col-1 .stat-number,
    .col-1 .stat-number-indigo {
        font-size: 45px;
        line-height: 1em;
    }

    .col-5 .photo-wrap,
    .col-2 .photo-wrap,
    .col-3 .photo-wrap,
    .col-4 .photo-wrap,
    .col-1 .photo-wrap {
        height: auto;
    }

    .stat-label {
        font-size: 17px;
        line-height: 1.3;
    }

    .col-1 .stat-card-mint,
    .col-5 .stat-card-mint {
        min-height: 200px;
        padding: 10px;
    }

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

    .stat-number em,
    .stat-number-green em {
        font-size: 31px;
    }

    .stats-section {
        min-height: initial;
    }

    .hero-right img {
        max-width: 100%;
    }

    .main-title {
        font-size: 35px;
    }

    .service-title {
        font-size: 26px;
    }

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

    .icon-box {
        width: 50px;
        height: 50px;
        font-size: 27px;
    }

    .ti-row {
        gap: 10px;
    }

    .service-card {
        padding: 15px 15px 0 15px;
        gap: 15px;
        align-items: flex-end;
    }

    .card-4 .card-visual img:last-child,
    .card-3 .card-visual img:last-child {
        display: none;
    }

    .service-step-card {
        position: relative;
        top: 0;
        padding-top: 0;
    }

    .all-service-cards {
        gap: 20px;
    }

    .why-choose-inner {
        grid-template-columns: 215px 1fr;
    }

    .grid-wrapper {
        grid-template-columns: 1fr 323px;
    }

    .card-rocket .headline {
        font-size: 22px;
    }

    .card-group .big-num {
        font-size: 26px;
    }

    .card-award {
        height: auto;
    }

    .card-whitelabel .img-wrap img {
        max-height: 140px;
    }

    .card-ondemand .big-num {
        font-size: 25px;
    }

    .card-ondemand .label {
        font-size: 20px;
    }

    .card-retention .big-num span {
        font-size: 22px;
    }

    .card-retention .big-num {
        font-size: 30px;
    }

    .card-ui .headline {
        font-size: 22px;
    }

    .card-ui {
        padding: 16px 0 0 20px;
        gap: 25px;
    }

    .card-award .award-text {
        padding: 15px;
    }

    .card-support .img-side {
        flex-shrink: 1;
    }

    .card-support .headline {
        font-size: 21px;
    }

    .card-support .desc {
        font-size: 14px;
    }

    .card-whitelabel .headline {
        font-size: 21px;
    }

    .card-whitelabel .sub {
        font-size: 14px;
        font-weight: 500;
    }

    .card-award .award-badge {
        font-size: 28px;
    }

    .card-award .award-title {
        font-size: 19px;
    }

    .stats-banner {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 20px;
    }

    .bento-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }

    .icon-node-box {
        width: 50px;
        height: 50px;
    }

    .icon-node-box svg {
        width: 30px;
        height: 30px;
    }

    .bento-card {
        padding: 12px;
    }

    .stat-number {
        font-size: 30px;
    }

    .tag-orange {
        color: #F3620D;
        font-size: 20px;
    }

    .graphic-globe {
        width: 120px;
    }

    .title-blue-dark {
        font-size: 26px;
    }

    .ai-uber-section .container {
        padding: 0 20px;
    }

    .process-icon {
        height: 100px;
        width: 100px;
    }

    .process-cnt ul li:after {
        width: 87px;
        height: 34px;
        right: -50px;
    }

    .clients-visitus ul li .big-button .common-btn {
        font-size: 30px;
    }

    .masonry-block_ a.view-more>span {
        font-size: 24px;
    }

    .meetexpert-cnt {
        grid-template-columns: 1fr 1fr;
    }

    .blog-title {
        font-size: 17px;
    }

    .readytobuild-cnt {
        padding: 20px;
    }

    .readytobuild-l {
        padding: 0;
    }

    .readytobuild-l {
        width: 37%;
    }

    .readytobuild-r {
        width: 61%;
        padding: 15px;
    }

    .social-contact ul li {
        font-size: 16px;
    }
    .nomatter-cnt ul {
        grid-template-columns: 1fr 1fr;
    }
    .masonry-icon{
        display: none;
    }
    .masonry-block_.col-2 b {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 2px;
    }
    .masonry-block_.col-2 p {
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 5px;
    }
    .masonry-block_.col-2 i {
        width: 26px;
        height: 26px;
        font-size: 14px;
    }
    .meetexpert-r img{
        display: block;
        margin: 0 auto;
    }

}

@media (max-width:991px) {
    h1.cmn-hd {
        font-size: 36px;
        margin: 0 0 5px;
    }

    .hero-left .banner-cnt p {
        width: 100%;
    }

    .banner::before {
        width: 100%;
        height: 100%;
    }
    .hero-feature-grid {
        grid-template-columns: 1fr 1fr;
    }
    .stat-num {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .col-5 .stat-number-green,
    .col-5 .stat-number-blue,
    .col-4 .stat-number,
    .col-3 .stat-number,
    .col-2 .stat-number,
    .col-1 .stat-number,
    .col-1 .stat-number-indigo {
        font-size: 26px;
    }

    .stat-label {
        font-size: 14px;
        line-height: 1.3;
    }

    .col-1 .stat-card-mint,
    .col-5 .stat-card-mint {
        min-height: auto;
        padding: 10px;
    }

    .stat-card {
        border-radius: 10px;
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .hero-right {
        top: -17px;
        margin-bottom: -17px;
    }

    .stat-number em,
    .stat-number-green em {
        font-size: 19px;
    }

    .main-title {
        font-size: 32px;
    }

    .service-card {
        display: grid;
        grid-template-columns: 100%;
    }

    .card-visual {
        text-align: center;
    }

    .service-card .col-text {
        padding-bottom: 0;
    }

    .grid-wrapper {
        grid-template-columns: 470px 323px;
    }

    .ai-uber-section {
        padding: 50px 0;
    }

    .ai-uber-section .container {
        flex-direction: column;
        padding: 0 15px;
    }

    .ai-uber-content {
        width: 100%;
        padding: 0;
    }

    .ai-uber-visual {
        display: none;
    }

    .firstbillion-cnt {
        display: grid;
        gap: 30px;
        grid-template-columns: 100%;
        align-items: center;
    }

    .firstbillion-left {
        text-align: center;
    }

    .nomatter-cnt ul li {
        padding: 15px;
    }

    .nomatter-hd {
        font-size: 18px;
        min-height: initial;
    }

    .client-row-twocol ul {
        gap: 10px;
        justify-content: space-between;
    }

    .client-row-twocol ul li {
        width: calc((100% - 20px) / 2);
        width: -webkit-calc((100% - 20px) / 2);
        width: -moz-calc((100% - 20px) / 2);
        width: -ms-calc((100% - 20px) / 2);
        width: -o-calc((100% - 20px) / 2);
    }

    .process-cnt ul li:after,
    .process-cnt ul li:nth-child(even):after {
        top: auto;
        bottom: -60px;
        right: auto;
        left: 50%;
        transform: rotate(90deg) translatey(50%);
        -webkit-transform: rotate(90deg) translatey(50%);
        -moz-transform: rotate(90deg) translatey(50%);
        -ms-transform: rotate(90deg) translatey(50%);
        -o-transform: rotate(90deg) translatey(50%);
    }

    .process-cnt ul li:hover:before {
        display: none;
    }

    .process-cnt ul li p {
        min-height: initial;
    }

    .process-cnt ul {
        display: grid;
        grid-template-columns: 100%;
        gap: 100px;
    }

    .process-cnt ul li {
        width: 100%;
    }

    .clients-visitus ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .masonry-block_ a.view-more>span {
        font-size: 19px;
    }

    .meetexpert-cnt {
        grid-template-columns: 100%;
    }

    .meetexpert-l {
        text-align: center;
    }

    .blog-listing {
        grid-template-columns: repeat(2, 1fr);
    }

    .readytobuild-cnt {
        padding: 20px;
        gap: 25px;
        display: flex;
        flex-direction: column-reverse;
    }

    .readytobuild-l {
        width: 100%;
    }

    .readytobuild-r {
        width: 100%;
    }

    .social-contact ul {
        padding-top: 10px;
    }

    .social-contact ul {
        gap: 10px;
    }

    .followus-cnt {
        margin-top: 20px;
        padding-top: 20px;
    }

    .why-choose-inner {
        grid-template-columns: 100%;
    }

    .card-rocket .headline {
        font-size: 32px;
    }

    .why-choose-inner .left_side {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .card.card-ondemand {
        align-items: center;
    }

    .grid-wrapper {
        grid-template-columns: 1.5fr 1fr;
    }

    .card-ui .headline {
        font-size: 32px;
    }

    .card-whitelabel .headline,
    .card-support .headline {
        font-size: 25px;
    }

    .card-whitelabel .sub,
    .card-support .desc {
        font-size: 16px;
    }

    .card-group .big-num {
        font-size: 20px;
    }

    .card-group .ent-text {
        font-size: 18px;
    }

    .hero-left {
        width: 100%;
    }

    .hero-right {
        width: 100%;
        top: 0;
        display: none;
    }
}
@media (max-width:768px) {
    .card-award::before {
        width: 50%;
}
}
@media (max-width:767px) {
    .grid-wrapper {
        grid-template-columns: 100%;
    }

    .card .bg-img {
        position: relative;
    }

    .card-group .big-num {
        font-size: 36px;
    }

    .card-group .ent-text {
        font-size: 23px;
    }

    .card-support .headline {
        font-size: 26px;
    }

    .card-retention .big-num {
        font-size: 36px;
    }

    .card-rocket .headline {
        font-size: 25px;
    }

    .stats-banner {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .stats-banner .stat-item {
        padding: 0;
    }

    .stat-item:not(:last-child)::after {
        display: none;
    }

    .stat-icon-badge {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }

    .stat-icon-badge img {
        width: 25px;
        height: 25px;
    }

    .bento-grid {
        display: flex;
        flex-direction: column;
    }

    .graphic-whitelabel {
        width: 138px;
    }

    .billion-features-grid {
        grid-template-columns: 1fr 1fr;
    }

    .nomatter-cnt ul {
        grid-template-columns: 1fr;
    }

    .billion-line {
        display: none;
    }

    .title-orange-lg {
        font-size: 25px;
    }

    .badge-subtext {
        font-size: 15px;
    }

    .card-subtitle {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .medal-icon {
        width: 30px;
    }

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

    .card-modern-ui {
        background-position: bottom center;
        background-size: cover;
        min-height: 150px;
    }

    .card-modern-ui .card-title {
        width: 100px;
    }

    .card-modern-ui .card-subtext {
        width: 100px;
    }

    .card-subtext {
        font-size: 14px;
        line-height: 1.1;
    }

    .card-retention {
        background-position: left center;
        min-height: 150px;
    }

    .app-3d-tile {
        width: 50px;
    }

    .stat-number {
        font-size: 25px;
    }
}

@media (max-width:630px) {
    .cmn-section.banner {
        padding: 40px 0;
    }

    h1.cmn-hd {
        font-size: 28px;
        line-height: 34px;
    }

    .main-title {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 32px;
    }

    .hd-sidebyside {
        flex-direction: column;
    }

    .ai_tag {
        font-size: 14px;
    }

    .banner {
        padding: 40px 0;
    }

    .micro-card {
        flex-direction: column;
    }

    .micro-card-text .label {
        text-align: center;
    }

    .micro-card-text .val {
        text-align: center;
    }

    .nomatterwhatsize-section,
    .purchaseprocess-section,
    .meetexpert-section {
        padding: 40px 0;
    }

    .nomatterwhatsize-section {
        background-color: #f8f8f8;
    }

    .realcompany-section {
        padding: 40px 0;
    }

    .blog-section {
        padding: 40px 0;
    }

    .realcompany-section p {
        margin: 0;
    }

    .goliveproducts-section {
        padding: 40px 0;
    }

    .faq-section {
        padding-bottom: 40px;
    }

    .firstbillion-section {
        padding: 40px 0 0 0;
    }

    .why-choose-section {
        padding: 40px 0;
    }

    .allourapps-section {
        padding: 40px 0;
        background: #fff;
    }

    .clients-visitus {
        padding: 40px 0;
        background: linear-gradient(115deg, #FFF9F6 0%, #FFF9F6 45%, #FFFDFC 70%, #FFF3EA 100%);
    }

    .col-1 .stat-card,
    .col-2 .stat-card,
    .col-5 .stat-card,
    .col-3 .stat-card,
    .col-4 .stat-card {
        position: relative;
        z-index: 2;
        text-align: center;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .stats-section {
        flex-direction: column;
        min-height: 320px;
    }

    .col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 10px;
    }

    .col-1 .stat-card-mint,
    .col-5 .stat-card-mint {
        min-height: auto;
        padding: 10px;
        margin: 0;
    }

    .col.col-4 {
        order: 5;
        grid-template-columns: 1fr;
    }

    .col.col-5 {
        order: 4;
    }

    .col-1-top:hover .stat-card,
    .col-2:hover .stat-card,
    .col-3:hover .stat-card,
    .col-4:hover .stat-card,
    .col-5-top:hover .stat-card {
        padding-bottom: 10px;
    }

    .hero-right {
        margin: 0;
        top: 0;
    }

    .col-2 .stat-card,
    .col-1 .stat-card {
        background: #f1e9fa;
        padding: 10px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

    .col-2 .stat-card {
        background-color: #e3f3ff;
    }

    .col-2 .stat-card:last-child {
        background-color: #e6e8ff;
    }

    .col-2 .stat-card:last-child .stat-number {
        color: #404cd5;
    }

    .col-1 .stat-card-mint {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

    .col-1 .stat-card-mint .stat-number {
        color: #0F2080;
    }

    .col-5 .stat-number-green,
    .col-5 .stat-number-blue,
    .col-4 .stat-number,
    .col-3 .stat-number,
    .col-2 .stat-number,
    .col-1 .stat-number,
    .col-1 .stat-number-indigo {
        margin: 0 0 4px;
    }

    .col.col-4 .stat-card {
        background: #FFF3E0;
    }

    .col.col-5 .stat-card {
        background: #e7f3d6;
    }

    .col-5 .stat-number-blue {
        color: #5a9a2a;
    }

    .banner::before {
        bottom: 0;
    }

    .tab {
        justify-content: space-between;
    }

    .service-card {
        border-radius: 12px;
        padding: 15px;
    }

    .service-title {
        font-size: 22px;
        line-height: 1.2;
    }

    .ti-row {
        grid-template-columns: 100%;
    }

    ul.page_listview_area.sidebyside_list {
        grid-template-columns: 100%;
    }

    .service-title.have_aipowered {
        display: inline-block;
    }

    .service-title.have_aipowered img {
        transform: translateY(5px);
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }

    .card-visual {
        margin: 0 0 15px;
    }

    .all-service-cards .card-visual img {
        bottom: 0;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .ai-uber-glow {
        top: 0;
    }

    .ai-feature-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .ai-feature-card {
        grid-template-columns: 100%;
    }

    .card-4 .card-visual img:last-child,
    .card-3 .card-visual img:last-child {
        display: block;
    }

    .nomatter-cnt ul {
        flex-direction: column;
    }

    .nomatter-cnt ul li {
        width: 100%;
    }

    .inner-hd-medium {
        font-size: 19px;
    }

    .ourapp-cntarea {
        padding: 17px;
    }

    .ourapp-cnt-desc {
        grid-template-columns: 100%;
    }

    .client-row-twocol ul li .inner-hd-medium {
        font-size: 18px;
        margin: 0;
        line-height: 1.2em;
    }

    .process-cnt ul {
        grid-template-columns: 100%;
    }

    .process-cnt ul li:hover:before {
        display: none;
    }

    .process-cnt ul li p {
        min-height: initial;
    }

    .client-row-twocol ul {
        gap: 20px;
    }

    .client-row-twocol ul li {
        width: 100%;
    }

    .masonry-block_ a.view-more>span {
        font-size: 2.5VW;
    }

    .meetexpert-cnt {
        gap: 15px;
    }

    .masonry ._row_ {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .masonry-block_ {
        width: 100% !important;
    }

    .masonry-block_ img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: top center;
    }

    .view-more img {
        object-fit: cover;
        height: 80px;
    }

    .masonry-block_ a.view-more>span {
        font-size: 18px;
    }

    .blog-listing {
        grid-template-columns: 100%;
        margin: 0 0 15px;
    }

    .faq-list {
        grid-template-columns: 100%;
    }

    .form-sidebyside {
        flex-direction: column;
        gap: 10px;
    }

    .formside {
        width: 100%;
    }

    .social-contact ul li span,
    .social-contact ul li strong {
        margin-right: 8px;
        font-size: 15px;
    }

    .social-contact ul li span img {
        height: 20px;
    }

    .social-contact ul li a {
        font-size: 15px;
    }

    .formarea-cnt {
        gap: 10px;
    }

    .readytobuild-cnt {
        padding: 20px;
    }

    .readytobuild-r .cmn-primary-btn {
        margin-right: auto;
    }

    .followus-cnt ul {
        gap: 10px;
    }

    .followus-cnt ul li i {
        color: #000;
        font-size: 18px;
    }

    .ai-badge {
        padding: 5px 9px;
    }

    .clients-visitus ul {
        grid-template-columns: 100%;
    }

    .social-contact {
        margin-top: 10px;
    }

    .clients-visitus ul li:last-child {
        box-shadow: none;
    }

    .clients-visitus ul li .big-button {
        padding: 0;
        min-height: 200px;
    }

    .clients-visitus ul li .big-button strong {
        font-size: 20px;
        line-height: 26px;
    }

    .clients-visitus ul li .big-button:before {
        width: 50px;
        height: 50px;
    }

    .clients-visitus ul li .big-button:after {
        width: 50px;
        height: 50px;
    }

    .stat-num {
        font-size: 20px;
    }

    .followus-cnt {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .ai-feature-card .ub_title {
        font-size: 16px;
        line-height: 22px;
    }

    .nomatter-icon {
        width: 65px;
        height: 65px;
        border-radius: 12px;
        font-size: 35px;
    }

    .hero-feature-grid {
        min-height: 362px;
        margin: 20px 0 20px 0;
    }

    .clients-visitus ul li .big-button .reviews-symbold img {
        width: 40px;
        height: 40px;
    }

    .clients-visitus ul li .big-button .reviews-symbold span {
        width: 40px;
        height: 40px;
        font-size: 12px;
    }

    .blog-img {
        min-height: 239px;
    }

    .ourapp-icon-box {
        margin: 0;
    }
    .ai-uber-section {
        padding: 40px 0;
        background: #fff;
    }
    .ai-uber-section::before{
        display: none;
    }
}


@media (max-width:580px) {
    .why-choose-inner {
        grid-template-columns: 100%;
    }

    .grid-wrapper {
        grid-template-columns: 100%;
    }

    .grid-wrapper.two-row-card {
        grid-template-columns: 100%;
    }

    .card-ondemand .man-img img {
        margin: auto;
    }

    .card-ui {
        padding: 10px 0 0 15px;
        gap: 13px;
    }

    .cmn-primary-btn span {
        width: 25px;
        height: 25px;
        margin-left: 8px;
    }

    .cmn-primary-btn {
        height: 40px;
        padding: 0px 13px;
    }

    .cmn-outline-btn {
        height: 40px;
    }

    .cmn-outline-btn,
    .cmn-primary-btn {
        font-size: 13px;
        line-height: 1em;
    }
}
@media (max-width:480px) {
    .why-choose-inner .left_side {
        grid-template-columns: 100%;
    }

    .card-group .ent-text {
        font-size: 18px;
    }

    .card-group .big-num {
        font-size: 20px;
    }

    .card-group {
        height: 200px;
    }

    .card-ui {
        flex-direction: column;
    }

    .card-ui .headline {
        font-size: 25px;
    }

    .card-ui .headline br {
        display: none;
    }

    .card-rocket {
        padding: 20px 0 0 20px;
    }
}

@media (max-width:390px) {
    .tab .tablinks {
        padding: 8px 5px 12px 5px;
        text-align: center;
        font-size: 15px;
    }

    .social-contact ul li span img {
        height: 16px;
    }

    .readytobuild-cnt {
        padding: 15px;
    }

    .social-contact ul li span,
    .social-contact ul li strong {
        margin-right: 5px;
        font-size: 14px;
    }

    .social-contact ul li a {
        font-size: 14px;
    }
}

.error-captcha {
    margin: 0;
}