/*
    font-family: 'Aeonik', sans-serif;
    font-family: "AeonikProTRIAL", sans-serif;
*/


@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Regular.eot');
    src: url('../fonts/Aeonik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeonik-Regular.woff2') format('woff2'),
        url('../fonts/Aeonik-Regular.woff') format('woff'),
        url('../fonts/Aeonik-Regular.ttf') format('truetype'),
        url('../fonts/Aeonik-Regular.svg#Aeonik-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('../fonts/Aeonik-Bold.eot');
    src: url('../fonts/Aeonik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aeonik-Bold.woff2') format('woff2'),
        url('../fonts/Aeonik-Bold.woff') format('woff'),
        url('../fonts/Aeonik-Bold.ttf') format('truetype'),
        url('../fonts/Aeonik-Bold.svg#Aeonik-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikProTRIAL';
    src: url('../fonts/AeonikProTRIAL-Light.eot');
    src: url('../fonts/AeonikProTRIAL-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AeonikProTRIAL-Light.woff2') format('woff2'),
        url('../fonts/AeonikProTRIAL-Light.woff') format('woff'),
        url('../fonts/AeonikProTRIAL-Light.ttf') format('truetype'),
        url('../fonts/AeonikProTRIAL-Light.svg#AeonikProTRIAL-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikProTRIAL';
    src: url('../fonts/AeonikProTRIAL-Regular.eot');
    src: url('../fonts/AeonikProTRIAL-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AeonikProTRIAL-Regular.woff2') format('woff2'),
        url('../fonts/AeonikProTRIAL-Regular.woff') format('woff'),
        url('../fonts/AeonikProTRIAL-Regular.ttf') format('truetype'),
        url('../fonts/AeonikProTRIAL-Regular.svg#AeonikProTRIAL-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikProTRIAL';
    src: url('../fonts/AeonikProTRIAL-Bold.eot');
    src: url('../fonts/AeonikProTRIAL-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AeonikProTRIAL-Bold.woff2') format('woff2'),
        url('../fonts/AeonikProTRIAL-Bold.woff') format('woff'),
        url('../fonts/AeonikProTRIAL-Bold.ttf') format('truetype'),
        url('../fonts/AeonikProTRIAL-Bold.svg#AeonikProTRIAL-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


html {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

html,
body {
    overflow-x: clip;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none;
}

b,
strong {
    font-weight: 700;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'AeonikProTRIAL';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    overflow-x: clip;
}

p {
    margin-bottom: 30px;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: #000000;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

a:hover,
a:focus,
a:active {
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Aeonik';
}

.mtb-120 {
    margin: 120px 0;
}

.mt-120 {
    margin-top: 120px;
}

.mb-120 {
    margin-bottom: 120px;
}

.ptb-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.ptb-80 {
    padding: 80px 0;
}

header {
    padding: 30px 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

header.sticky {
    padding: 20px 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

header .navbar,
header .navbar-brand {
    padding: 0;
}

header .navbar-nav {
    width: 100%;
}

header .navbar-nav>.menu-item+.menu-item {
    margin-left: 30px;
}

header .navbar-nav>.menu-item:nth-child(1) {
    margin-left: auto;
}

header .navbar-nav>.menu-item:nth-last-of-type(2) {
    margin-right: auto;
}

header .navbar-nav>.menu-item:not(:last-child)>a {
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Aeonik';
    color: #000000;
    position: relative;
    transition: all 0.4s ease-in-out;
}

header .navbar-nav>.menu-item:not(:last-child)>a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    width: 0;
    height: 2px;
    transition: all 0.4s ease-in-out;
}

header .navbar-nav>.menu-item:not(:last-child)>a:hover::before {
    width: 100%;
}

header .navbar-nav>.menu-item.menu-item-has-children>a::after,
.sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children>a::after {
    content: "";
    position: relative;
    display: inline-block;
    height: 11px;
    width: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1452_53)'%3E%3Cpath d='M10.2201 4.72012H6.27988V0.779883C6.27988 0.348047 5.92969 0 5.5 0C5.07031 0 4.72012 0.348047 4.72012 0.779883V4.72012H0.779883C0.348047 4.72012 0 5.07031 0 5.5C0 5.92969 0.348047 6.27988 0.779883 6.27988H4.72012V10.2201C4.72012 10.6498 5.06816 11 5.5 11C5.92969 11 6.27988 10.652 6.27988 10.2201V6.27988H10.2201C10.6498 6.27988 11 5.93184 11 5.5C11 5.07031 10.652 4.72012 10.2201 4.72012Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1452_53'%3E%3Crect width='11' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    transition: all 0.4s ease-in-out;
}

header .navbar-nav>.menu-item.menu-item-has-children>a:hover::after,
.sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children>a:hover::after {
    transform: rotate(45deg);
}

header .navbar-nav>.menu-item:last-child>a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 50px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    display: flex;
    color: #FFFFFF;
    position: relative;
    z-index: 0;
    background-color: #000000;
}

header .navbar-nav>.menu-item:last-child a:hover {
    outline: 1px solid #000000;
    background-color: transparent;
    color: #000000;
}

.default-btn,
.white-btn,
.transparent-btn,
.black-btn {
    max-width: fit-content;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 30px 14px 30px;
    text-transform: uppercase;
    border-radius: 40px;
    font-family: 'Aeonik';
    transition: all 0.4s ease-in-out;
    display: flex;
    gap: 7px;
    color: #FFFFFF;
    position: relative;
    letter-spacing: 0.06rem;
    align-items: center;
    background-color: #000000;
    cursor: pointer;
}

.default-btn svg,
.white-btn svg,
.transparent-btn svg,
.black-btn svg {
    max-width: 13px;
    margin-bottom: -3px;
    transform: rotate(0);
    transition: all 0.5s;
}

.default-btn svg path,
.transparent-btn:hover svg path {
    fill: #fff;
    transition: all 0.5s;
}

.default-btn:hover,
.default-btn:active,
.default-btn:focus {
    outline: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}

.default-btn:hover svg path,
.default-btn:focus svg path,
.default-btn:active svg path,
.transparent-btn:active svg path,
.transparent-btn:focus svg path,
.transparent-btn:hover svg path {
    fill: #000000;
    transition: all 0.5s;
}

.default-btn:hover svg,
.default-btn:active svg,
.default-btn:focus svg,
.transparent-btn:active svg,
.transparent-btn:focus svg,
.transparent-btn:hover svg,
.white-btn:hover svg,
.white-btn:active svg,
.white-btn:focus svg,
.black-btn:hover svg,
.black-btn:active svg,
.black-btn:focus svg {
    transform: rotate(45deg);
    transition: all 0.5s;
}

.white-btn {
    background: #fff;
    color: #000000;
}

.white-btn svg path {
    fill: #000;
    transition: all 0.5s;
}

.white-btn:hover,
.white-btn:active,
.white-btn:focus {
    background: #000;
    color: #fff;
}

.white-btn:hover svg path,
.white-btn:active svg path,
.white-btn:focus svg path {
    fill: #fff;
    transition: all 0.5s;
}

.transparent-btn {
    background: transparent;
    border: 1px solid #fff;
}

.transparent-btn:hover,
.transparent-btn:active,
.transparent-btn:focus {
    background: #fff;
}

.transparent-btn:hover svg path,
.transparent-btn:active svg path,
.transparent-btn:focus svg path {
    fill: #000;
    transition: all 0.5s;
}

.black-btn {
    background: #FFFFFF;
    color: #000000;
    outline: 1px solid #000000;
}

.black-btn svg path {
    fill: #000000;
    transition: all 0.5s;
}

.black-btn:hover,
.black-btn:active,
.black-btn:focus {
    background: #000000;
    color: #FFFFFF;
    outline: 1px solid #000000;
}

.black-btn:hover svg path,
.black-btn:active svg path,
.black-btn:focus svg path {
    fill: #FFFFFF;
    transition: all 0.5s;
}

.arrow-btn {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 700;
    letter-spacing: 0.06rem;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Aeonik';
    text-decoration-line: underline;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out;
    width: fit-content;
}

.arrow-btn:hover {
    color: #FFFFFF;
}

.arrow-btn svg {
    transition: all 0.4s ease-in-out;
}

.arrow-btn:hover svg {
    transform: rotate(45deg);
}

.bottom-btn {
    margin-top: 50px;
}

.bottom-btn .default-btn,
.bottom-btn .white-btn {
    margin: auto;
}

.btn-box {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}

/* Home About us */

.title-design {
    padding: 16px 24px;
    background-color: #7B4689;
    border-radius: 50px;
    width: fit-content;
    margin-bottom: 20px;
}

.title.text-center .title-design {
    margin-left: auto;
    margin-right: auto;
}

.title.purple .title-design {
    background: #7B4689;
}

.title.white .title-design {
    background: #FFFFFF;
}

.title.daorange .title-design {
    background: #D4483C;
}

.title.orange .title-design {
    background: #E6942F;
}

.title.blue .title-design {
    background: #2F76A6;
}

.title.white .title-design h4 {
    color: #000;
}

.title.green .title-design {
    background: #1B9579;
}

.title h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: 'AeonikProTRIAL';
    color: #FFFFFF;
    margin-bottom: 0;
}

.title h2,
.pripol-main .title h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    color: #000000;
    margin-bottom: 0;
}

.title:has(h2 + p) h2 {
    margin-bottom: 15px;
}


.small-title h2 {
    font-size: 42px;
    line-height: 52px;
}

.title h2 b,
.title h2 strong,
.pripol-main .title h1 b,
.pripol-main .title h1 strong {
    font-weight: 700;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #5C5C5C;
}

.title p a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

.title:has(p + p) p {
    margin-bottom: 0;
}

.title:has(p + p) p+p {
    margin-top: 15px;
    margin-bottom: 20px;
}

.title p b,
.title p strong {
    font-weight: 700;
}

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

.title.white h2,
.title.white p {
    color: #fff;
}

.title.white p a {
    color: #FFF;
    font-weight: 600;
    text-decoration: underline;
}

.gdev-about .title.white p {
    color: #fff;
}

.heder-space {
    margin-top: 130px;
}

/* Home banner */
.home-banner {
    padding: 15px 0px 0px;
}

.hb-desc h1,
.grnt-sitemap-main .title h1 {
    font-size: 65px;
    line-height: 70px;
    font-weight: 700;
    font-family: 'Aeonik';
    color: #000000;
    margin-bottom: 18px;
}

.hb-desc h1 b,
.hb-desc h1 strong {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.hb-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 0;
}

.hb-desc p b,
.hb-desc p strong {
    font-weight: 700;
}

.hbpo-part {
    max-width: fit-content;
    margin: auto;
    text-align: center;
}

.hbpopa-img img {
    max-width: 240px;
}

.hbpo-part .default-btn {
    margin: -10px auto 0px;
}

/* Home logo */
.home-logo {
    margin: 47px 0px 30px;
}

.hlogo-box {
    text-align: center;
}

.hlogo-box img {
    max-width: 135px;
    max-height: 90px;
}

.hlogo-swiper .swiper-wrapper {
    align-items: center;
}

/* home banner slider */
.hbsw-box {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.hbswb-img img {
    width: 100%;
    border-radius: 20px;
}

.hbswb-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 54.05%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 20px;
    padding: 50px;
}

.hbswb-inner {
    max-width: 45%;
}

.hbswb-desc h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 12px;
    font-weight: 700;
    color: #FFFFFF;
}

.hbswb-desc p {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0px;
    font-weight: 300;
    color: #FFFFFF;
}


/* Home Services */
.home-services .title h2 b,
.home-services .title h2 strong {
    display: block;
}

.hservi-acco {
    margin-top: 20px;
}

.hservi-acco .accordion-button {
    padding: 30px 0px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #394255 !important;
    box-shadow: 0 0 0 !important;
}

.hservi-acco .accordion-item {
    border-radius: 0 !important;
    border: 0 !important;
}

.hservi-acco .accordion-button h3 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
    font-family: 'Aeonik';
    color: #394255 !important;
    margin-bottom: 13px;
}

.hservi-acco .accordion-button p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333333 !important;
    margin-bottom: 0px;
}

.hservi-acco .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_936)'%3E%3Cpath d='M28.4999 13.5H16.5001V1.49991C16.5001 0.672089 15.828 0 14.9999 0C14.1721 0 13.5 0.672089 13.5 1.49991V13.5H1.49991C0.672089 13.5 0 14.1721 0 14.9999C0 15.828 0.672089 16.5001 1.49991 16.5001H13.5V28.4999C13.5 29.328 14.1721 30.0001 14.9999 30.0001C15.828 30.0001 16.5001 29.328 16.5001 28.4999V16.5001H28.4999C29.328 16.5001 30.0001 15.828 30.0001 14.9999C30.0001 14.1721 29.328 13.5 28.4999 13.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_301_936'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 30px;
    background-size: 100% 100%;
    height: 30px;
    position: absolute;
    right: 0;
}

.hservi-acco .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.79993 16.8002H28.1998C29.1941 16.8002 30 15.9943 30 14.9998C30 14.0055 29.1944 13.1996 28.1998 13.1996H1.79993C0.805878 13.1998 0 14.0057 0 15C0 15.9943 0.805878 16.8002 1.79993 16.8002Z' fill='black'/%3E%3C/svg%3E%0A");
}

.hservi-acco .accordion-item+.accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.hservi-body {
    border-top: 1px solid rgba(0, 0, 0, 0.6);
    padding: 20px 0px 30px;
}

.hservi-tabs ul {
    display: flex;
    align-items: center;
    padding: 5px;
    border: 1px solid #000000;
    border-radius: 50px;
    gap: 6px;
    max-width: fit-content;
}

.hservi-tabs ul li a {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    padding: 13px 40px;
    background: transparent;
    display: block;
    font-family: 'Aeonik';
    border-radius: 50px;
    transition: all 0.5s;
}

.hservi-tabs ul li a:hover,
.hservi-tabs ul li a.active {
    color: #fff;
    font-weight: 700;
    background: #000000;
}

.hservi-tabs-content {
    margin-top: 20px;
}

.hservi-inner {
    display: none;
}

.hservico-btn {
    padding: 16px 12px;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hservico-btn::after {
    content: '';
    position: relative;
    right: 0;
    margin-left: 20px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 20.6251C14.7603 20.6251 14.5203 20.5334 14.3372 20.3504L4.96225 10.9754C4.59592 10.609 4.59592 10.0158 4.96225 9.64975C5.32857 9.28365 5.92178 9.28342 6.28787 9.64975L15.0001 18.3619L23.7122 9.64975C24.0786 9.28342 24.6718 9.28342 25.0379 9.64975C25.404 10.0161 25.4042 10.6093 25.0379 10.9754L15.6629 20.3504C15.4798 20.5334 15.2398 20.6251 15.0001 20.6251Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.5s;
}

.hservico-btn.active::after {
    transform: rotate(-180deg);
}

.hservico-btn h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #394255;
    margin-bottom: 0;
    font-family: 'Aeonik';
}

.hservico-btn h3 b,
.hservico-btn h3 strong {
    margin-right: 12px;
}

.hservico-btn h3 b,
.hservico-btn h3 strong,
.hservico-btn.active h3 {
    font-weight: 700;
    font-family: 'Aeonik';
}

.hservico-content {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 33px;
    padding: 30px;
    background: #000000;
    border-radius: 20px;
}

.hservicob-desc h4 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.hservicob-desc h4 a {
    color: #fff;
}

.hservicob-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.hservicob-desc ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.hservicob-desc ul li {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 0px;
    padding-left: 30px;
}

.hservicob-desc li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_285_566)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8359 6.62891C15.0781 6.87109 15.0781 7.26953 14.8359 7.51172L8.97656 13.3711C8.85547 13.4922 8.69531 13.5547 8.53516 13.5547C8.375 13.5547 8.21484 13.4922 8.09375 13.3711L5.16406 10.4414C4.92187 10.1992 4.92187 9.80078 5.16406 9.55859C5.40625 9.31641 5.80469 9.31641 6.04688 9.55859L8.53516 12.0469L13.9531 6.62891C14.1953 6.38281 14.5938 6.38281 14.8359 6.62891Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_285_566'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hservicob-desc .white-btn {
    padding: 12px 30px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
}

.hservicob-desc .white-btn:hover {
    outline: 1px solid #fff;
}

.hservicob-desc .white-btn svg {
    max-width: 10px;
}

.hservicob-img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.hservico-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    row-gap: 15px;
}

.hservico-inner+.hservico-inner {
    margin-top: 20px;
}

.hservico-box {
    grid-column: 1/-1;
    display: none;
}

.hservico-box:nth-child(1),
.hservico-box:nth-child(2) {
    order: 2;
}

/* Home Industry */
.hindu-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.hindub-img img {
    width: 100%;
    border-radius: 10px;
}

.hindub-img h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    left: 25px;
    bottom: 25px;
    right: 25px;
}

.hindub-desc {
    background: #000000;
    padding: 25px;
    border-radius: 10px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s;
}

.hindu-box:hover .hindub-desc {
    opacity: 1;
}

.hindub-desc h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.hindub-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.re-more {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #fff !important;
    gap: 3px;
    text-decoration: underline;
}

.re-more svg {
    max-width: 22px;
    margin-bottom: -2px;
    transform: rotate(0);
    transition: all 0.5s;
}

.re-more:hover svg {
    transform: rotate(45deg);
}


/* Home text animtion */
.home-text-anim h2 {
    font-size: 65px;
    font-weight: 700;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.5);
}

.home-text-anim .word {
    display: inline-block;
    transition: color 0.15s linear;
}

.home-text-anim .word.filled {
    color: #000;
}



/* Home Use case */
.hucase-box {
    padding: 30px 20px;
    background: #fff;
    border: 1px solid #D9D9D9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    transition: all 0.5s;
    height: 100%;
}

.hucaseb-img svg path {
    fill: #000000;
    transition: all 0.5s;
}

.hucaseb-img {
    margin-bottom: 20px;
}

.hucase-desc h3 {
    font-size: 22px;
    line-height: 29px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.5s;
}

.hucase-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
    transition: all 0.5s;
}

.hucase-box:hover {
    background: #1B9579;
    border-color: #1B9579;
}

.hucase-box:hover svg path {
    fill: #FFFFFF;
}

.hucase-box:hover h3,
.hucase-box:hover p {
    color: #FFFFFF;
}

.huscase-main-tabs {
    margin-top: 40px;
}

.huscase-tab-content {
    margin-top: 30px;
}

.huscasetcon-box {
    display: none;
}

.huscase-tab-swiper {
    margin: auto;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 5px;
}

.huscaseta-box {
    padding: 12px 40px;
    text-wrap: nowrap;
    white-space: nowrap;
    background: transparent;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.5s;
    text-align: center;
}

.huscaseta-box h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    transition: all 0.5s;
}

.huscaseta-box.active,
.huscaseta-box:hover {
    background: #000000;
}

.huscaseta-box:hover h3,
.huscaseta-box.active h3 {
    color: #FFFFFF;
    font-weight: 700;
}

/* Home why */
.hwhy-tabs {
    margin: 40px 0px;
}

.hwhy-tabs ul {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #000000;
    max-width: fit-content;
    margin: auto;
    padding: 5px;
    border-radius: 50px;
}

.hwhy-tabs ul li a {
    padding: 13px 30px;
    background: #fff;
    border-radius: 50px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    line-height: 25px;
    display: block;
    font-weight: 400;
}

.hwhy-tabs ul li a:hover,
.hwhy-tabs ul li a.active {
    background: #000000;
    color: #FFFFFF;
    font-weight: 700;
}

.hwhy-inner {
    display: none;
}

.hwhy-box {
    display: grid;
    grid-template-columns: 40% auto;
    gap: 40px;
    align-items: center;
    padding: 0px 45px;
}

.hwhy-box+.hwhy-box {
    border-top: 1px solid #000000;
    padding-top: 30px;
    margin-top: 30px;
}

.hwhyb-left h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #394255;
    margin-bottom: 0;
}

.hwhyb-right p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 0;
}

/* Home expect */
.hexce-acco {
    margin-top: 30px;
}

.hexce-acco .accordion-button {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 25px;
    padding: 30px 0px;
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #394255 !important;
    box-shadow: 0 0 0 !important;
}

.hexce-acco .accordion-item {
    border-radius: 0 !important;
    border: 0 !important;
}

.hexce-acco .hexceac-img img {
    max-width: 40px;
}

.hexce-acco .accordion-button h4 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    font-family: 'Aeonik';
    color: #394255 !important;
    margin-bottom: 0;
}

.hexce-acco .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='17' viewBox='0 0 30 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 16.3637C14.6513 16.3637 14.3022 16.2304 14.036 15.9642L0.39963 2.32781C-0.13321 1.79497 -0.13321 0.932129 0.39963 0.39963C0.93247 -0.132869 1.79531 -0.13321 2.32781 0.39963L15.0001 13.0719L27.6723 0.39963C28.2052 -0.13321 29.068 -0.13321 29.6005 0.39963C30.133 0.93247 30.1333 1.79531 29.6005 2.32781L15.9642 15.9642C15.6979 16.2304 15.3488 16.3637 15.0001 16.3637Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 30px;
    background-size: 100% 100%;
    height: 16px;
    position: absolute;
    right: 0;
}

.hexce-acco .accordion-item+.accordion-item {
    border-top: 1px solid #000000 !important;
}

.custom-dropdown {
    position: relative;
    background: #FFFFFF;
    width: 340px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
}

.dropdown-selected,
.dropdown-selected1 {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #333333;
    border-bottom: 2px solid #333333;
    transform: rotate(45deg);
    margin-top: -4px;
    transition: 0.3s;
}

.custom-dropdown.active .arrow {
    transform: rotate(-135deg);
    margin-top: 4px;
}

.dropdown-options,
.dropdown-options1 {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    top: calc(100% + 2px);
    display: none;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    z-index: 10;
    overflow: auto;
}

.custom-dropdown.active .dropdown-options,
.custom-dropdown.active .dropdown-options1 {
    display: block;
}

.dropdown-options li,
.dropdown-options1 li {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 24px;
}

.dropdown-options li:hover,
.dropdown-options1 li:hover {
    background: #f3f3f3;
}

/* Tab Content */
.hexceacinpr-box,
.hexceacinpr-box1,
.hexceacinpr-box2 {
    display: none;
}

.hexceacinpr-box {
    margin-top: 20px;
}

.hexceacinpr-box.active,
.hexceacinpr-box1.active,
.hexceacinpr-box2.active {
    display: block;
}

.hexceac-desc {
    background: rgba(0, 0, 0, 0.05);
    padding: 30px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.hexceac-top h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.hexceac-links ul {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 10px;
    max-width: 80%;
    margin: 20px 0px 20px;
}

.hexceac-links ul li {
    padding: 10px 15px;
    display: block;
    max-width: fit-content;
    background: #FFFFFF;
    border-radius: 30px;
    font-size: 12px;
    line-height: 16px;
    text-wrap: nowrap;
    font-weight: 400;
    color: #000000;
    font-family: 'Aeonik';
    cursor: pointer;
}

.hexceac-links ul li.selected {
    background: #000000;
    color: #fff;
}

.hexceac-desc .default-btn {
    margin-top: 30px;
    padding: 12px 30px 12px 30px;
}

.hexceac-links p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 15px;
}

.hexceac-shape {
    max-width: 225px;
    position: absolute;
    top: -20px;
    right: 0;
}

.hexceacinner-acco .accordion-item {
    background: transparent;
}

.hexceacinner-acco .accordion-button {
    display: block;
    padding: 15px 0px;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Aeonik';
    font-weight: 400;
    color: #1a1a1a !important;
}

.hexceacinner-acco .accordion-button::after {
    width: 20px;
    height: 12px;
    top: 40%;
}

.hexceacinner-body {
    padding: 0 0 25px;
}

.hexceacinner-body p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 12px;
}

.hexceacinner-body p:last-child {
    margin-bottom: 0;
}

.hexceac-tabs ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
    background: #fff;
    padding: 5px;
    border: 1px solid #000000;
    border-radius: 50px;
    gap: 6px;
    max-width: fit-content;
}

.hexceac-tabs ul li a {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    padding: 13px 40px;
    background: transparent;
    display: block;
    font-family: 'Aeonik';
    border-radius: 50px;
    transition: all 0.5s;
}

.hexceac-tabs ul li a:hover,
.hexceac-tabs ul li a.active {
    color: #fff;
    font-weight: 700;
    background: #000000;
}

.hexceactab-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 30px;
    margin-top: 30px;
}

.hexceactabin-box {
    border-radius: 8px;
    padding: 40px;
    border-radius: 10px;
    background: #fff;
}

.hexceactabinb-img {
    margin-bottom: 15px;
}

.hexceactabinb-img img {
    max-width: 120px;
    max-height: 45px;
}

.hexceactabinb-desc h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #131313;
    margin-bottom: 12px;
}

.hexceactabinb-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #131313;
    margin-bottom: 12px;
}

.hexceactabinb-desc p:last-child {
    margin-bottom: 0;
}

.hexceactabinb-desc .arrow-btn {
    margin-top: 20px;
}

.hexceactab-box {
    display: none;
}

.hexceactab-logo {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 30px;
    column-gap: 40px;
    margin-top: 40px;
}

.hexceactablo-box {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    display: flex;
    height: 120px;
    justify-content: center;
    padding: 10px;
    text-align: center;
}

.hexceactablo-box img {
    max-width: 80%;
    max-height: 80px;
}


/* Home Number */
.home-number {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 32.33%, #A172A3 68.75%, #2F76A6 100%);
}

.hnum-main {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.hnum-box h3 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.hnum-box p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.hnum-box p b,
.hnum-box p strong {
    font-weight: 700;
}

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

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



/* Home Case study */
.home-case {
    background: #000000;
}

.home-case .title h2 b,
.home-case .title h2 strong,
.home-why .title h2 b,
.home-why .title h2 strong {
    background: #2F76A5;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.hcs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
}

.hcs-img img {
    width: 100%;
    border-radius: 10px;
}

.home-case .white-btn:hover {
    border: 1px solid #fff;
}

.home-case .white-btn {
    border: 1px solid #fff;
}

.hcs-desc h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.hcs-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.hcs-desc h3 a {
    color: #FFFFFF;
}

.hcs-desc ul {
    margin-bottom: 30px;
}

.hcs-desc ul li,
.hcsmb-desc ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

.hcs-desc ul li+li {
    margin-top: 14px;
}

.hcs-desc ul li::before,
.hcsmb-desc ul li::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_293_741)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8359 6.62891C15.0781 6.87109 15.0781 7.26953 14.8359 7.51172L8.97656 13.3711C8.85547 13.4922 8.69531 13.5547 8.53516 13.5547C8.375 13.5547 8.21484 13.4922 8.09375 13.3711L5.16406 10.4414C4.92187 10.1992 4.92187 9.80078 5.16406 9.55859C5.40625 9.31641 5.80469 9.31641 6.04688 9.55859L8.53516 12.0469L13.9531 6.62891C14.1953 6.38281 14.5938 6.38281 14.8359 6.62891Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_293_741'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.hcsmb-desc ul li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_895_83)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8359 6.62891C15.0781 6.87109 15.0781 7.26953 14.8359 7.51172L8.97656 13.3711C8.85547 13.4922 8.69531 13.5547 8.53516 13.5547C8.375 13.5547 8.21484 13.4922 8.09375 13.3711L5.16406 10.4414C4.92187 10.1992 4.92187 9.80078 5.16406 9.55859C5.40625 9.31641 5.80469 9.31641 6.04688 9.55859L8.53516 12.0469L13.9531 6.62891C14.1953 6.38281 14.5938 6.38281 14.8359 6.62891Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_895_83'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.hcsmb-desc ul li+li {
    margin-top: 12px;
}

.hcsmb-desc ul {
    margin-bottom: 20px;
}

.hcsmb-desc ul li {
    color: #000000;
}

.hcsm-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hcsmb-img img {
    width: 100%;
    border-radius: 10px;
}

.hcsmb-img h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 0;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
}

.hcsmb-desc {
    position: absolute;
    top: 0;
    padding: 20px 32px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #FFFFFF;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.hcsm-box:hover .hcsmb-desc {
    visibility: visible;
    opacity: 1;
}

.hcsmb-desc h4 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 14px;
}

.hcsmb-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #333;
    margin-bottom: 15px;
}

.hcsmb-desc .default-btn {
    padding: 11px 15px;
}

/* Home Blog */
.home-blog .row+.row:nth-child(2),
.home-industry .row+.row,
.gdev-advance .row+.row,
.ab-governance .row+.row,
.cd-objective .row+.row,
.invest-finance .row:nth-child(2),
.contact-info .row+.row {
    margin-top: 40px;
    row-gap: 30px;
}

.home-case .row+.row:nth-child(2) {
    margin-top: 40px;
    row-gap: 50px;
}

.home-blog .row+.row .col-lg-4,
.blog-listing .row+.row .col-lg-4,
.huscase-tab-content .col-xl-3,
.gdevser-main .col-lg-3,
.gdevser-main .col-lg-6,
.gdevser-main .col-xl-3,
.gdevser-main .col-xl-6,
.gdev-advance .row+.row .col-lg-4,
.gdev-process .row+.row .col-lg-3,
.gdevbussi-main .row .col-xl-3,
.ab-governance .col-lg-4,
.csocom-main .col-lg-3,
.cd-objective .col-lg-4,
.nmedia-main .col-lg-6,
.invest-finance .col-lg-6,
.contact-info .col-lg-4 {
    display: inherit;
}

.blog-listing .row+.row:nth-child(2) {
    margin-top: 45px;
    row-gap: 40px;
}

.autor-blog-listing .row {
    row-gap: 30px;
}

.huscase-tab-content .row {
    row-gap: 30px;
}

.blog-box {
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

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

.blog-box:hover {
    box-shadow: none;
    background-color: #000000;
}

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

.blog-desc {
    padding: 20px 20px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    opacity: 0.7;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}

.blog-cat {
    color: #d4483c !important;
    font-weight: 400 !important;
}


.blog-box:hover .blog-date {
    color: #868686;
    opacity: 1;
}


.blog-desc h3 {
    font-weight: 700;
    font-family: 'Aeonik';
    font-size: 20px;
    line-height: 29px;
    color: #333333;
    margin-bottom: 18px;
    transition: all 0.4s ease-in-out;
}

.blog-desc h3 a {
    color: #333;
}

.blog-box:hover h3 a,
.blog-box:hover h3 {
    color: #FFFFFF;
}


.blog-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    opacity: 0.8;
    margin-bottom: 15px;
    flex: 1;
    transition: all 0.4s ease-in-out;
}

.blog-box:hover .blog-desc p {
    color: #868686;
    opacity: 1;
}

.blog-desc a.arrow-btn,
.hexceactabinb-desc a.arrow-btn {
    color: #333333;
    font-size: 14px;
    line-height: 21px;
}

.blog-box:hover a {
    color: #FFFFFF;
}

.blog-box a svg>* {
    transition: all ease-in-out 0.4s;
}

.blog-box:hover a svg {
    transform: rotate(45deg);
}

.blog-box:hover a svg rect {
    fill: #FFFFFF;
}

.blog-box:hover a svg path {
    fill: #000000;
}

.author-main {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px
}

.author-img img {
    max-width: 70px;
    max-height: 70px;
    border-radius: 50px;
}

.author-info h4 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 26px;
}

.author-info p {
    margin-bottom: 0;
}

/* Home cta */
.hcta-main {
    padding: 80px 50px;
    border-radius: 20px;
    background: radial-gradient(50% 50% at 50% 50%, #2AAE8D 0%, #394255 100%);
}

.home-cta.blue .hcta-main {
    background: radial-gradient(50% 50% at 50% 50%, #408BBE 0%, #394255 100%);
}

.home-cta.purple .hcta-main {
    background: radial-gradient(50% 50% at 50% 50%, #A172A3 0%, #394255 100%);
}

.hcta-main .title p {
    max-width: 60%;
    margin: auto;
}

.title p a {
    font-weight: 700;
    text-decoration: underline;
}

.hcta-main .title p a {
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: underline;
}

/* home-fotcta */
.home-fcta {
    position: relative;
    z-index: 1;
}

.home-fcta::before {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    z-index: -1;
}

.home-fcta::after {
    content: '';
    position: absolute;
    top: 98px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 32%, #A172A3 69%, #2F76A6 100%);
    z-index: -1;
}

.hfcta-desc {
    padding: 130px 0px 30px;
}

.hfcta-desc .btn-box {
    justify-content: start;
    gap: 20px;
}

.hfcta-form {
    padding: 25px;
    background: #F2F2F2;
    border-radius: 10px;
    margin: 2px;
    position: relative;
    /* z-index: 1; */
}

.hfcta-form::before {
    content: '';
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 32%, #A172A3 69%, #2F76A6 100%);
    border-radius: 10px;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
}


.hfcta-form .form-group,
.eventpopup .form-group,
.comm-form .form-group,
.confo-box .form-group {
    margin-bottom: 20px;
    margin-left: 0 !important;
}

.hfcta-form .form-group:has(textarea) {
    margin-bottom: 0;
}

.hfcta-form .form-group label,
.eventpopup .form-group label,
.comm-form .form-group label,
.confo-box label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 6px;
    color: #000;
}

textarea,
.eventpopup textarea.form-control {
    height: 120px;
}

.submit-btn-wrapper p {
    display: flex;
    gap: 20px;
}

.hfcta-form .form-control,
.confo-box div.inputs,
.confo-main .form-control,
.eventpopup .form-control,
input,
textarea,
select,
.comm-form .form-group input,
.comm-form textarea {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #7E7E7E;
    background: #fff;
    border-radius: 8px;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 100%;
}

.comm-form .form-group input,
.comm-form select,
.comm-form textarea {
    border: 1px solid #bdbdbd !important;
}

.iti {
    width: 100%;
}


.iti--separate-dial-code .iti__selected-flag {
    background-color: #FFF !important;
}

.hfcta-form .form-group:has(.number-main) p,
.confo-box .form-group:has(.number-main) p {
    margin-bottom: 0;
}

.hfcta-form .form-group:has(.number-main) br,
.confo-box .form-group:has(.number-main) br {
    display: none;
}

.number-main {
    position: relative;
}

.number-main .form-control,
.eventpopup .number-main .form-control,
.comm-form .number-main input,
.confo-box .number-main input {
    padding-left: 60px;
}

.eventpopup p,
.comm-form p {
    margin-bottom: 0;
}

p:has(.has-spinner) {
    display: flex;
    align-items: center;
    gap: 15px;
}

.note-contact {
    margin-top: 30px;
}

.eventpopup .number-main br,
.confo-box .number-main br {
    display: none;
}

.number-main span[data-name="custom-country-code"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50px;
}

.number-main span[data-name="custom-country-code"] input {
    width: 100%;
    padding: 12px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #7E7E7E;
    background: #fff;
    border-radius: 10px 0 0 10px;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-right: 1px solid #7E7E7E !important;
}

.comm-form .number-main span[data-name="custom-country-code"] input {
    padding: 12.5px 0;
    border: 1px solid #bdbdbd !important;
}

.hfcta-inner {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.hfcta-desc .white-btn:hover {
    outline: 1px solid #fff;
}

.eventpopup .common-btn p {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-theme-btn,
.has-spinner,
.custom-btn-click {
    max-width: fit-content;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 30px 14px 30px;
    text-transform: uppercase;
    border-radius: 40px;
    font-family: 'Aeonik';
    transition: all 0.4s ease-in-out;
    display: flex;
    gap: 7px;
    color: #FFFFFF;
    position: relative;
    letter-spacing: 0.06rem;
    align-items: center;
    background-color: #000000;
    border: none !important;
}

.custom-theme-btn:hover,
.custom-theme-btn:active,
.custom-theme-btn:focus,
.has-spinner:hover,
.has-spinner:active,
.has-spinner:focus,
.custom-btn-click:hover,
.custom-btn-click:active,
.custom-btn-click:focus {
    outline: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}

.wpcf7-not-valid-tip {
    font-size: 12px !important;
}

.file-upload {
    position: relative;
    height: 100px;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.file-upload .file-before {
    border: 1px solid #bdbdbd !important;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-content: center;
    height: 100%;
}

.theme-btn+p .wpcf7-form-control-wrap {
    position: absolute;
    inset: 0;
}

.theme-btn+p .wpcf7-form-control-wrap input {
    height: 100%;
    opacity: 0;
}

.file-before figure {
    margin-bottom: 0;
    margin-right: 20px;
    height: auto;
    display: flex;
    align-items: center;
}

.file-before .theme-btn {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.file-before .theme-btn a {
    display: block;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 30px 14px 30px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.06rem;
    background-color: #000000;
    border-radius: 50px;
    margin-left: auto;
}

.file-before .required-text {
    height: auto;
    display: flex;
    align-items: center;
}

.file-before .required-text label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.file-before .required-text label small {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5C5C5C;
    margin-bottom: 0;
}

/* Footer */
footer {
    background: radial-gradient(87.06% 51.33% at 26.65% 100%, #2F76A6 0%, #000000 100%);
}

.f-top {
    padding: 60px 0px 70px;
}

.f-logo {
    margin-bottom: 10px;
}

.f-logo img {
    max-width: 180px;
}

.f-logo a {
    max-width: fit-content;
}

.f-left {
    max-width: 90%;
}

.f-left p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.f-left p b,
.f-left p strong {
    font-weight: 700;
}

.flink-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 45px;
}

.flink-grid .flink-box+.flink-box {
    margin-top: 0;
}

.flink-box+.flink-box {
    margin-top: 35px;
}

.flink-box h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Aeonik';
    color: #FFFFFF;
    margin-bottom: 15px;
}

.flink-box li a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #BEBEBE;
    max-width: fit-content;
}

.flink-box li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #BEBEBE;
}

.flink-box li a:hover {
    color: #fff;
}

.flink-box li+li {
    margin-top: 11px;
}

.f-bottom-main {
    padding: 30px 0;
    border-top: 1px solid #FFFFFF;
}

.fbo-main p {
    color: #BEBEBE;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 0;
}

.fbo-social ul {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.fbo-social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.hexce-acco h3 {
    margin-bottom: 0;
}


/* Inner Pages */
/* Gaming devlopment */
/* Inner banner */
.inner-banner {
    margin-bottom: 80px;
}

.inb-main {
    min-height: 500px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.inb-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 8) 40%, rgba(0, 0, 0, 1) 100%);
    border-radius: 20px;
}

.inb-img img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
    object-position: center right;
}

.inb-img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.inb-desc h1 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.inb-desc {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 40px;
    max-width: 55%;
    z-index: 1;
}

.inb-desc h1 b,
.inb-desc h1 strong {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.inb-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.inb-desc p a {
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: underline;
}

.inb-desc:has(p+p) p:nth-child(2),
.inb-desc:has(p + p + p) p:nth-child(3) {
    margin-bottom: 0;
}

.inb-desc p+p,
.inb-desc p+p+p {
    margin-top: 20px;
    margin-bottom: 40px;
}

.inb-desc p b {
    text-decoration: underline;
}

.inb-desc p span {
    font-weight: 300 !important;
}

/* gdev-service */
.gdev-service .title p {
    color: #333;
}

.gdevser-main {
    margin-top: 30px;
}

.gdevser-main .row {
    row-gap: 35px;
}

.gdevser-desc h3,
.gdevser-desc h4 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 400;
    font-family: 'AeonikProTRIAL';
    color: #333333;
    margin-bottom: 12px;
}

.gdevser-desc p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 12px;
}

.gdevser-desc p a {
    color: #333333;
    font-weight: 700;
    text-decoration: underline;
}

.gdevser-desc p:last-child,
.gdevadvanb-desc h3:last-child {
    margin-bottom: 0;
}

.gdevser-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gdevser-box {
    padding: 20px;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.gdevserb-img img {
    width: 50px;
    height: 50px;
}

.use-adtechno .gdevserb-img img {
    filter: brightness(1);
}

.gdevserb-img {
    margin-bottom: 15px;
    min-height: 50px;
    margin-bottom: 15px;
}

.vr-sol-partner .gdevserb-img {
    min-height: initial;
}

.tem-sol-features .gdevserb-img,
.tem-sol-we-are .gdevserb-img,
.swiper-tem-sol-explore .gdevserb-img {
    justify-content: center;
}

.gdevserb-desc h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 12px;
}

.gdevserb-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 0px;
}


/* gdev-advance */
.gdev-advance .title p,
.gdev-about .title p {
    color: #333;
}

.gdev-tab-main .gdev-logos {
    display: none;
}

.gdev-advance .title h4 {
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.08rem;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    font-family: 'AeonikProTRIAL';
    color: #333;
    margin-bottom: 15px;
}

.gdev-right-img img {
    width: 100%;
}

.gdev-advance .row:first-child {
    row-gap: 20px;
}

.gdevadvan-box {
    width: 100%;
    padding: 30px;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.gdevadvan-box.active {
    background-color: #f4f4f4;
}

.gdevadvanb-img {
    max-width: fit-content;
    margin: 0 auto 20px;
}

.gdevadvanb-img img,
.gdevadvanb-img svg {
    width: 50px;
    height: 50px;
}

.gdevadvanb-desc h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.gdevadv-title h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'AeonikProTRIAL';
    color: #333333;
    margin-bottom: 0;
}

/* gdev-logos */
.gdev-logos {
    margin-top: 50px;
}

.gdevlogo-main {
    margin-top: 40px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.gdevlogo-box {
    flex: 0 0 calc(20% - 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 105px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.gdevlogo-box img {
    max-width: 165px;
    max-height: 72px;
}

.gdev-logos .title h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 12px;
    font-family: 'AeonikProTRIAL';
}

/* gdev-process */
.gdev-process .row+.row {
    margin-top: 50px;
    row-gap: 30px;
}

.gdevproces-box {
    position: relative;
    z-index: 1;
}

.gdevproces-box::before {
    content: '';
    position: absolute;
    top: 35px;
    border-top: 2px dashed #000000;
    left: 50%;
    right: -50%;
    z-index: -1;
}

.gdev-process .col-lg-3:last-child .gdevproces-box::before {
    display: none;
}

.gdevprocesb-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    max-width: 70px;
    margin: 0 auto 28px;
    background: #F2F2F2;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}

.gdevprocesb-num h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    color: #000000;
    font-family: 'AeonikProTRIAL';
    margin-bottom: 0;
    transition: all 0.5s;
}

.gdevprocesb-inbox {
    padding: 20px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    width: 100%;
    height: calc(100% - 88px);
    transition: all 0.5s;
}

.gdevprocesb-img img,
.gdevprocesb-img svg {
    max-width: 50px;
}

.gdevprocesb-img {
    margin-bottom: 15px;
}

.gdevprocesb-img svg path {
    fill: #000000;
    transition: all 0.5s;
}

.gdevprocesb-desc h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 9px;
    transition: all 0.5s;
}

.gdevprocesb-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
    transition: all 0.5s;
}

.gdevproces-box:hover .gdevprocesb-num,
.gdevproces-box:hover .gdevprocesb-inbox {
    background: #408BBE;
}

.gdevproces-box:hover .gdevprocesb-num h3,
.gdevproces-box:hover .gdevprocesb-inbox h3,
.gdevproces-box:hover .gdevprocesb-inbox p {
    color: #fff;
}

.gdevproces-box:hover .gdevprocesb-inbox .gdevprocesb-img svg path {
    fill: #fff;
}



/* gdev-about */
.gdevab-list {
    margin-top: 30px;
}

.gdevab-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.gdevab-list ul li,
.case-about ul li,
.case-keyout ul li {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    position: relative;
    z-index: 1;
    padding-left: 35px;
}

.case-keyout ul li {
    color: #FFFFFF;
}

.case-keyout ul li::before {
    filter: brightness(0) invert(1);
}

.case-about ul li+li,
.case-keyout ul li+li {
    margin-top: 15px;
}

.gdevab-list ul li::before,
.case-about ul li::before,
.case-keyout ul li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3499 2.69616L10.6447 14.5134L6.16684 9.63581C6.00972 9.47719 5.77404 9.47719 5.61693 9.59616C5.45981 9.71512 5.45981 9.99271 5.57765 10.1513L10.3697 15.3462C10.4483 15.4255 10.5268 15.4651 10.6447 15.4651C10.7625 15.4651 10.8411 15.4255 10.9196 15.3462L22.8998 3.25133C23.0569 3.09271 23.0176 2.81512 22.8605 2.69616C22.7034 2.57719 22.507 2.57719 22.3499 2.69616Z' fill='%232C3847'/%3E%3Cpath d='M4.32072 23H18.4613C20.8573 23 22.782 21.0569 22.782 18.6379V10.7466C22.782 10.5086 22.6249 10.35 22.3892 10.35C22.1535 10.35 21.9964 10.5086 21.9964 10.7466V18.6379C21.9964 20.6207 20.4252 22.2069 18.4613 22.2069H4.32072C2.35676 22.2069 0.785585 20.6207 0.785585 18.6379V4.36207C0.785585 2.37931 2.35676 0.793103 4.32072 0.793103H17.0079C17.2436 0.793103 17.4007 0.634483 17.4007 0.396552C17.4007 0.158621 17.2436 0 17.0079 0H4.32072C1.92468 0 0 1.9431 0 4.36207V18.6379C0 21.0569 1.92468 23 4.32072 23Z' fill='%232C3847'/%3E%3C/svg%3E%0A");
    width: 23px;
    height: 23px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.case-about ul li::before,
.case-keyout ul li::before {
    top: -1px;
}

.case-about p+p {
    margin-bottom: 15px !important;
}

.gdevab-list .default-btn {
    margin-top: 30px;
}

.gdevab-img img {
    border-radius: 20px;
    width: 100%;
}

/* gdev-bussiness */
.gdevbussi-main {
    margin-top: 40px;
}

.gdevbussi-main .row {
    row-gap: 40px;
}

.gdevbussi-box {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    transition: all 0.5s;
    width: 100%;
    position: relative;
}

.gdevbussib-img img,
.gdevbussib-img svg {
    width: 50px;
    height: 50px;
}

.gdevbussib-img {
    margin-bottom: 18px;
}

.gdevbussib-img svg path {
    fill: #000000;
    transition: all 0.5s;
}

.gdevbussib-desc h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.5s;
}

.gdevbussib-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
    transition: all 0.5s;
}

.gdevbussi-box:hover {
    background: #1B9579;
}

.gdevbussi-box:hover .gdevbussib-desc h3,
.gdevbussi-box:hover .gdevbussib-desc p {
    color: #fff;
}

.gdevbussi-box:hover .gdevbussib-img svg path {
    fill: #fff;
}

.gdevbussi-box::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    background-image: url("data:image/svg+xml,%3Csvg width='162' height='21' viewBox='0 0 162 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_922_128)'%3E%3Cpath d='M0 10.0008H173.168C174.806 9.97769 178.066 10.4446 177.999 12.4969V48.7604C178.027 49.5925 177.099 51.2011 173.168 50.9792H0' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='151.093' cy='10.1729' r='10.1729' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_922_128'%3E%3Crect width='162' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    left: auto;
    width: 62px;
    height: 21px;
    z-index: -2;
    background-size: cover;
    background-position: right;
    filter: grayscale(100%);
    transition: all 0.5s;
}

.gdevbussi-box:hover::before {
    filter: grayscale(0);
}

.gdevbussi-main .col-xl-3:nth-child(4) .gdevbussi-box::before {
    background-image: url("data:image/svg+xml,%3Csvg width='126' height='308' viewBox='0 0 126 308' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_923_141)'%3E%3Cpath d='M-945 1.99994H94.5C104.333 1.83327 123.9 5.19994 123.5 19.9999V281.5C123.667 287.5 118.1 299.1 94.5 297.5H-945' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='71' cy='298' r='10' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_923_141'%3E%3Crect width='126' height='308' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    height: 290px;
    background-size: 100% 100%;
    top: 110%;
    right: -52px;
    width: 111px;
}

.gdevbussi-main .col-xl-3:nth-child(5) .gdevbussi-box::before {
    display: none;
}

.gdevbussi-main .col-xl-3:nth-child(n+5) .gdevbussi-box::before {
    transform: translateY(-50%) rotate(180deg);
    right: auto;
    left: -35px;
}


/* gdev-solution */
.gdevsolu-main {
    margin-top: 40px;
    position: relative;
}

.gdevsolu-box {
    min-height: 400px;
    background: #9FC5DE;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    max-width: 86%;
    position: sticky;
    top: 110px;
    justify-content: center;
    margin-bottom: 60px;
}

/* .gdevsolu-box + .gdevsolu-box{
    margin-top: 50px;
} */
.gdevsolu-box2 {
    margin-left: auto;
    background: #F3DE94;
    margin-right: auto;
    top: 160px;
    margin-bottom: 30px;
}

.gdevsolu-box3 {
    margin-left: auto;
    background: #8DCABC;
    top: 210px;
    margin-bottom: 0;
}

.gdevsolu-desc {
    max-width: 65%;
    padding: 30px 50px;
}

.gdevsolu-desc h3 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 15px;
}

.gdevsolu-desc h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 12px;
}

.gdevsolu-desc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 20px;
}

.gdevsolu-desc ul {
    display: flex;
    column-gap: 20px;
    row-gap: 15px;
    flex-wrap: wrap;
}

.gdevsolu-desc ul li {
    padding: 10px 15px;
    background: #FFFFFF;
    font-family: 'Aeonik';
    border-radius: 30px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #000000;
}

.gdevsolu-img {
    max-width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
}

.gdev-ser-solution .gdevsolu-img {
    max-width: 40%;
}

.gdevsolu-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.gdevsoluac-acco {
    margin-top: 30px;
}

.gdevsoluac-acco .accordion-button {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 10px;
    padding: 15px 50px 15px 20px;
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 15px !important;
    color: #000000 !important;
    box-shadow: 0 0 0 !important;
}

.gdevsoluac-acco .accordion-item {
    border: 0 !important;
    background: #FFFFFF;
    border-radius: 15px !important;
}

.gdevsoluac-acco .gdevsoluac-img img {
    max-width: 20px;
}

.gdevsoluac-acco .accordion-button h5 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    font-family: 'Aeonik';
    color: #000000 !important;
    margin-bottom: 0;
}

.gdevsoluac-acco .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14.9545C9.76754 14.9545 9.53482 14.8657 9.35732 14.6882L0.26642 5.59728C-0.0888067 5.24206 -0.0888067 4.66683 0.26642 4.31183C0.621647 3.95683 1.19687 3.9566 1.55187 4.31183L10 12.76L18.4482 4.31183C18.8034 3.9566 19.3787 3.9566 19.7337 4.31183C20.0887 4.66706 20.0889 5.24228 19.7337 5.59728L10.6428 14.6882C10.4653 14.8657 10.2325 14.9545 10 14.9545Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 20px;
    background-size: 100% 100%;
    height: 20px;
    position: absolute;
    right: 20px;
}

.gdevsoluac-acco .accordion-item+.accordion-item {
    margin-top: 15px;
}

.gdevsoluac-desc {
    padding: 0px 20px 20px;
}

.gdevsoluac-desc p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #333;
    margin-bottom: 14px;
}

.gdevsoluac-desc p:last-child {
    margin-bottom: 0;
}

.gdev-solution-main .gdevsolu-desc {
    padding: 30px;
    max-width: 59%;
}

.gdev-solution-main .gdevsolu-box {
    max-width: 90%;
}

/* faq sec */
.hfaq-acco {
    margin-top: 25px;
}

.hfaq-acco .accordion-button {
    padding: 25px 0px;
    background: transparent;
    box-shadow: 0 0 0 !important;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Aeonik';
    font-weight: 400;
    color: #333333;
    border: 0;
}

.hfaq-acco .accordion-item {
    border: 0;
    background: transparent;
    box-shadow: 0 0 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-bottom: 1px solid rgba(57, 66, 85, 0.2);
}

.hfaq-acco .accordion-body p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 16px;
}

.hfaq-acco .accordion-body p:last-child {
    margin-bottom: 0;
}

.hfaq-acco .accordion-body ol,
.hfaq-acco .accordion-body ul {
    margin-top: 15px;
    margin-left: 15px;
}

.hfaq-acco .accordion-body:has(ol + p) ol,
.hfaq-acco .accordion-body:has(ul + p) ul {
    margin-bottom: 15px;
}

.hfaq-acco .accordion-body ol li,
.hfaq-acco .accordion-body ul li {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    list-style: disc;
}

.hfaq-acco .accordion-body ol li a,
.hfaq-acco .accordion-body ul li a {
    font-weight: 700;
    text-decoration: underline;
}

.hfaq-acco .accordion-body ol li+li,
.hfaq-acco .accordion-body ul li+li {
    margin-top: 10px;
}

.hfaq-acco .accordion-body {
    padding: 0px 0px 30px;
}

.hfaq-acco .accordion-button:not(.collapsed) {
    color: #111111;
}

.hfaq-acco .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7V15M7 11H15M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z' stroke='%23033C5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    padding-left: 20px;
}

.hfaq-acco .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #1B9579;
}

.hfaq-acco .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11H15M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z' stroke='%231B9579' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


/* About us page */
/* ab-intro */
.abint-img img {
    width: 100%;
}

.abint-desc p {
    margin-bottom: 12px;
}

/* ab-vateam */
.abvateb-img img {
    width: 100%;
    border-radius: 20px;
}

.abvateb-desc {
    padding: 20px;
}

.abvateb-desc h3 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
    font-family: 'Aeonik';
}

.abvateb-desc p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
}

.abvateb-desc ul {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abvateb-desc ul li a {
    max-width: fit-content;
}

.abvateb-desc li a img {
    max-width: 50px;
}

.ab-vateam .row+.row,
.carrer-process .row+.row {
    margin-top: 40px;
    row-gap: 30px;
}

/* ab-mteam */
.abmtem-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 40px;
    column-gap: 30px;
    row-gap: 45px;
}

.abmtemb-img img {
    width: 100%;
    border-radius: 10px;
}

.abmtemb-desc {
    margin-top: 15px;
}

.abmtemb-desc h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
    font-family: 'Aeonik';
}

.abmtemb-desc p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
}

.abmtemb-desc ul {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abmtemb-desc ul li a {
    max-width: fit-content;
}

.abmtemb-desc li a img {
    max-width: 30px;
}


/* ab-awards */
.abaward-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 40px;
    row-gap: 50px;
    max-width: 80%;
    margin: 50px auto 0px;
}

.abaward-box img {
    max-width: 80%;
}

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



/* ab-governance */
.abgovern-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 30px;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
}

.abgovernb-img img {
    max-width: 80px;
}

.abgovernb-img {
    max-width: fit-content;
    margin: 0 auto 20px;
}

.abgovernb-desc h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 14px;
}

.abgovernb-desc h3:last-child {
    margin-bottom: 0;
}



/* Case study detail page */

.top-nav {
    background-color: #FFF;
    position: sticky;
    top: 110px;
    left: 0;
    right: 0;
    /* z-index: 1; */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    overflow-x: auto;
    white-space: nowrap;
}

.top-nav.sticky {
    box-shadow: 0px 4px 8px rgba(37, 36, 59, .1);
}

body:has(header.sticky) .top-nav {
    top: 90px;
}

.top-nav ul {
    height: 54px;
    display: flex;
    border-bottom: 1px solid #000000;
    align-items: stretch;
}

.top-nav li {
    height: 100%;
    width: 100%;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

.top-nav li a {
    font-size: 20px;
    line-height: 26px;
    font-family: 'Aeonik';
    font-weight: 400;
    color: #000;
}

.top-nav li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 0;
    background-color: #000;
    transition: all 0.4s ease-in-out;
}

.top-nav li:has(a.active)::before {
    width: 100%;
}

.top-nav li+li {
    margin-left: 30px;
}

@media screen and (max-width: 1199px) {
    .top-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .top-nav ul {
        display: flex;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
    }
}





/* project section */
.csproj-img img,
.cs-challenges img,
.cssolu-img img,
.csoutcome-img img,
.invshol-img img,
.careproc-img img {
    width: 100%;
    border-radius: 20px;
}

.csproj-desc h2 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 12px;
    font-family: 'AeonikProTRIAL';
}

.csproj-desc p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 12px;
}

.csproj-desc p:last-child {
    margin-bottom: 0;
}

.csproj-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 30px;
}

.csproj-box h3 {
    font-size: 22px;
    font-family: 'AeonikProTRIAL';
    line-height: 30px;
    margin-bottom: 5px;
    color: #333333;
}

.csproj-box p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #333333;
}

.cssolu-desc p {
    margin-bottom: 15px;
}

.cssolu-desc p:last-child {
    margin-bottom: 0;
}


/* cs outcomes */
.csoutcome-desc ul li {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    position: relative;
    z-index: 1;
    padding-left: 35px;
}

.csoutcome-desc ul li+li {
    margin-top: 18px;
}

.csoutcome-desc ul {
    margin-top: 20px;
}

.csoutcome-desc ul li::before,
.invshol-desc ul li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8375 23.3375C4.85955 23.3375 0 18.4779 0 12.4999C0 6.52196 4.85955 1.66235 10.8375 1.66235C13.5788 1.66235 16.1512 2.65799 18.1554 4.49516C17.4888 4.88934 16.8455 5.32597 16.2267 5.79859C14.7081 4.57348 12.8199 3.89896 10.8375 3.89896C6.09988 3.89896 2.2366 7.76229 2.2366 12.4999C2.2366 17.2376 6.09988 21.1009 10.8375 21.1009C17.4295 21.1009 21.3432 14.0546 18.5079 8.57598C18.9376 8.17637 19.3799 7.78905 19.8339 7.41465C19.9679 7.3041 20.1031 7.19458 20.2392 7.08616C21.1877 8.72431 21.6753 10.5817 21.6753 12.4999C21.6751 18.4779 16.8155 23.3375 10.8375 23.3375Z' fill='%23D4483C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1227 18.0711C11.0007 18.0711 10.8991 17.9898 10.8584 17.8882C10.8381 17.8475 9.08939 13.3335 6.38507 11.6255C5.8564 11.3002 5.44982 10.9545 5.61245 10.1818C5.77508 9.42953 6.28345 9.00253 7.19841 8.79918C8.82502 8.4535 10.5737 10.9748 11.2244 12.0119C13.5016 8.69756 18.0563 3.49222 24.6849 2.88223C25.0047 2.84475 25.1229 3.31874 24.8272 3.45156C24.7255 3.49222 15.2502 7.82327 11.4073 17.9085C11.3463 18.0101 11.2447 18.0711 11.1227 18.0711Z' fill='%23D4483C'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.cd-objective .gdevser-box {
    padding: 25px 30px;
    border: 1px solid #000000;
}

.carrer-value .row {
    row-gap: 30px;
}

.carrer-value .gdevser-box.white {
    border: 1px solid #ddd;
}

.carrer-value .gdevser-box.white img {
    filter: brightness(0) invert(1);
}

.carrer-value .gdevser-box.white h3 {
    color: #fff;
}

.carrer-value .gdevser-box.white p {
    color: #fff;
}


/* cs process */
.csproc-main {
    position: relative;
    z-index: 1;
    padding: 20px 0px;
    margin-top: 40px;
}

.csproc-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #000000;
    width: 2px;
    z-index: -1;
    border-radius: 10px;
}

.csproc-box {
    padding: 25px 20px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    max-width: 45%;
    text-align: right;
    background: rgba(42, 174, 141, 0.2);
}

.csproc-box:nth-child(2n) {
    background: rgba(161, 114, 163, 0.2);
}

.csproc-box:nth-child(3n) {
    background: rgba(64, 139, 190, 0.2);
}

.csproc-box:nth-child(4n) {
    background: rgba(212, 72, 60, 0.2);
}

.csproc-box:nth-child(5n) {
    background: rgba(231, 190, 42, 0.2);
}

.csproc-box:nth-child(6n) {
    background: rgba(57, 66, 85, 0.2);
}

.csproc-box::before {
    content: '';
    position: absolute;
    top: 50px;
    right: -12%;
    width: 24px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='11' viewBox='0 0 31 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.33325C0.447715 4.33325 0 4.78097 0 5.33325C0 5.88554 0.447715 6.33325 1 6.33325V5.33325V4.33325ZM19.6462 5.33325C19.6462 8.27877 22.034 10.6666 24.9795 10.6666C27.925 10.6666 30.3128 8.27877 30.3128 5.33325C30.3128 2.38773 27.925 -8.15392e-05 24.9795 -8.15392e-05C22.034 -8.15392e-05 19.6462 2.38773 19.6462 5.33325ZM1 5.33325V6.33325H24.9795V5.33325V4.33325H1V5.33325Z' fill='black'/%3E%3C/svg%3E%0A");
    z-index: -1;
}

.csproc-box:nth-child(2n)::before {
    top: 50px;
    right: auto;
    left: -11.7%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='11' viewBox='0 0 31 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3125 4.33325C29.8648 4.33325 30.3125 4.78097 30.3125 5.33325C30.3125 5.88554 29.8648 6.33325 29.3125 6.33325V5.33325V4.33325ZM10.6663 5.33325C10.6663 8.27877 8.27851 10.6666 5.33299 10.6666C2.38748 10.6666 -0.000337601 8.27877 -0.000337601 5.33325C-0.000337601 2.38773 2.38748 -8.15392e-05 5.33299 -8.15392e-05C8.27851 -8.15392e-05 10.6663 2.38773 10.6663 5.33325ZM29.3125 5.33325V6.33325H5.33299V5.33325V4.33325H29.3125V5.33325Z' fill='black'/%3E%3C/svg%3E%0A");
}

.csproc-box h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px;
}

.csproc-box p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
}

.csproc-box+.csproc-box {
    margin-top: -50px;
}

.csproc-box:nth-child(2n) {
    max-width: 45%;
    margin-left: auto;
    text-align: left;
}


/* cso-comes */
.csocom-main {
    padding: 80px 50px;
    background: #000000;
    border-radius: 20px;
}

.csocom-main .row+.row {
    margin-top: 40px;
    row-gap: 30px;
}

.csocom-box {
    width: 100%;
    border: 2px solid #D9D9D9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px;
    border-radius: 20px;
    text-align: center;
}

.csocomb-img img {
    max-width: 60px;
}

.csocomb-img {
    margin-bottom: 18px;
}

.csocomb-desc h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.csocomb-desc h3:last-child {
    margin-bottom: 0;
}


/* News and media page */
/* news-media-sec */
.nmedia-box .row {
    row-gap: 50px;
}

.nmedia-box {
    display: none;
}

.nmedia-inbox {
    width: 100%;
    padding: 24px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}

.nmediainb-img img {
    width: 100%;
    border-radius: 10px;
}

.nmediainb-desc {
    margin: 32px 0px 8px;
}

.nmediainb-desc h5 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #4A658C;
    margin-bottom: 12px;
    font-family: 'AeonikProTRIAL';
}

.nmediainb-desc h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #101828;
    margin-bottom: 12px;
}

.nmediainb-desc h3 a {
    color: #101828;
    display: flex;
    gap: 30px;
}

.nmediainb-desc h3 a svg {
    max-width: 24px;
    flex: 0 0 24px;
    margin-top: 8px;
}

.nmediainb-desc h3 a svg path {
    stroke: #101828;
    transition: all 0.5s;
}

.nmediainb-desc h3 a:hover svg path {
    stroke: #2F76A5;
}

.nmediainb-desc h3 a:hover {
    color: #2F76A5;
}

.nmediainb-desc p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #667085;
    margin-bottom: 0px;
}

.nmedia-tabs ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.nmedia-tabs ul li a {
    font-size: 20px;
    text-align: center;
    line-height: 27px;
    padding: 20px;
    color: #000000;
    display: block;
    border-radius: 10px;
    background: rgba(27, 149, 121, 0.2);
}

.nmedia-tabs ul li:nth-child(2n) a {
    background: rgba(161, 114, 163, 0.2);
}

.nmedia-tabs ul li:nth-child(3n) a {
    background: rgba(212, 72, 60, 0.2);
}

.nmedia-tabs ul li:nth-child(4n) a {
    background: rgba(64, 139, 190, 0.2);
}

.nmedia-tabs ul li a.active {
    background: rgba(27, 149, 121, 1);
    color: #fff;
}

.nmedia-tabs ul li:nth-child(2n) a.active {
    background: rgba(161, 114, 163, 1);
}

.nmedia-tabs ul li:nth-child(3n) a.active {
    background: rgba(212, 72, 60, 1);
}

.nmedia-tabs ul li:nth-child(4n) a.active {
    background: rgba(64, 139, 190, 1);
}

.nmedia-main {
    margin-top: 45px;
}



/* investires page */
/* invest-finance */

.invest-finance .row {
    row-gap: 30px;
}

.infinan-box {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
    padding: 25px;
    align-items: center;
    border-radius: 20px;
    background: rgba(217, 217, 217, 0.5);

}

.infinanb-img {
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid #A172A3;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    min-height: 100px;
    padding: 10px;
    text-align: center;
}

.infinanb-img img {
    max-width: 80%;
    margin: auto;
}

.infinanb-desc h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #211E1E;
    margin-bottom: 5px;
}

.infinanb-desc p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 30px;
}

.download-btn {
    display: flex;
    align-items: center;
    max-width: fit-content;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #212529;
    gap: 7px;
}

.download-btn svg {
    max-width: 20px;
}


/* invest-sholding */
.invshol-desc ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333333;
    position: relative;
    z-index: 1;
    padding-left: 35px;
}

.invshol-desc ul li+li {
    margin-top: 15px;
}

.invshol-desc ul {
    margin-top: 20px;
}

.invshol-desc h2 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 14px;
}




/* career page */
.caropen-desc h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #0077BD;
    margin-bottom: 12px;
}

.caropen-desc p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #373435;
    margin-bottom: 0px;
}

.caropen-desc ul li {
    list-style: disc;
    list-style-position: outside;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #373435;
    margin-left: 20px;
}

.caropen-inmain {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.caropen-inbox {
    max-width: fit-content;
    padding: 12px 23px;
    border: 1px solid #0077BD;
    align-items: center;
    border-radius: 50px;
    display: grid;
    grid-template-columns: 35px auto;
    gap: 10px;
}

.caropen-main {
    margin-top: 20px;
}

.caropen-box {
    padding: 30px 0px;
}

.caropen-box+.caropen-box {
    border-top: 1px solid #0077BD;
}

.caropeninb-img img {
    max-width: 35px;
}

.caropen-inbox p {
    font-weight: 700;
    color: #373435;
    margin-bottom: 0;
}

.caropen-btn {
    max-width: fit-content;
    margin-left: auto;
}

.carrer-btn {
    display: flex;
    gap: 15px;
    color: #373435;
    font-size: 30px;
    line-height: 37px;
    font-weight: 700;
    max-width: fit-content;
    align-items: center;
}

.carrer-btn svg {
    max-width: 25px;
    transition: all 0.5s;
}

.carrer-btn:hover svg {
    transform: rotate(45deg);
}


/* career-life */
.carelife-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.carelife-box img {
    width: 100%;
}

.carelife-box:nth-child(1),
.carelife-box:nth-child(6) {
    grid-column: span 2;
}


/* carrer-process */
.careproc-box {
    display: grid;
    grid-template-columns: 70px auto;
    gap: 30px;
    position: relative;
}

.careproc-box+.careproc-box::before {
    content: '';
    position: absolute;
    top: -100%;
    left: 35px;
    border-left: 2px dashed #000000;
    bottom: 80%;
    z-index: -1;
}

.careproc-box+.careproc-box {
    margin-top: 50px;
}

.careproc-num {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background: #408BBE;
}

.careproc-num h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 0;
}

.careproc-desc h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
}

.careproc-desc p {
    margin-bottom: 0px;
}



/* contact us page */
/* con-form */
.confo-tabs ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.confo-tabs ul li a {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #000000;
    display: block;
    padding: 18px;
    text-align: center;
    border-radius: 10px;
    background: rgba(161, 114, 163, 0.2);
}

.confo-tabs ul li a:hover,
.confo-tabs ul li a.active {
    background: #1B9579;
    color: #fff;
}

.confo-box {
    padding: 50px;
    background: rgba(27, 149, 121, 0.05);
    border-radius: 20px;
    display: none;
}

.confo-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* contact-info */
.coninfo-box {
    padding: 30px;
    border: 1px solid #000000;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}

.coninfob-img img {
    max-width: 60px;
}

.coninfob-img {
    margin: 0 auto 15px;
    max-width: fit-content;
}

.coninfob-desc h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
    font-family: 'AeonikProTRIAL';
}

.coninfob-desc ul li+li {
    margin-top: 13px;
}

.coninfob-desc ul li {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.coninfob-desc ul li a {
    color: #333333;
    max-width: fit-content;
    margin: auto;
}

.coninfob-desc ul li a:hover {
    color: #0077BD;
}

/* contact map */
.conmap-main iframe {
    border-radius: 20px;
    width: 100%;
    height: 500px;
}


/* Blog detail */
.blde-banner {
    padding: 50px 0px;
    background: #111;
    margin-top: 110px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bldeban-img img {
    width: 100%;
    border-radius: 20px;
    border: 3px solid #fff;
}

.bldeban-desc {
    max-width: 86%;
}

.bldeban-desc h1 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 16px;
    color: #fff;
    font-weight: 700;
}

.bldemt-other {
    display: grid;
    grid-template-columns: 60px auto;
    gap: 18px;
    align-items: center;
}

.bldemto-img img {
    border-radius: 50%;
    max-width: 60px;
    border: 2px solid #fff;
}

.bldebande-top ul {
    display: flex;
    margin-bottom: 20px;
}

.bldebande-top ul li a {
    color: #fff;
    text-decoration: underline;
}

.bldebande-top ul li+li {
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
}

.bldebande-top ul li+li::before {
    content: '';
    position: absolute;
    left: -8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    top: 1px;
}

.bldebande-top ul li {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
}

.bldemto-desc p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #e7e4e4;
    margin-bottom: 0px;
}

.bldemto-desc h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 4px;
}

.publish-dat h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
}

.publishda-top {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.publishda-top img {
    max-width: 18px;
    flex: 0 0 18px;
}

.publishda-top p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}

.bldemt-bottom {
    display: grid;
    grid-template-columns: 65% auto;
    gap: 20px;
    align-items: center;
    margin: 40px 0px 0px;
}

.bldetai-ribox {
    padding: 20px;
    background: #F2F2F2;
    border-radius: 20px;
    position: sticky;
    top: 130px;
}

.bldetai-ribox h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 14px;
}

.bldetai-ribox p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
}

.bldetai-ribox .default-btn {
    padding: 10px 16px 10px 16px;
    text-transform: capitalize;
}

.tabel-contents {
    padding: 20px;
    background: #F9F9F9;
    position: sticky;
    top: 130px;
    border-radius: 10px;
}

.tabel-contents h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
}


.blde-cta {
    display: grid;
    grid-template-columns: auto 35%;
    gap: 30px;
    align-items: center;
    padding: 25px;
    border-radius: 20px;
    background: rgba(27, 149, 121, 0.05);
    border: 2px solid #000;
    margin: 30px 0px;
}

.blde-acco,
.bldem-author,
.blde-soical {
    margin: 40px 0px;
}

.blde-acco:last-child,
.blde-cta:last-child,
.bldem-author:last-child,
.blde-soical:last-child {
    margin-bottom: 0;
}

.bldecta-cont {
    padding: 10px 0px;
}

.bldecta-cont .default-btn {
    padding: 12px 24px 12px 24px;
    text-transform: capitalize;
}

.bldecta-cont h3 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
    margin-bottom: 26px;
}

.bldecta-img img {
    width: 100%;
}

.blde-acco h3 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 10px;
}

.blde-acco-inner {
    margin-top: 20px;
}

.blde-acco-inner .accordion-button {
    padding: 15px 0px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #394255 !important;
    box-shadow: 0 0 0 !important;
}

.blde-acco-inner .accordion-item {
    border-radius: 0 !important;
    border: 0 !important;
}

.blde-acco-inner .accordion-button {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Aeonik';
    color: #394255 !important;
    margin-bottom: 0px;
}

.blde-acco-inner .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='17' viewBox='0 0 30 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 16.3637C14.6513 16.3637 14.3022 16.2304 14.036 15.9642L0.39963 2.32781C-0.13321 1.79497 -0.13321 0.932129 0.39963 0.39963C0.93247 -0.132869 1.79531 -0.13321 2.32781 0.39963L15.0001 13.0719L27.6723 0.39963C28.2052 -0.13321 29.068 -0.13321 29.6005 0.39963C30.133 0.93247 30.1333 1.79531 29.6005 2.32781L15.9642 15.9642C15.6979 16.2304 15.3488 16.3637 15.0001 16.3637Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 30px;
    background-size: 100% 100%;
    height: 16px;
    position: absolute;
    right: 0;
}

.blde-acco-inner .accordion-button::after {
    width: 20px;
    height: 12px;
    top: 40%;
}

.blde-acco-inner .accordion-item+.accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.bldeacco-body {
    padding: 0px 0px 20px;
}

.bldeacco-body p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0px;
}

.bldeacco-body ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bldeacco-body ul li+li {
    margin-top: 4px;
}

.bldeacco-body ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0px;
}

.bldeaut-main {
    display: grid;
    grid-template-columns: 80px auto;
    gap: 20px;
    align-items: center;
    margin-bottom: 15px;
}

.bldeaut-img img {
    max-width: 80px;
    border-radius: 50%;
    border: 2px solid #000;
}

.bldeaut-desc h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 3px;
}

.bldeaut-desc h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #333;
}

.bldem-author p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #333;
}

.bldem-author>a {
    padding: 25px;
    background: #eff7fb;
    border-radius: 10px;
    display: block;
}

.blde-soical ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.blde-soical li>a {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    transition: .3s;
    -webkit-transition: .3s;
}

.blde-soical img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    filter: brightness(0);
}

.blde-soical li>a:hover {
    border-color: #000000;
}

.blde-main {
    margin-bottom: 40px;
}

.blde-main p,
.blde-main ul,
.blde-main ol {
    margin-bottom: 20px;
}

.blde-main img {
    width: 100%;
    margin-bottom: 22px;
    height: auto !important;
}

.blde-main ol li,
.blde-main p,
.blde-main ul li {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400
}

.blde-main ol li:not(:last-child),
.blde-main ul li:not(:last-child) {
    margin-bottom: 8px
}

.blde-main ol,
.blde-main ul {
    padding: 16px;
    border: 1px solid #c2deff;
    border-radius: 12px;
    list-style: none
}


.blde-main ul li {
    list-style-type: disc;
}

.blde-main ol li {
    list-style-type: decimal;
}

.blde-main ol li,
.blde-main ul li {
    list-style-position: inside;
}


.blde-main ol:has(h3) li,
.blde-main ul:has(h3) li {
    list-style-type: none;
    list-style-position: none;
}

.blde-main a {
    font-weight: 600;
    text-decoration: underline;
    color: #000;
}

.blde-main .table-data {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 16px
}

.blde-main table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: collapse
}

.blde-main table td,
.blde-main table th {
    border: 1px solid #c2deff;
    padding: 8px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    text-align: left
}

.blde-main h1,
.blde-main h2,
.blde-main h3,
.blde-main h4,
.blde-main h5,
.blde-main h6 {
    font-weight: 600;
    color: #000;
    padding: 0;
    margin-bottom: 12px
}

.blde-main h1 {
    font-size: 32px;
    line-height: 42px
}

.blde-main h2 {
    font-size: 28px;
    line-height: 40px
}

.blde-main h3 {
    font-size: 26px;
    line-height: 38px
}

.blde-main h4 {
    font-size: 24px;
    line-height: 36px
}

.blde-main h5 {
    font-size: 22px;
    line-height: 34px
}



/* Usecase Page */

.mt-50 {
    margin-top: 50px;
}

.thin-desc p {
    font-weight: 300;
}

.gdev-about .title:has(p+p) p {
    margin-bottom: 0;
}

.gdev-about .title p+p {
    margin-top: 15px;
    margin-bottom: 0;
}


.b-block h2 b {
    display: block;
}

.uspf-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;

}

.uspf-box+.uspf-box {
    margin-top: 20px;
}

.indu-method .uspf-box+.uspf-box {
    margin-top: 30px;
}

.uspf-box h3,
.indu-method .uspf-box h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 12px;
}

.uspf-box p {
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
}

.use-key .gdevser-box {
    padding: 25px;
    height: 100%;
}

.use-key .gdevserb-img {
    margin-bottom: 20px;
}

.use-key .gdevserb-desc h3 {
    margin-bottom: 15px;
}

.use-adtechno .gdevser-box {
    padding: 0;
    border: none;
    border-radius: none;
}

.five-grid .hnum-main {
    grid-template-columns: repeat(5, 1fr);
}

.indu-solu-ab .title p b,
.indu-solu-ab .title p strong,
.indu-method .imethod-desc p b,
.indu-method .imethod-desc p strong {
    font-weight: 700;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}

.insolu-acco {
    margin-top: 0;
}

.insolu-acco .accordion-item:last-child {
    border: none;
}

.insolu-acco .accordion-item:last-child .accordion-body {
    margin-bottom: 0;
}

.insolu-acco .accordion-button {
    padding: 20px 0px;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #394255;
}


.insolu-acco .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #394255;
}

.insolu-acco .accordion-body {
    padding: 20px;
    background-color: #000000;
    border-radius: 10px;
    margin-bottom: 20px;
}

.insolu-acco .accordion-body ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-left: 0;
}

.insolu-acco .accordion-body ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    padding-left: 30px;
    position: relative;
    list-style: none;
    margin-top: 0 !important;
}

.insolu-acco .accordion-body ul li::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_773_1175)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8359 6.62891C15.0781 6.87109 15.0781 7.26953 14.8359 7.51172L8.97656 13.3711C8.85547 13.4922 8.69531 13.5547 8.53516 13.5547C8.375 13.5547 8.21484 13.4922 8.09375 13.3711L5.16406 10.4414C4.92187 10.1992 4.92187 9.80078 5.16406 9.55859C5.40625 9.31641 5.80469 9.31641 6.04688 9.55859L8.53516 12.0469L13.9531 6.62891C14.1953 6.38281 14.5938 6.38281 14.8359 6.62891Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_773_1175'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.insolu-acco .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 20.6251C14.7603 20.6251 14.5203 20.5334 14.3372 20.3504L4.96225 10.9754C4.59592 10.609 4.59592 10.0158 4.96225 9.64975C5.32857 9.28365 5.92178 9.28342 6.28787 9.64975L15.0001 18.3619L23.7122 9.64975C24.0786 9.28342 24.6718 9.28342 25.0379 9.64975C25.404 10.0161 25.4042 10.6093 25.0379 10.9754L15.6629 20.3504C15.4798 20.5334 15.2398 20.6251 15.0001 20.6251Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    margin-left: auto;
    padding-left: 20px;
}

.insolu-acco .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 20.6251C14.7603 20.6251 14.5203 20.5334 14.3372 20.3504L4.96225 10.9754C4.59592 10.609 4.59592 10.0158 4.96225 9.64975C5.32857 9.28365 5.92178 9.28342 6.28787 9.64975L15.0001 18.3619L23.7122 9.64975C24.0786 9.28342 24.6718 9.28342 25.0379 9.64975C25.404 10.0161 25.4042 10.6093 25.0379 10.9754L15.6629 20.3504C15.4798 20.5334 15.2398 20.6251 15.0001 20.6251Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.indu-method .title {
    margin-bottom: 30px;
}

.indu-method-head h3 {
    font-family: 'Aeonik Pro TRIAL';
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 30px;
}

.indu-method .uspf-box {
    display: flex;
    align-items: start;
    gap: 15px;
}

.indu-solution .title p b,
.indu-solution .title p strong {
    font-weight: 700;
    color: #1B9579;
}

.isol-main-tabs {
    display: flex;
    justify-content: center;
}

.isol-tabs {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #000000;
    padding: 5px;
    border-radius: 50px;
    justify-content: space-between;
    margin: 0 auto;
}

.isol-tabs.ai-indu-slider {
    width: 100%;
}

.isol-tabs .isol-item {
    padding: 13px 40px;
    background: #fff;
    border-radius: 50px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    line-height: 22px;
    display: block;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
}

.isol-tabs .isol-item:hover,
.isol-tabs .isol-item.active {
    background: #000000;
    color: #FFFFFF;
    font-weight: 700;
}

.indu-solution .swiper-slide {
    width: auto !important;
}


.isol-navigation.swiper-navigation {
    justify-content: space-between;
    position: absolute;
    top: 26%;
    transform: translateY(-50%);
    left: -10px;
    right: -10px;
    z-index: 1;
    margin: 0;
}

.isol-navigation .swiper-button-prev::after,
.isol-navigation .swiper-button-next::after {
    display: none;
}

.isol-navigation .swiper-button-prev,
.isol-navigation .swiper-button-next {
    width: 30px;
    height: 30px;
    margin: 0;
    top: 0;
}

.isol-inner {
    display: none;
    background: #000000;
    border-radius: 20px;
    padding: 30px;
}

.isol-main {
    margin-top: 30px;
}

.isol-desc p {
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 0;

}

.indu-what .gdevbussi-box {
    position: relative;
    padding-top: 0;
    border: none;
    background-color: #FFFFFF;
    z-index: 0;
    height: 100%;
}

.indu-what .gdevbussi-box::after {
    content: "";
    position: absolute;
    inset: 0;
    top: 35px;
    border: 2px solid #A172A3;
    border-radius: 20px;
    z-index: -1;
    background-color: #FFFFFF;
}

.indu-what .gdevbussib-num {
    width: 70px;
    height: 70px;
    background: #408BBE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    color: #FFFFFF;
    margin: 0 auto 20px;
}

.indu-what .gdevbussib-desc h3 {
    color: #000000 !important;
}

.indu-what .gdevbussib-desc p {
    color: #333333 !important;
}

.indu-what .gdevbussi-box::before {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_773_1260)'%3E%3Cpath d='M16.3779 29.4314L29.4326 16.3767C30.1943 15.615 30.1943 14.3845 29.4326 13.6287L16.3779 0.568118C15.6162 -0.193601 14.3857 -0.187741 13.624 0.568118C12.8623 1.32398 12.8682 2.56031 13.624 3.32202L23.3564 13.0544L1.94043 13.0544C0.868167 13.0544 -0.0048802 13.9275 -0.00488025 14.9998C-0.0048803 16.072 0.868167 16.9451 1.94043 16.9451L23.3623 16.9451L13.6299 26.6775C12.8857 27.4509 12.9033 28.6814 13.6768 29.4255C14.4268 30.158 15.6221 30.158 16.3779 29.4314Z' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_773_1260'%3E%3Crect width='30' height='30' fill='white' transform='translate(30 1.31134e-06) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    right: -25px;
    filter: grayscale(0);
    transform: translateY(0);
}

.indu-what .gdevbussi-main .col-lg-3:nth-child(4) .gdevbussi-box::before {
    display: none !important;
}

.indu-what .gdevbussi-main .col-md-3:nth-child(4) .gdevbussi-box::before {
    display: none !important;
}

.gdexp-tabs .swiper-wrapper {
    display: flex;
    row-gap: 15px;
    flex-direction: column;
}

.gdexp-tabs .swiper-wrapper .swiper-slide {
    width: 100% !important;
}

.gdexp-tabs .exptab-item {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: 'Aeonik';
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    padding: 15px 20px;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}


.gdexp-tabs .exptab-item.active,
.gdexp-tabs .exptab-item:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.gdexp-tabs .exptab-item path {
    transition: all 0.4s ease-in-out;
}

.gdexp-tabs .exptab-item:hover path,
.gdexp-tabs .exptab-item.active path {
    fill: #FFFFFF;
}

.gdexp-inner {
    display: none;
}

.gdexp-img {
    margin-bottom: 30px;
}

.gdexp-img img {
    max-width: 100%;
    max-height: 350px;
}

.gdexp-content h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 12px;
}

.gdexp-content p {
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
}

.gdcra-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    padding: 20px 0;
}

.gdcra-main::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background-color: rgba(0, 0, 0, 0.6);
}

.gdcra-box {
    display: flex;
    align-items: start;
    gap: 10px;
}

.gdcra-box+.gdcra-box {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.6);
}

.gdcra-box:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.gdcra-nub {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}

.gdcra-desc h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 12px;
}

.gdcra-desc p {
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
}

.gd-genres .row {
    row-gap: 30px;
}

.gdgen-box {
    padding: 30px;
    border-radius: 20px;
    border: 2px solid #A172A3;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.gdgen-icon {
    margin-bottom: 20px;
}

.gdgen-icon img {
    width: 50px;
    height: 50px;
}

.gdgen-box h3 {
    font-family: 'AeonikProTRIAL';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}

.nfea-img img {
    width: 100%;
    margin-bottom: 20px;
}

.nf-date,
.lenews-box p {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #4A658C !important;
    margin-bottom: 15px !important;
}

.news-featured-desc h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #101828;
    margin-bottom: 25px;
}

.news-featured-desc h1 a {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-decoration: underline;
}

.news-featured-desc p,
.news-desc p {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 15px;
}

.news-desc p:last-child {
    margin-bottom: 0;
}

.news-desc p a {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-decoration: underline;
    font-weight: 500;
}

.news-desc p:has(img) {
    margin-top: 30px;
}

.news-box img {
    width: 100%;
    margin-bottom: 20px;
}

.lenews-box+.lenews-box {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #0077BD;
}

.lenews-box p {
    margin-bottom: 10px !important;
}

.lenews-head h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    color: #101828;
    margin-bottom: 30px;
}

.lenews-box h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #0077BD;
    margin-bottom: 20px;
}

.lenews-box .default-btn {
    font-size: 10px;
    line-height: 16px;
    padding: 8px 15px 8px 15px;
}

.lenews-box .default-btn svg {
    max-width: 9px;
}

.social-icons {
    margin-top: 30px;
}

.social-icons .lenews-head h2 {
    margin-bottom: 20px;
}

.social-icons ul {
    display: flex;
    gap: 15px;
}

.social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    min-width: 45px;
    border: 1px solid #D9D9D9;
    border-radius: 50px;

}

.news-sticky {
    position: sticky;
    top: 110px;
}

.scroll-item+.scroll-item {
    margin-top: 8px;
}

.scroll-item {
    display: flex;
}

.scroll-item a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
}

.scroll-item a:hover,
.scroll-item.active a {
    font-weight: 600;
}

.tabel-contents ul {
    padding-left: 8px;
}

.other-publications h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    color: #101828;
    margin-bottom: 30px;
}

.other-publications ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
}

.other-publications ul li a {
    display: block;

    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    transition: all 0.4s ease-in-out;
}

.other-publications ul li a:hover {
    background-color: #000;
    color: #fff;
}

/* Mega Menu  */

.header-mob-head {
    display: none;
}

header .navbar {
    position: relative;
}

header .menu-item.menu-item-has-children {
    position: static;
}

header .menu-item.menu-item-has-children:hover>.mega-menu-inner,
header .menu-item.menu-item-has-children:hover>.sub-menu-inner {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) rotateX(0deg);
}

.mega-menu-inner,
.sub-menu-inner {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 920px;
    padding-top: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) rotateX(90deg);
    transition: all .5s ease-out;
    transform-origin: top;
}

.sub-menu-inner {
    min-width: 650px;
}

header.sticky .mega-menu-inner,
header.sticky .sub-menu-inner {
    padding-top: 20px;
}

.mega-menu-wrap,
.sub-menu-wrap {
    transition: all ease-in-out 0.4s;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    box-shadow: 0px 10px 20px rgba(74, 58, 255, 0.05), 0px 9px 26px rgba(23, 15, 73, 0.1);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    height: 340px;
    overflow: hidden;
}

.sub-menu-wrap {
    height: auto;
}



.mega-menu-wrap>ul {
    width: 27%;
    border-right: 1px solid #000000;
    height: 100%;
}

.mega-menu-wrap ul .menu-item+.menu-item {
    margin-top: 12px;
}

.mega-menu-wrap ul .menu-item>a {
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    transition: all .4s ease-out;
}


.mega-menu-wrap ul .menu-item>a:hover,
.mega-menu-wrap ul .menu-item>a:focus,
.mega-menu-wrap ul .menu-item>a:active,
.mega-menu-wrap ul .menu-item.mega-tab-show>a {
    font-weight: 600;
}

.mega-tab-main {
    position: absolute;
    top: 20px;
    left: 28%;
    right: 0;
    padding: 0 30px 40px;
    overflow-y: auto;
    height: 100%;
    display: none;
}

.mega-menu-wrap ul .menu-item.mega-tab-show .mega-tab-main {
    display: block;
}

.mega-tab-main ul,
.sub-menu-wrap ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.mega-tab-main ul .menu-item,
.sub-menu-wrap ul .menu-item {
    margin-top: 0 !important;
}

.mega-tab-main ul .menu-item>a,
.sub-menu-wrap ul .menu-item>a {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400 !important;
    color: #394255;
}

.mega-tab-main ul .menu-item>a:hover,
.mega-tab-main ul .menu-item>a:focus,
.mega-tab-main ul .menu-item>a:active,
.sub-menu-wrap ul .menu-item>a:hover,
.sub-menu-wrap ul .menu-item>a:focus,
.sub-menu-wrap ul .menu-item>a:active {
    color: #000000;
}

.mega-tab-main ul .menu-item>a>span,
.sub-menu-wrap ul .menu-item>a>span {
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
}

.mega-tab-main ul .menu-item>a>span svg,
.mega-tab-main ul .menu-item>a>span img,
.sub-menu-wrap ul .menu-item>a>span svg,
.sub-menu-wrap ul .menu-item>a>span img {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.sub-menu-inner.small-menu {
    min-width: 300px;
    left: 0;
    transform: translateX(-0%) !important;
    padding-top: 40px;
}

header.sticky .sub-menu-inner.small-menu {
    padding-top: 30px;
}

.sub-menu-inner.small-menu .sub-menu-wrap {
    padding: 0;
    overflow: visible;
}

.sub-menu-inner.small-menu .sub-menu-wrap ul {
    display: block;
}

.sub-menu-inner.small-menu .sub-menu-wrap .menu-item {
    width: 100%;
}

.sub-menu-inner.small-menu .sub-menu-wrap .menu-item+.menu-item {
    border-top: 1px solid #000;
}

.sub-menu-inner.small-menu .sub-menu-wrap .menu-item a {
    display: block;
    width: 100%;
    padding: 15px 20px;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    transition: all .4s ease-out;
}

.sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .menu-item-has-children:has(.sub-menu-inner.small-menu),
header .menu-item-has-children:has(.sub-menu) {
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    transition: all ease-in-out 0.4s;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    box-shadow: 0px 10px 20px rgba(74, 58, 255, 0.05), 0px 9px 26px rgba(23, 15, 73, 0.1);
    border-radius: 12px;
    min-width: 300px;
    opacity: 0;
    visibility: hidden;
}

.sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

/* Hire Page */

.new-inner-banner.inner-banner {
    margin-bottom: 50px;
}

.hr-inner-banner .inb-img img {
    object-position: center;
}

.new-inner-banner .inb-desc h1 span {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hr-inner-banner .inb-desc p {
    margin-bottom: 20px;
}

.hr-inner-banner .inb-desc ul {
    margin-bottom: 40px;
}


.inb-desc ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #FFFFFF !important;
}

.hr-inner-banner .inb-desc ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hr-inner-banner .inb-desc ul li a {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hr-inner-banner .inb-desc ul li img {
    max-width: 30px;
    max-height: 30px;
}

.hr-inner-banner .inb-desc ul li+li {
    margin-top: 10px;
}

.career-inner-banner.hr-inner-banner .inb-desc ul li+li {
    margin-top: 20px;
}

.reviewapp-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.reviewapp-box a {
    display: block;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}

.reviewapp-list img {
    max-width: 200px;
}



.hr-home-logo.home-logo .hlogo-swiper:has(.swiper-slide:nth-child(5)) .swiper-wrapper,
.hr-home-logo.home-logo .hlogo-swiper:has(.swiper-slide:nth-child(4)) .swiper-wrapper {
    justify-content: center;
}

.hr-exper .imethod-img img {
    max-width: 50px;
    max-height: 50px;
}

.hr-exper .hrgdevserb-img img {
    width: 100%;
    height: auto;
}

.hrpart .row {
    row-gap: 30px;
}

.hrpart-box {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    align-items: center;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.hrpart-box .hrpart-img {
    height: 100%;
}

.hrpart-box .hrpart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hrpart-desc {
    padding: 15px 15px 15px 0;
}

.hrpart-desc h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.hrpart-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.hrpart .white-btn {
    border: 1px solid #fff;
}

.hrwopro-box {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.hrwopro-img {
    background-color: #000000;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrwopro-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.hrwopro-desc {
    padding: 20px;
}

.hrwopro-box h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 9px;
    transition: all 0.5s;
}

.hrwopro-box p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
    transition: all 0.5s;
}

/* Ai Landing Page */

.new-inner-banner .inb-main {
    padding: 50px 40px;
    min-height: auto;
}

.new-inner-banner .inb-desc {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

.new-inner-banner .inb-img {
    position: static;
}

.new-inner-banner .inb-img img {
    max-height: 400px;
    object-fit: contain;
    height: 100%;
    object-position: center;
}

.ai-landing-banner .inb-img {
    height: auto;
    left: auto;
    right: 50px;
    width: auto;
    display: flex;
    align-items: center;
}

.ai-landing-banner .inb-desc p a {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
}

.ai-indu-solution .isol-desc .small-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ai-indu-solution .isol-desc h3 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.ai-indu-solution .isol-desc p a {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
}

.ai-indu-solution .gdevab-list ul li {
    color: #FFFFFF;
}

.ai-indu-solution .gdevab-list ul li::before {
    filter: brightness(0) invert(1);
}

.ai-key-concepts .gdexp-tabs .swiper-wrapper {
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
}

.ai-indu-solution .isol-tabs .isol-item {
    padding: 13px 30px;
}

.ai-key-concepts .gdexp-tabs .swiper-wrapper .swiper-slide {
    width: fit-content !important;
    padding: 1px;
}

.ai-key-concepts .gdexp-tabs .exptab-item {
    width: fit-content;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.ai-key-concepts .gdexp-tabs .exptab-item.active,
.ai-key-concepts .gdexp-tabs .exptab-item:hover {
    background-color: #FFF;
    color: #000;
}

.ai-key-concepts .gdexp-content h3,
.ai-key-concepts .gdexp-content p,
.ai-key-concepts .gdexp-content ul li {
    color: #FFFFFF;
}

.ai-key-concepts .gdexp-content p a {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
}

.ai-key-concepts .gdexp-img {
    text-align: center;
}

.ai-in-features .gdgen-icon img {
    filter: brightness(0) invert(0);
}

.aisuc-box {
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 0;
}

.aisuc-img {
    position: relative;
}

.aisuc-img img {
    width: 100%;
}


.aisuc-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.aisuc-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #000000;
    border-radius: 8px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.aisuc-icon img {
    max-width: 35px;
    max-height: 35px;
}

.aisuc-desc {
    padding: 30px;
}

.aisuc-desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.aisuc-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 15px;
}

.aisuc-desc ul {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.aisuc-desc ul li {
    margin-top: 0 !important;
}

.ai-testi-slider .swiper-slide,
.comm-testi-slider .swiper-slide,
.whilabel-testi-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
}

.ai-testi .testi-box {
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.ai-testi .testi-box p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 25px;
    flex: 1;
}

.ai-testi .testi-auth {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-testi .testi-auth .testi-data h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.ai-testi .testi-auth .testi-data p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

.ai-testi .testi-auth .testi-name {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 600;
}

/* Virtual inner service */
.viser-indu-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.viser-indu-box img {
    max-width: 30px;
}

.viser-indu-box a {
    padding: 15px 20px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    font-size: 22px;
    font-family: "Aeonik", sans-serif;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.viser-indu-box a:hover {
    background-color: #D9D9D9;
}

/* Design Inner Banner */
.design-inner-banner .inb-desc h1 span {
    background: transparent;
    -webkit-text-fill-color: #FFFFFF;
}

.desabt-img img {
    width: 100%;
}

.design-abt .title ul {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.design-abt .title ul li {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
}

.design-abt .title ul li span {
    height: 13px;
    width: 13px;
    background-color: #000000;
    border-radius: 50%;
}

.gdevserb-color img {
    filter: brightness(1);
}

.gdev-moadal-main {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
}

.gdev-modal-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 18px 20px;
    border-radius: 10px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
    min-width: 130px;
    transition: all 0.4s ease-in-out;
    background-color: #FFFFFF;
}

.gdev-modal-box:hover {
    transform: translateY(-5px);
    background-color: #408BBE;
}

.gdev-modal-box img {
    max-width: 45px;
    transition: all 0.4s ease-in-out;
}

.gdev-modal-box:hover img {
    filter: brightness(0) invert(1);
}

.gdev-modal-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000000;
    transition: all 0.4s ease-in-out;
}

.gdev-modal-box:hover p {
    color: #FFFFFF;
}

/* IT Consulting Service */
.yu-it-tabs-main {
    padding: 15px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
}

.yu-it-tabs .tab-item+.tab-item {
    margin-top: 5px;
}

.yu-it-tabs .tab-item {
    font-size: 18px;
    line-height: 24px;
    font-family: "Aeonik", sans-serif;
    font-weight: 400;
    padding: 12px 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.yu-it-tabs .tab-item.active,
.yu-it-tabs .tab-item:hover {
    background-color: #408BBE;
    color: #FFFFFF;
}

.yu-it-tabs-content {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
}

.yu-it-tabs-content img {
    width: 100%;
}

.yu-it-tabs-content-box {
    padding: 25px;
}

.yu-it-tabs-content-box h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.yu-it-tabs-content-box p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 0;
}

.yu-it-tab-content {
    display: none;
}

.gdev-process-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.gdev-process-main .gdevproces-box:nth-child(5)::before {
    display: none;
}

.custom-swiper-nav {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.custom-tab-nav.custom-swiper-nav>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    justify-content: space-between !important;
    display: flex;
    align-items: center;
    justify-content: center !important;
    border: 1px solid #000;
}

.custom-tab-nav.custom-swiper-nav>div.swiper-button-next {
    left: auto;
    right: -12px;
}

.custom-tab-nav.custom-swiper-nav>div.swiper-button-disabled {
    display: none;
}

.gdexp-v-tabs .custom-swiper-nav {
    display: none;
}

.custom-swiper-nav>div {
    position: static;
    width: 36px;
    height: 36px;
    background: #F0F0F0;
    mix-blend-mode: normal;
    border-radius: 50px;
    margin: 0 !important;
    color: transparent !important;
    transition: all 0.4s ease-in-out;
    border: 1px solid #000;
}

.custom-swiper-nav>div::after {
    display: none;
}

.custom-swiper-nav>div svg {
    max-height: 16px;
    max-width: 16px;
}

.image-white img {
    filter: brightness(1) invert(1);
}

/* VR Inner Solution */

.tem-sol-ai-agent .gdevserb-img {
    display: block;
    width: fit-content;
}

.tem-vr-in-crafting .gdcra-box {
    padding-inline: 15px;
}

.vr-sol-partner .row {
    row-gap: 24px;
}

.vr-sol-partner .gdevser-box {
    padding: 15px;
    background-color: #fff;
}

.vr-sol-process {
    padding: 8px;
    border: 1px solid #000000;
    border-radius: 100px;
}

.vr-sol-process-main h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
}

.vr-sol-process-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vr-sol-process-box-img {
    background-color: #fff;
    border-radius: 100px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-sol-process-box-img img {
    max-width: 30px;
    max-height: 30px;
}

.vr-sol-process-box p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin: 0;
}

/* Industries */

.gdev-indu-mission .title h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: #000000;
    margin-bottom: 15px;
}

.gdev-indu-mission .title h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 15px;
}

.yu-part-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.yu-part-box img {
    max-width: 200px;
    max-height: 75px;
}

.gdev-indu-data-box ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.gdev-indu-data-box h5 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 12px;
}

.gdev-indu-data-box p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 0px;
}

/*  Events Page */

.inner-event-banner .inb-main::before {
    display: none;
}

.inner-event-banner .inb-main .inb-img {
    border: 1px solid #000;
    overflow: hidden;
    border-radius: 20px;
    position: absolute;
}

.inner-event-banner .inb-main .inb-img img {
    opacity: 0.4;
}

.hr-inner-banner.inner-event-banner .inb-desc ul {
    margin-bottom: 30px;
}

.event-logo {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.event-logo img {
    max-width: 180px;
}

.inner-event-banner .inb-desc ul li {
    color: #000000;
}

.event-countdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 0 40px 30px;
}

.event-box {
    background-color: #000000;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
}

.event-box h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.event-box p {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.event-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.slevent-box img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.eventpopup .modal-content {
    background-color: #F2F2F2;
}

.eventpopup .modal-body {
    padding: 25px;
}

.eventpopup .modal-header {
    border: none;
    padding: 16px 16px 0;
}

.event-meet .title h4 {
    font-weight: 700;
    text-align: left;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 8px;
}

.event-meet .title ul {
    margin-bottom: 20px;
}

.event-meet .title h2 {
    margin-bottom: 30px;
}

.event-meet .row {
    row-gap: 0px;
}

.event-meet .row+.row {
    row-gap: 30px;
}


.emeet-box {
    background: #fff;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 15px;
    align-items: center;
}

.emeet-box::before {
    content: '';
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 32%, #A172A3 69%, #2F76A6 100%);
    border-radius: 10px;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
}

.emeet-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.emeet-desc h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 5px;
}

.emeet-desc p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 10px;
}

.emeet-desc ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.event-innovative .hexceactablo-box {
    flex-direction: column;
    gap: 10px;
    height: auto;
}

.event-innovative .hexceactablo-box img {
    max-height: 60px;
    max-width: 60px;
}

.event-innovative .hexceactablo-box p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
}

.evcoreexp-tab-swiper {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 4px 5px 5px;
}

.evcoreexp-tab-swiper .huscaseta-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    justify-content: center;
}

.evcoreexp-tab-swiper .huscaseta-box img {
    max-height: 30px;
    max-width: 30px;
}

.evcoreexpcon-desc h3 a {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    color: #000000;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 15px;
}

.evcoreexpcon-desc p {
    margin-bottom: 20px;
}

.evcoreexpcon-box {
    display: none;
}

.evcoreexpcon-box .gdevlogo-main {
    gap: 20px;
}

.evcoreexpcon-box .gdevlogo-box {
    flex: 0 0 calc(33.33% - 20px);
}

.event-industry .gdevsolu-desc {
    width: 50%;
}

.event-industry .gdevsolu-box {
    background-color: #24005A;
}

.event-industry .gdevsolu-desc h3,
.event-industry .gdevsolu-desc p {
    color: #FFFFFF;
}

.event-industry .gdevsolu-box2 {
    background-color: #530967;
    margin-left: 30px;
    top: 140px;
}

.event-industry .gdevsolu-box3 {
    background-color: #000000;
    top: 170px;
    margin-left: 60px;
}

.event-industry .gdevsolu-box4 {
    background-color: #f36f24;
    margin-left: 90px;
    top: 200px;
    margin-bottom: 30px;
}

.event-industry .gdevsolu-box5 {
    background-color: #24005A;
    margin-left: 110px;
    top: 230px;
    margin-bottom: 30px;
}

.event-industry .gdevsolu-box6 {
    background-color: #673409;
    margin-left: 140px;
    top: 260px;
    margin-bottom: 30px;
}

.event-industry .gdevsolu-box7 {
    background-color: #02599E;
    margin-left: 170px;
    top: 290px;
    margin-bottom: 30px;
}

.event-industry .gdevsolu-box8 {
    margin-left: 200px;
    top: 320px;
    margin-bottom: 30px;
}

.testi-icon {
    margin-bottom: 15px;
    filter: brightness(0);
}

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

.evgallery-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    height: 100%;
}

.evgallery-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Support Page */

.yu-supp-how .title h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    color: #000000;
    margin-bottom: 15px;
}

.yu-supp-how .title h1 b,
.yu-supp-how .title h1 strong {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.swiper-pagination.custom-pagination {
    position: static;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.swiper-pagination.custom-pagination>span {
    height: 8px;
    width: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    border-radius: 8px;
    margin: 0 !important;
}

.swiper-pagination.custom-pagination>span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: rgba(0, 0, 0, 1);
}

/* Form Section */

.fash-cta-form .title p {
    margin-bottom: 20px;
}

.fash-cta-form .title p:last-child {
    margin-top: 20px;
}

.fash-cta-form .title h2 {
    margin-bottom: 15px;
}

.fash-cta-form .title h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}

.fash-cta-form .title .cta-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.fash-cta-form .title .cta-info li {
    padding: 20px;
    border: 1px solid #000000;
    border-radius: 10px;
}

.fash-cta-form .title .cta-info li h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 4px;
}

.fash-cta-form .title .cta-info li h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 4px;
}

.fash-cta-form .title .cta-info li a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #5C5C5C;
}

.fash-cta-form .title .cta-info li a:hover {
    color: #000000;
}

.fash-cta-form .title .cta-list {
    margin-bottom: 30px;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}

.fash-cta-form .title .cta-list li {
    list-style: disc;
    list-style-position: inside;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding: 0;
    border: 0;
}

.fash-cta-form .title .cta-list li+li {
    margin-top: 10px;
}

.process-content {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.process-content h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000000;
}

.process-content p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 8px;
    color: #333333;
}

.process-content p+p {
    font-weight: 700;
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 0;
}

.process-icon-circle img {
    width: 100%;
}

.full-cyc-process .title h5 {
    color: #000000;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 20px;
}

.process-list {
    display: flex;
    align-items: start;
    gap: 15px;
}

.process-list+.process-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DDDDDD;
}

.process-desc h6 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #000000;
    font-weight: 700;
}

.process-desc p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #333333;
    font-weight: 300;
}

.fumana-box {
    display: grid;
    grid-template-columns: 1fr 240px;
    align-items: center;
    gap: 20px;
    background-color: #F7F7F7;
    padding: 20px 25px;
    border-radius: 10px;
}

.fumana-img img {
    width: 100%;
}

.fumana-desc h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.fumana-desc p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #333333;
    font-weight: 300;
}

.gdevprocesb-desc ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0px;
    transition: all 0.5s;
    position: relative;
    padding-left: 20px;
}

.gdevproces-box:hover .gdevprocesb-inbox ul li {
    color: #fff;
}

.gdevproces-box:hover .gdevprocesb-inbox ul li::before {
    background-color: #fff;
}

.gdevprocesb-desc ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    height: 1px;
    background-color: #000;
    border-radius: 50%;
}

.full-all-award .row {
    row-gap: 30px;
}

.fuall-award-box {
    padding: 30px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #090e1a;
    height: 100%;
}

.full-all-award .col-lg-6:nth-child(2) .fuall-award-box,
.full-all-award .col-lg-6:nth-child(3) .fuall-award-box {
    background-color: #fff;
    border-color: #f2f2f2;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.fuall-award-desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.full-all-award .col-lg-6:nth-child(2) .fuall-award-desc h3,
.full-all-award .col-lg-6:nth-child(3) .fuall-award-desc h3 {
    color: #000000;
}

.fuall-award-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.award-list-img img {
    max-width: 100px;
    max-height: 60px;
}

.award-list-box {
    padding: 20px;
    border: 1px solid #8a8a8a;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
}

.full-all-award .col-lg-6:nth-child(2) .award-list-box,
.full-all-award .col-lg-6:nth-child(3) .award-list-box {
    background-color: #e4e4e4;
    border-color: #b5b5b5;
}

.award-list-box p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 15px;
}

.full-all-award .col-lg-6:nth-child(2) .award-list-box p,
.full-all-award .col-lg-6:nth-child(3) .award-list-box p {
    color: #000000;
}

.award-list-box p a {
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: underline;
}

.fuall-award-list-main ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.fuall-award-list-main ul li {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #000000;
    background-color: #e4e4e4;
    border: 1px solid #828282;
    border-radius: 10px;
}

.full-gdev-about .gdevab-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.full-gdev-about .gdevab-box {
    padding: 15px;
    border-radius: 10px;
    background: #DDD;
}

.full-gdev-about .gdevab-box h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.full-gdev-about .gdevab-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 0px;
}

/* Game Development Company */
.game-dev-banner .inb-main {
    padding: 50px 40px;
    min-height: auto;
}

.game-dev-banner .inb-desc {
    max-width: 100%;
    padding: 0;
}

.game-dev-logo .swiper-slide:nth-child(4) img,
.game-dev-logo .swiper-slide:nth-child(5) img {
    filter: brightness(0) invert(0);
}

.gmdev-gami-box {
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease-in-out;
    height: 100%;
}

.gmdev-gami-box:hover {
    background-color: #000;
}

.gami-img img {
    width: 100%;
    max-height: 170px;
    object-fit: cover;
    border-radius: 10px;
}

.gami-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gami-icon img {
    object-fit: contain;
    max-width: 25px;
    max-height: 25px;
    border-radius: 0;
    filter: brightness(0);
}

.gmdev-gami-box h3 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    line-height: 26px;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}

.gmdev-gami-box p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #000000;
    transition: all 0.4s ease-in-out;
}

.gmdev-gami-box:hover h3,
.gmdev-gami-box:hover p {
    color: #fff;
}

.gmdev-gami .row {
    row-gap: 24px;
}

.blog-listing .bottom-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.blog-listing .bottom-btn .page-numbers {
    height: 40px;
    width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease-in-out;
}

.blog-listing .bottom-btn .page-numbers.dots {
    background-color: transparent !important;
    align-items: end;
    color: #000;
    width: auto;
    border: 0;
}

.blog-listing .bottom-btn .page-numbers:hover,
.blog-listing .bottom-btn .page-numbers.current {
    background-color: #000;
    color: #fff;
}

.blog-listing .bottom-btn .page-numbers.next,
.blog-listing .bottom-btn .page-numbers.prev {
    font-size: 0;
}

.blog-listing .bottom-btn .page-numbers.next::after,
.blog-listing .bottom-btn .page-numbers.prev::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1934_46)'%3E%3Cpath d='M2.94542 25.3039C2.30723 25.9377 1.27087 25.9377 0.632689 25.3039C-0.00549274 24.6702 -0.00549274 23.641 0.632689 23.0073L10.6963 13.0135L0.632689 3.01978C-0.00549274 2.38603 -0.00549274 1.35687 0.632689 0.723115C1.27087 0.0893652 2.30723 0.0893652 2.94542 0.723115L14.1681 11.8625C14.8063 12.4962 14.8063 13.5254 14.1681 14.1592L2.94542 25.3039Z' fill='black'/%3E%3Cpath d='M12.1664 25.3039C11.5282 25.9377 10.4918 25.9377 9.85364 25.3039C9.21545 24.6702 9.21545 23.641 9.85364 23.0073L19.9173 13.0135L9.85364 3.01978C9.21545 2.38603 9.21545 1.35687 9.85364 0.723115C10.4918 0.0893652 11.5282 0.0893652 12.1664 0.723115L23.3864 11.8652C24.0245 12.4989 24.0245 13.5281 23.3864 14.1619L12.1664 25.3039Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1934_46'%3E%3Crect width='24' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 15px;
    height: 15px;
    transition: background-image 0.4s ease-in-out;
}

.blog-listing .bottom-btn .page-numbers:hover.next::after,
.blog-listing .bottom-btn .page-numbers:hover.prev::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1934_46)'%3E%3Cpath d='M2.94542 25.3039C2.30723 25.9377 1.27087 25.9377 0.632689 25.3039C-0.00549274 24.6702 -0.00549274 23.641 0.632689 23.0073L10.6963 13.0135L0.632689 3.01978C-0.00549274 2.38603 -0.00549274 1.35687 0.632689 0.723115C1.27087 0.0893652 2.30723 0.0893652 2.94542 0.723115L14.1681 11.8625C14.8063 12.4962 14.8063 13.5254 14.1681 14.1592L2.94542 25.3039Z' fill='white'/%3E%3Cpath d='M12.1664 25.3039C11.5282 25.9377 10.4918 25.9377 9.85364 25.3039C9.21545 24.6702 9.21545 23.641 9.85364 23.0073L19.9173 13.0135L9.85364 3.01978C9.21545 2.38603 9.21545 1.35687 9.85364 0.723115C10.4918 0.0893652 11.5282 0.0893652 12.1664 0.723115L23.3864 11.8652C24.0245 12.4989 24.0245 13.5281 23.3864 14.1619L12.1664 25.3039Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1934_46'%3E%3Crect width='24' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.blog-listing .bottom-btn .page-numbers.prev::after {
    transform: rotate(180deg);
}

.gmdev-part-box img {
    width: 100%;
}

.gmdev-part-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.gmpart-list-box {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: start;
    gap: 15px;
    position: relative;
    background-color: #FFFFFF;
    padding: 15px;
    border-radius: 10px;
}

.gmpart-list-box::before {
    content: '';
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 32%, #A172A3 69%, #2F76A6 100%);
    border-radius: 10px;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
}

.gmpart-icon {
    width: 100%;
    height: 50px;
    background-color: #2b2b2b;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gmpart-icon img {
    max-width: 30px;
    max-height: 30px;
    filter: brightness(0) invert(1);
}

.gmpart-desc h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 5px;
}

.gmpart-desc p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 0;
    color: #5f5f5f;
}

.gmdev-price-box {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.price-head {
    padding: 20px 25px;
    background-color: #000000;
    border-radius: 10px;
}

.price-head h3 {
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0;
}

.price-desc {
    padding: 20px 25px 25px;
}

.price-desc ul {
    margin-top: 0;
}

.price-shape {
    position: absolute;
    bottom: 35px;
    right: 0;
    width: 440px;
    z-index: -1;
}

.price-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gmdport-slider .swiper-slide {
    transform: scaleY(0.9);
    transition: all 0.5s ease;
}

.gmdport-slider .swiper-slide.swiper-slide-active {
    transform: scaleY(1);
}

.port-box {
    border-radius: 10px;
    overflow: hidden;
}

.port-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.port-content {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: flex;
    justify-content: end;
    flex-direction: column;
}


.port-content h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.port-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: none;
}

.gmdport-slider .swiper-slide-active .port-content p {
    display: block;
}


.sprot-img-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.sprot-img-box img {
    border-radius: 10px;
    width: 100%;
}

.sprot-img-box p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 0;
    line-height: 20px;
}

.whlabel-img img {
    width: 100%;
}

.whlabel-list+.whlabel-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DDDDDD;
}

.whlabel-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.whlabel-top h3 {
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 0;
    font-weight: 700;
}

.whlabel-list p {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 0;
}

.facs-fantasy .row,
.facs-mrgame .row {
    row-gap: 30px;
}

.fantasy-box {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #F5F5F5;
}

.fantasy-box img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    flex: 1;
    object-fit: cover;
}

.fantasy-box h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 700;
    padding: 25px 0;
    color: #000;
    border-radius: 0 0 10px 10px;
}

.mrgame-box {
    overflow: hidden;
}

.mrgame-box img {
    width: 100%;
    border-radius: 10px;
}

.mrgame-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}

.mrgame-box:hover::before {
    opacity: 0;
}

.mrgame-box h3 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
    font-weight: 500;
    padding: 10px 20px 12px;
    color: #000000;
    border-radius: 50px;
    background-color: #FFFFFF;
    right: 15px;
    width: fit-content;
    margin: 0 auto;
}


.tel-tab-swiper {
    max-width: fit-content;
    margin: auto;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 5px;
}

.tel-logos {
    display: none;
}

.custome-pagination {
    position: static;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.custome-pagination>span {
    height: 8px;
    width: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    border-radius: 8px;
    margin: 0 !important;
}

.custome-pagination>span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: rgba(0, 0, 0, 1);
}

/* Portfolio Listing Section */

.portli-box {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    height: 100%;
}

.portli-box:hover {
    background-color: #000000;
}

.portli-img img {
    width: 100%;
    max-width: 100%;
    max-height: 230px;
}

.portli-content {
    padding: 23px 20px 28px;
}

.portli-content h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 15px;
    transition: all 0.4s ease-in-out;
}

.portli-box:hover .portli-content h3 {
    color: #FFFFFF;
}


.portli-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    opacity: 0.8;
    margin-bottom: 15px;
    transition: all 0.4s ease-in-out;
}

.portli-box:hover .portli-content p {
    color: #FFFFFF;
}

.portli-content a {
    color: #000000 !important;
}

.portli-box:hover .portli-content a {
    color: #FFFFFF !important;
}

.portli-box:hover .portli-content a svg {
    transform: rotate(45deg);
}

.trip-box {
    background-color: #FFFFff !important;
}

.blog-desc:has(ul + h3) ul {
    margin-bottom: 15px;
}

.blog-desc ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0px;
}

.blog-desc ul li {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    background-color: #dddddd;
    border: 1px solid #DDDDDD;
    border-radius: 50px;
}

p {
    text-align: unset !important;
}

.isol-img img {
    max-width: 200px;
}

.fash-cta-form .title ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.fash-cta-form .title li {
    padding: 20px;
    border: 1px solid #000000;
    border-radius: 10px;
}

.fash-cta-form .title li h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 4px;
}

.fash-cta-form .title li a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #5C5C5C;
}

.full-img img {
    width: 100%;
}

.carteam-detail .jod-title-block .nf-date {
    margin-bottom: 10px !important;
}

.carteam-detail .jod-title-block h1 {
    margin-bottom: 5px;
}

.carteam-detail .jod-title-block h1 b,
.carteam-detail .jod-title-block h1 strong {
    background: linear-gradient(90deg, #1B9579 0%, #E6942F 24.38%, #A172A3 51.83%, #2F76A6 75.39%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.carteam-detail .jod-title-block h6 {
    font-size: 16px;
    line-height: 24px;
    color: #d4483c;
    font-weight: 700;
    margin-bottom: 25px;
}

.carteam-detail .blde-main p:nth-child(1) {
    margin-bottom: 10px;
}

.carteam-detail .blde-main {
    margin-bottom: 0px;
}

.carteam-detail .blde-main a {
    color: #FFFFFF;
    text-decoration: none;
}

.carteam-detail .blde-main a:hover,
.carteam-detail .blde-main a:focus,
.carteam-detail .blde-main a:active {
    color: #000000;
}

.carteam-detail .lenews-box h3 {
    margin-bottom: 0;
}

.carteam-detail .lenews-box h3 a {
    color: #0077BD;
}

.carteam-detail .lenews-box h3 a span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #d4483c;
    font-weight: 600;
    margin-top: 3px;
}

.case-about .row:nth-child(2n) {
    flex-direction: row-reverse;
    margin-top: 120px;
}

.vid-box {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
}

.vid-box .vid-img {
    position: relative;
    background: #000000;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.vid-box .vid-img img {
    max-width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.vid-box .vid-img a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000000;
    border-radius: 50%;
}

.vid-desc {
    padding: 10px;
}

.vid-desc h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}

.vid-desc p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.gedpopro-content {
    padding: 40px;
    border-radius: 10px;
    background-color: #000000;
}

.gedpopro-stepmain {
    display: grid;
    gap: 32px;
    margin-bottom: 40px;
}

.gedpopro-step {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.gedpopro-num {
    height: 45px;
    min-width: 45px;
    border-radius: 50px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #000000;
}

.gedpopro-desc p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #FFF;
}

.gedpopro-desc p b,
.gedpopro-desc p strong {
    text-decoration: underline;
}

.gedpopro-step:nth-child(1):after {
    display: none;
}

.gedpopro-step::after {
    content: " ";
    height: 100%;
    border-left: 2px dashed #FFF;
    width: 0px;
    margin: 0 auto;
    bottom: 0%;
    top: -91%;
    position: absolute;
    left: 22px;
    z-index: -1;
}

.pripol-main .pripol-content {
    margin-bottom: 0;
}

.swiper-wrapper {
    height: auto !important;
    width: 100% !important;
}

.com-form .confo-box .col-sm-6+p {
    display: none !important;
}

.com-form .file-upload .file-before,
.file-upload .file-after {
    border: 0 !important;
    background-color: #ffffff !important;
    border-radius: 8px;
}

#wpcf7-f20522-o1 .file-upload .file-after {
    border: 1px solid #bdbdbd !important;
}

.file-upload .file-after {
    padding: 20px 40px;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.file-upload .file-after p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    color: #7E7E7E;
}


.grecaptcha-badge {
    display: none !important;
}

/* Responsive Css */

@media screen and (max-width: 1399px) {

    .hb-desc h1,
    .grnt-sitemap-main .title h1 {
        font-size: 55px;
        line-height: 65px;
    }

    .title h2,
    .pripol-main .title h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .default-btn,
    .white-btn,
    .transparent-btn,
    .hservicob-desc .white-btn,
    .black-btn {
        font-size: 13px;
        line-height: 19px;
        padding: 14px 25px 14px 25px;
    }

    .hexceac-desc .default-btn {
        padding: 12px 25px 12px 25px;
    }

    .hservi-acco .accordion-button h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .hservico-btn h3,
    .hservicob-desc h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .home-text-anim h2 {
        font-size: 60px;
    }

    .hucase-desc h3 {
        font-size: 20px;
        line-height: 27px;
    }

    .hwhyb-left h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .hexce-acco .accordion-button h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .hexceac-top h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .hindub-img h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .abgovernb-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .gdexp-tabs .exptab-item {
        font-size: 20px;
        line-height: 24px;
    }

    .gdexp-tabs .exptab-item svg,
    .gdexp-tabs .exptab-item img {
        max-width: 40px;
        max-height: 40px;
    }

    .small-title h2 {
        font-size: 38px;
        line-height: 48px;
    }

    .gdev-solution-main .gdevsolu-desc {
        padding: 30px;
        max-width: 54%;
    }

    .gdevserb-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdevadv-title h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .caropen-desc h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .carrer-btn {
        font-size: 28px;
        line-height: 34px;
    }

    .csocomb-img img,
    .csocomb-img svg {
        max-width: 50px;
        max-height: 50px;
    }

    .csocomb-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdevsolu-desc h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .gdevsolu-desc {
        padding: 30px 40px;
    }

    .bldebande-top ul li {
        font-size: 16px;
    }

    .bldeban-desc h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .bldetai-ribox h3,
    .tabel-contents h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .blde-main h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .blde-main h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .blde-cta {
        padding: 20px;
    }

    .bldecta-cont h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .blde-acco h3 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 0px;
    }

    .nmedia-tabs ul li a {
        font-size: 18px;
        line-height: 24px;
        padding: 15px;
    }

    .nmediainb-desc h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .hcta-main .title p {
        max-width: 100%;
        margin: auto;
    }

    .hbswb-inner {
        max-width: 50%;
    }

    .fumana-box {
        grid-template-columns: 1fr 180px;
    }

    .infinanb-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }
}

@media screen and (max-width: 1199px) {
    .mtb-120 {
        margin: 90px 0;
    }

    .mt-120 {
        margin-top: 90px;
    }

    .mb-120 {
        margin-bottom: 90px;
    }

    .ptb-120 {
        padding: 90px 0;
    }

    .pt-120 {
        padding-top: 90px;
    }

    .pb-120 {
        padding-bottom: 90px;
    }

    .heder-space {
        margin-top: 120px;
    }

    .hb-desc h1,
    .grnt-sitemap-main .title h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .hbswb-desc {
        padding: 30px;
    }

    .hbswb-desc h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .hbswb-desc p {
        font-size: 18px;
        line-height: 25px;
    }

    .title-design {
        padding: 12px 20px;
        margin-bottom: 15px;
    }

    .title h4 {
        font-size: 12px;
        line-height: 16px;
    }

    .title h2,
    .pripol-main .title h1,
    .yu-supp-how .title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .hservi-acco .accordion-button {
        padding: 20px 0px;
    }

    .hservi-acco .accordion-button h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hservi-acco .accordion-button p {
        font-size: 16px;
        line-height: 22px;
    }

    .hservi-tabs ul li a {
        font-size: 16px;
        line-height: 21px;
        padding: 12px 35px;
    }

    .hservico-btn {
        padding: 12px 10px;
    }

    .hservico-inner+.hservico-inner {
        margin-top: 10px;
    }

    .hservico-content {
        padding: 20px;
    }

    .hservico-btn h3,
    .hservicob-desc h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .hservicob-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .hindub-desc {
        padding: 20px;
    }

    .hindub-img h3 {
        font-size: 20px;
        line-height: 26px;
        left: 20px;
        bottom: 20px;
        right: 20px;
    }

    .hindub-desc h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .hindub-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .re-more {
        font-size: 16px;
        line-height: 23px;
    }

    .home-text-anim h2 {
        font-size: 55px;
    }

    .huscaseta-box {
        padding: 12px 30px;
    }

    .huscaseta-box h3 {
        font-size: 16px;
        line-height: 23px;
    }

    .hucaseb-img svg {
        max-width: 60px;
        max-height: 60px;
    }

    .hucase-desc h3 {
        font-size: 19px;
        line-height: 27px;
    }

    .hucase-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .hwhy-tabs ul li a,
    .hexceac-tabs ul li a {
        padding: 12px 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .hwhy-box {
        padding: 0px 20px;
    }

    .hwhyb-left h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .hwhy-box+.hwhy-box {
        padding-top: 20px;
        margin-top: 20px;
    }

    .hwhyb-right p {
        font-size: 16px;
        line-height: 24px;
    }

    .hexce-acco .accordion-button h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .hexceac-desc {
        padding: 20px;
    }

    .dropdown-selected,
    .dropdown-selected1 {
        font-size: 16px;
        line-height: 22px;
    }

    .hexceac-links p {
        font-size: 16px;
        line-height: 24px;

    }

    .hexceacinner-acco .accordion-button {
        font-size: 18px;
        line-height: 26px;
    }

    .hexceacinner-body p {
        font-size: 16px;
        line-height: 23px;
    }

    .hexceactabin-box {
        padding: 25px;
    }

    .hexceactabinb-desc h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .hexceactabinb-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .hexceactablo-box {
        height: 100px;
    }

    .hexceactablo-box img {
        max-height: 50px;
    }

    .hexceactab-inner {
        column-gap: 30px;
        row-gap: 30px;
        margin-top: 30px;
    }

    /* New CSs */
    .hexceactab-logo {
        grid-template-columns: repeat(5, 1fr);
    }

    .hexceactab-logo {
        row-gap: 20px;
        column-gap: 20px;
        margin-top: 30px;
    }

    .hnum-box h3 {
        font-size: 38px;
        line-height: 45px;
    }

    .hnum-box p {
        font-size: 18px;
        line-height: 24px;
    }

    .hcs-desc h3,
    .hcsmb-desc h4,
    .hcsmb-img h3 {
        font-size: 22px;
        line-height: 28px;
    }


    .hcs-desc p,
    .hcsmb-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .hcs-desc ul li,
    .hcsmb-desc ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .default-btn,
    .white-btn,
    .transparent-btn,
    .hservicob-desc .white-btn,
    .black-btn {
        font-size: 12px;
        line-height: 17px;
        padding: 12px 20px 12px 20px;
    }

    .default-btn svg,
    .white-btn svg,
    .transparent-btn svg,
    .hservicob-desc .white-btn svg,
    .black-btn svg {
        max-width: 10px;
    }

    .hcsmb-desc {
        padding: 20px 25px;
    }

    .blog-date {
        font-size: 14px;
        line-height: 22px;
    }

    .blog-desc h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .blog-desc a.arrow-btn,
    .hexceactabinb-desc a.arrow-btn {
        font-size: 12px;
        line-height: 21px;
    }

    .title p {
        font-size: 16px;
        line-height: 24px;
    }

    .hfcta-desc .btn-box {
        flex-wrap: wrap;
    }

    .f-logo img {
        max-width: 150px;
    }

    .f-left p {
        font-size: 16px;
        line-height: 24px;
    }

    .f-top {
        padding: 60px 0px 50px;
    }

    .hfcta-form {
        padding: 20px;
    }

    .hfcta-form .form-control,
    .confo-box div.inputs,
    .eventpopup .form-control {
        padding: 17px;
        font-size: 16px;
        line-height: 24px;
    }

    .dropdown-options li,
    .dropdown-options1 li {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 22px;
    }

    .inb-desc {
        padding: 50px 00px 50px 40px;
        max-width: 65%;
    }

    .abvateb-desc h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .abvateb-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .abvateb-desc li a img {
        max-width: 35px;
    }

    .abmtemb-desc h3 {
        font-size: 16px;
        line-height: 28px;
    }

    .abmtemb-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .abmtem-main {
        row-gap: 30px;
    }

    .abgovern-box {
        padding: 20px;
    }

    .abgovernb-img img {
        max-width: 60px;
    }

    .abgovernb-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .gdexp-tabs ul li {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 15px;
    }

    .gdexp-tabs ul li svg,
    .gdexp-tabs ul li img {
        max-width: 30px;
    }

    .gdexp-content h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdexp-content p {
        font-size: 16px;
        line-height: 22px;
    }

    .hcta-main {
        padding: 50px 30px;
    }

    .gdcra-nub,
    .gdcra-desc h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .gdcra-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .gdgen-icon img {
        max-width: 45px;
        max-height: 45px;
    }

    .gdgen-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .gdexp-tabs .exptab-item::before {
        top: 0px;
    }

    .gdexp-tabs .exptab-item {
        font-size: 15px;
        line-height: 22px;
        padding: 10px 15px;
    }

    .small-title h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .hfaq-acco .accordion-button {
        padding: 20px 0px;
        font-size: 18px;
        line-height: 26px;
    }

    .hfaq-acco .accordion-button::after {
        width: 20px;
        height: 20px;
    }

    .hfaq-acco .accordion-body {
        padding: 0px 0px 20px;
    }

    .gdevab-list ul li::before,
    .case-about ul li::before,
    .case-keyout ul li::before {
        top: 0px;
    }

    .gdevab-list ul li,
    .case-about ul li,
    .case-keyout ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .gdevser-desc h3,
    .gdevser-desc h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .gdevser-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .gdevserb-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .gdevserb-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .gdevlogo-box {
        flex: 0 0 calc(25% - 30px);
    }

    .gdevlogo-box img {
        max-width: 130px;
        max-height: 50px;
    }

    .gdev-solution-main .gdevsolu-desc {
        padding: 20px;
        max-width: 50%;
    }

    .gdevsolu-desc h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .gdevsolu-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .gdevsoluac-acco .accordion-button h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .gdevsoluac-desc p {
        font-size: 15px;
        line-height: 21px;
    }

    .gdevsoluac-acco .accordion-button::after {
        width: 15px;
        height: 15px;
    }

    .gdevproces-box::before {
        top: 30px;
    }

    .gdevprocesb-num {
        width: 60px;
        height: 60px;
        max-width: 60px;
    }

    .gdevprocesb-num h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .gdevprocesb-inbox {
        padding: 15px;
    }

    .gdevprocesb-img img,
    .gdevprocesb-img svg,
    .gdevbussib-img img,
    .gdevbussib-img svg {
        width: 40px;
        height: 40px;
    }

    .gdevprocesb-desc h3,
    .gdevbussib-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .gdevprocesb-desc p,
    .gdevbussib-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .gdevbussi-main .row {
        row-gap: 55px;
    }

    .gdevbussi-main .row .col-xl-3:nth-child(3) .gdevbussi-box::before,
    .gdevbussi-main .row .col-xl-3:nth-child(7) .gdevbussi-box::before {
        background-image: url("data:image/svg+xml,%3Csvg width='619' height='71' viewBox='0 0 619 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M608.5 8V27C609 30 608 36 600 36H13.5C12.3333 36.1667 10 37.2 10 40V60.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='609' cy='10' r='10' fill='%231B9579'/%3E%3Ccircle cx='10' cy='61' r='10' fill='%231B9579'/%3E%3C/svg%3E%0A");
        top: auto;
        bottom: -100px;
        right: 130px;
        width: 660px;
        height: 71px;
        left: auto;
    }

    .gdevbussi-main .col-xl-3:nth-child(4) .gdevbussi-box::before {
        top: 50%;
        transform: translateY(-50%);
        right: -35px;
        background-image: url("data:image/svg+xml,%3Csvg width='162' height='21' viewBox='0 0 162 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_922_128)'%3E%3Cpath d='M0 10.0008H173.168C174.806 9.97769 178.066 10.4446 177.999 12.4969V48.7604C178.027 49.5925 177.099 51.2011 173.168 50.9792H0' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='151.093' cy='10.1729' r='10.1729' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_922_128'%3E%3Crect width='162' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        left: auto;
        width: 62px;
        height: 21px;
        z-index: -2;
        background-size: cover;
    }

    .gdevbussi-main .col-xl-3:nth-child(n+5) .gdevbussi-box::before {
        transform: translateY(-50%) rotate(00deg);
        right: -35px;
        left: auto;
    }

    .gdevbussi-main .col-xl-3:nth-child(1) {
        order: 1;
    }

    .gdevbussi-main .col-xl-3:nth-child(2) {
        order: 2;
    }

    .gdevbussi-main .col-xl-3:nth-child(3) {
        order: 3;
    }

    .gdevbussi-main .col-xl-3:nth-child(4) {
        order: 4;
    }

    .gdevbussi-main .col-xl-3:nth-child(5) {
        order: 8;
    }

    .gdevbussi-main .col-xl-3:nth-child(6) {
        order: 7;
    }

    .gdevbussi-main .col-xl-3:nth-child(7) {
        order: 6;
    }

    .gdevbussi-main .col-xl-3:nth-child(8) {
        order: 5;
    }

    .gdevserb-img {
        min-height: 45px;
    }

    .gdevserb-img img,
    .gdevserb-img svg,
    .imethod-img img,
    .imethod-img svg,
    .hr-exper .imethod-img img {
        width: 45px;
        height: 45px;
    }

    .gdevadv-title h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .gdevadvanb-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .caropen-desc h3,
    .carrer-btn {
        font-size: 24px;
        line-height: 32px;
    }

    .carrer-btn svg {
        max-width: 20px;
        max-height: 20px;
    }

    .caropen-inbox {
        padding: 10px 20px;
        grid-template-columns: 30px auto;
    }

    .caropeninb-img img {
        max-width: 30px;
        max-height: 30px;
    }

    .caropen-desc p,
    .caropen-desc ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .carelife-main {
        gap: 20px;
    }

    .careproc-box {
        grid-template-columns: 50px auto;
        gap: 20px;
    }

    .careproc-num {
        width: 50px;
        height: 50px;
    }

    .careproc-num h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .careproc-desc h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .caropen-inbox p {
        font-size: 16px;
        line-height: 24px;
    }

    .careproc-box+.careproc-box {
        margin-top: 30px;
    }

    .careproc-box+.careproc-box::before {
        left: 25px;
    }

    .careproc-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    body:has(header.sticky) .top-nav {
        top: 80px;
    }

    .top-nav li a {
        font-size: 18px;
        line-height: 24px;
    }

    .top-nav li::before {
        height: 3px;
    }

    .inner-banner {
        margin-bottom: 70px;
    }

    .csproj-desc h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .csproj-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .csproj-main {
        gap: 20px;
        margin-top: 20px;
    }

    .csproj-box h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .csproj-box p {
        font-size: 16px;
        line-height: 23px;
    }

    .csproc-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .csproc-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .csocom-main {
        padding: 50px 30px;
    }

    .csocom-box {
        padding: 20px 15px;
    }

    .csocomb-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .confo-tabs ul li a {
        font-size: 18px;
        line-height: 25px;
    }

    .coninfob-img img,
    .coninfob-img svg {
        max-width: 50px;
        max-height: 50px;
    }

    .coninfob-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .coninfob-desc ul li {
        font-size: 16px;
        line-height: 23px;
    }

    .gdevsolu-desc {
        padding: 30px;
    }

    .gdevsolu-desc h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .gdevsolu-desc ul {
        column-gap: 10px;
        row-gap: 10px;
    }

    .gdevsolu-desc ul li {
        padding: 8px 12px;
        font-size: 11px;
        line-height: 14px;
    }

    .insolu-acco .accordion-body {
        padding: 15px;
    }

    .insolu-acco .accordion-body ul li {
        font-size: 14px;
        line-height: 16px;
    }

    .indu-method-head h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .uspf-box+.uspf-box {
        margin-top: 15px;
    }

    .uspf-box h3,
    .indu-method .uspf-box h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .uspf-box p {
        font-size: 16px;
        line-height: 23px;
    }

    .isol-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .indu-what .gdevbussib-num {
        width: 60px;
        height: 60px;
        font-size: 24px;
        line-height: 30px;
    }

    .indu-what .gdevbussi-box::after {
        top: 30px;
    }

    .bldebande-top ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .bldeban-desc h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .bldemt-other {
        grid-template-columns: 50px auto;
        gap: 15px;
    }

    .bldemto-img img {
        max-width: 50px;
    }

    .bldemto-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .blde-main p,
    .blde-main ul,
    .blde-main ol {
        margin-bottom: 15px;
    }

    .blde-main ol li,
    .blde-main p,
    .blde-main ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .bldetai-ribox h3,
    .tabel-contents h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .blde-main h2,
    .blde-acco h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .blde-main h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .bldecta-cont h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .blde-acco-inner .accordion-button {
        font-size: 16px;
        line-height: 22px;
    }

    .bldeaut-main {
        grid-template-columns: 60px auto;
        gap: 15px;
    }

    .bldeaut-img img {
        max-width: 60px;
    }

    .bldeaut-desc h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .bldeaut-desc h5 {
        font-size: 16px;
        line-height: 22px;
    }

    .bldem-author p {
        font-size: 14px;
        line-height: 21px;
    }

    .bldem-author>a {
        padding: 20px;
    }

    .blde-acco,
    .bldem-author,
    .blde-soical {
        margin: 30px 0px;
    }

    .blde-soical li>a {
        width: 45px;
        height: 45px;
    }

    .infinan-box {
        grid-template-columns: 80px auto;
        padding: 20px;
        height: 100%;
    }

    .infinanb-img {
        width: 80px;
        min-height: 80px;
    }

    .infinanb-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .infinanb-desc p {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .download-btn {
        font-size: 15px;
        line-height: 20px;
    }

    .invshol-desc h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .invshol-desc p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .infinanb-desc a {
        font-size: 14px;
        line-height: 22px;
    }

    .nf-date,
    .lenews-box p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .news-featured-desc h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .news-featured-desc p,
    .news-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .lenews-head h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .lenews-box h3 {
        font-size: 18px;
        line-height: 26px;
    }

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

    .social-icons a {
        min-height: 35px;
        min-width: 35px;
    }

    .nmedia-box .row {
        row-gap: 30px;
    }

    .nmedia-tabs ul {
        gap: 20px;
    }

    .nmedia-tabs ul li a {
        font-size: 16px;
        line-height: 22px;
        padding: 15px;
    }

    .nmediainb-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .nmediainb-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .scroll-item a {
        font-size: 14px;
        line-height: 20px;
    }

    .other-publications h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .other-publications ul li a {
        font-size: 16px;
        line-height: 18px;
    }

    /* Header */
    header .navbar-brand img {
        max-width: 150px;
    }

    header .navbar-nav>.menu-item:not(:last-child)>a {
        font-size: 16px;
        line-height: 22px;
    }

    header .navbar-nav>.menu-item+.menu-item {
        margin-left: 22px;
    }

    header .navbar-nav>.menu-item:last-child>a {
        font-size: 13px;
        line-height: 13px;
        padding: 14px 35px;
    }

    .mega-menu-inner,
    .sub-menu-inner {
        padding-top: 30px;
    }

    .mega-menu-wrap ul .menu-item>a {
        font-size: 16px;
    }

    .mega-tab-main ul .menu-item>a,
    .sub-menu-wrap ul .menu-item>a {
        font-size: 15px;
        line-height: 21px;
    }

    .portli-content h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .portli-content p {
        font-size: 15px;
        line-height: 16px;
    }

    .vid-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .vid-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .cd-objective .row {
        row-gap: 30px;
    }

    .vr-sol-process {
        padding: 15px;
        border-radius: 20px;
    }

    .gdevadvan-box {
        padding: 20px 10px;
    }

    .gdev-advance .title h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .yu-it-tabs .tab-item {
        font-size: 16px;
        line-height: 20px;
    }

    .yu-it-tabs-content-box h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .yu-it-tabs-content-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .aisuc-desc {
        padding: 20px;
    }

    .aisuc-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .viser-indu-main {
        gap: 20px;
    }

    .viser-indu-box a {
        padding: 12px 15px;
        font-size: 20px;
        line-height: 26px;
    }

    .gdev-indu-mission .title h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .hrpart-box {
        grid-template-columns: 1fr;
    }

    .hrpart-desc {
        padding: 0px 15px 15px 15px;
    }

    .hrpart-desc h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .hrpart-desc p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .hrgdevserb-img img {
        width: 100%;
    }

    .hbswb-inner {
        max-width: 50%;
    }

    .indu-solution .isol-tabs {
        width: 100% !important;
    }

    .inb-main::before {
        width: 70%;
    }

    .whlabel-top {
        margin-bottom: 10px;
    }

    .whlabel-top img {
        max-height: 45px;
        max-width: 45px;
    }

    .whlabel-list+.whlabel-list {
        margin-top: 15px;
        padding-top: 15px;
    }

    .whlabel-top h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .whlabel-list p {
        font-size: 16px;
        line-height: 24px;
    }

    .fantasy-box h3 {
        font-size: 16px;
        line-height: 16px;
        padding: 20px 0;
    }

    .mrgame-box h3 {
        bottom: 10px;
        left: 10px;
        right: 10px;
        font-size: 12px;
        line-height: 14px;
        padding: 10px 20px 10px;
        width: auto;
    }

    .gmpart-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .gmpart-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .price-shape {
        bottom: 110px;
        width: 320px;
    }

    .hr-home-logo.home-logo .hlogo-swiper:has(.swiper-slide:nth-child(5)) .swiper-wrapper {
        justify-content: left;
    }

    .note-contact p {
        font-size: 16px;
        line-height: 22px;
    }

    .reviewapp-list img {
        max-width: 180px;
    }

    .case-about .row:nth-child(2n) {
        margin-top: 90px;
    }

    .custom-theme-btn,
    .has-spinner,
    .custom-btn-click {
        font-size: 12px;
        line-height: 17px;
        padding: 12px 20px 12px 20px;
    }

    .mt-50 {
        margin-top: 35px;
    }

    .cd-objective .gdevser-box {
        padding: 20px;
    }

    .process-content h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .process-content p {
        font-size: 20px;
        line-height: 28px;
    }

    .full-cyc-process .title h5 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .process-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .process-icon img {
        max-width: 45px;
        max-height: 45px;
    }

    .fumana-box {
        grid-template-columns: 1fr 100px;
    }

    .fumana-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .fumana-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .fuall-award-box {
        padding: 20px;
    }

    .fuall-award-desc h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .award-list-box {
        padding: 15px;
    }

    .award-list-img img {
        max-width: 80px;
        max-height: 50px;
    }

    .fuall-award-list-main ul li {
        padding: 6px 15px;
        font-size: 15px;
        line-height: 21px;
    }

    .award-list-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .gmpart-icon img {
        max-width: 25px;
        max-height: 25px;
    }

    .gmdev-gami-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .fash-cta-form .title .cta-list li {
        font-size: 16px;
        line-height: 22px;
    }

    .sub-menu-inner.small-menu {
        min-width: 300px;
        left: 0;
        transform: translateX(-0%) !important;
    }

    .sub-menu-inner.small-menu .sub-menu-wrap .menu-item a {
        padding: 11px 20px;
        font-size: 15px;
        line-height: 20px;
    }

    .sub-menu-inner.small-menu {
        min-width: 260px;
        left: -100px;
    }

    .sub-menu {
        min-width: 230px;
    }

    .sub-menu-inner.small-menu {
        padding-top: 37px;
    }

    header.sticky .sub-menu-inner.small-menu {
        padding-top: 27px;
    }

    .fleft-grid {
        display: grid;
        align-content: start;
        grid-template-columns: 2fr 1fr;
        gap: 30px;
    }
}

@media screen and (max-width: 991px) {
    img {
        max-width: 100%;
    }

    .mtb-120 {
        margin: 70px 0;
    }

    .mt-120 {
        margin-top: 70px;
    }

    .mb-120 {
        margin-bottom: 70px;
    }

    .ptb-120 {
        padding: 70px 0;
    }

    .pt-120 {
        padding-top: 70px;
    }

    .pb-120 {
        padding-bottom: 70px;
    }

    .ptb-80 {
        padding: 60px 0;
    }

    .mt-50 {
        margin-top: 30px;
    }


    .heder-space {
        margin-top: 85px;
    }

    .html-service .row {
        row-gap: 15px;
    }

    .gdevser-main .row {
        row-gap: 30px;
    }

    .row {
        row-gap: 30px;
    }

    .hb-desc h1,
    .grnt-sitemap-main .title h1 {
        font-size: 44px;
        line-height: 54px;
    }

    .hb-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .hbswb-desc {
        padding: 20px;
    }

    .hbswb-desc h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .hbswb-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .title-design {
        padding: 10px 16px;
    }

    .title h4 {
        font-size: 10px;
        line-height: 12px;
    }

    .hbswb-desc {
        padding: 20px;
    }

    .hbswb-desc h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .hbswb-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .title h2,
    .pripol-main .title h1,
    .yu-supp-how .title h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .hservi-acco {
        margin-top: 10px;
    }

    .hservi-acco .accordion-button {
        padding: 15px 0px;
    }

    .hservi-acco .accordion-button::after {
        width: 15px;
        height: 15px;
    }

    .hservi-acco .accordion-button h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .hservi-tabs ul li a,
    .hwhy-tabs ul li a,
    .hexceac-tabs ul li a {
        font-size: 14px;
        line-height: 19px;
        padding: 10px 25px;
    }

    .hservi-tabs-content {
        margin-top: 0px;
    }


    .hservico-btn h3 b,
    .hservico-btn h3 strong {
        margin-right: 5px;
    }

    .hservico-btn::after {
        width: 15px;
        height: 15px;
    }

    .hservico-inner {
        column-gap: 30px;
        row-gap: 0px;
    }

    .hservico-btn h3,
    .hservicob-desc h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .hservicob-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .hservicob-desc ul li {
        font-size: 13px;
        line-height: 20px;
    }

    .default-btn,
    .white-btn,
    .transparent-btn,
    .hservicob-desc .white-btn,
    .black-btn {
        font-size: 12px;
        line-height: 17px;
        padding: 9px 15px 10px 15px !important;
    }

    .home-blog .row+.row:nth-child(2),
    .home-industry .row+.row,
    .gdev-advance .row+.row,
    .ab-governance .row+.row,
    .cd-objective .row+.row,
    .invest-finance .row:nth-child(2),
    .contact-info .row+.row {
        margin-top: 30px;
    }

    .hindub-img h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .hindub-desc h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .home-text-anim h2 {
        font-size: 45px;
    }

    .huscaseta-box {
        padding: 10px 25px;
    }

    .huscaseta-box h3 {
        font-size: 14px;
        line-height: 19px;
    }

    .hwhy-tabs {
        margin: 30px 0px;
    }

    .hwhy-box {
        grid-template-columns: 30% auto;
        padding: 0px 15px;
        gap: 30px;
    }

    .hwhyb-left h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .hexce-acco .accordion-button {
        grid-template-columns: 35px auto;
        gap: 18px;
        padding: 20px 0px;
    }

    .hexce-acco .hexceac-img img {
        max-width: 35px;
    }

    .hexce-acco .accordion-button h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .hexce-acco .accordion-button::after {
        width: 15px;
        height: 10px;
    }

    .hexceac-desc .default-btn {
        margin-top: 20px;
    }


    .hexceac-top h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .hexce-acco .accordion-button {
        padding: 15px 0px;
        font-size: 16px;
        line-height: 24px;
    }

    .hexceactabin-box {
        padding: 20px;
    }

    .hexceactabinb-desc h3 {
        font-size: 18px;
        line-height: 28px;
    }

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

    .hexceacinner-body {
        padding: 0 0 20px;
    }

    .hnum-box {
        text-align: center;
    }

    .hnum-box h3 {
        font-size: 32px;
        line-height: 38px;
    }

    .hnum-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .home-case .row+.row:nth-child(2) {
        margin-top: 30px;
        row-gap: 30px;
    }

    .hcs-desc h3,
    .hcsmb-desc h4,
    .hcsmb-img h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .hcs-desc p,
    .hcsmb-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .hcs-desc ul {
        margin-bottom: 20px;
    }

    .blog-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .hfcta-desc {
        padding: 40px 0px 0;
    }

    .home-fcta::before,
    .home-fcta::after {
        top: 0;
    }

    .f-top {
        padding: 30px 0px 40px;
    }

    .flink-grid {
        margin-top: 30px;
    }

    .flink-md-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .f-bottom-main {
        padding: 20px 0;
    }

    .f-bottom-main .row {
        gap: 15px;
    }

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

    .fbo-social ul {
        justify-content: center;
    }

    .flink-box+.flink-box {
        margin-top: 0px;
    }

    .huscase-main-tabs {
        margin-top: 30px;
    }

    .inner-banner {
        margin-bottom: 50px;
    }

    .inb-main {
        min-height: auto;
    }

    .inb-desc {
        padding: 30px 0px 30px 30px;
        max-width: 70%;
    }

    .inb-desc h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .inb-desc p {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 30px;
    }

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

    .abint-img img {
        width: 60%;
    }

    .abvateb-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .abvateb-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .abvateb-desc ul {
        margin-top: 15px;
    }

    .ab-vateam .row+.row,
    .carrer-process .row+.row {
        margin-top: 30px;
    }

    .abmtem-main {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 30px;
    }

    .abaward-main {
        column-gap: 30px;
        row-gap: 30px;
        margin: 30px auto 0px;
    }

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

    .gdevab-img img {
        width: auto;
    }

    .gdexp-tabs {
        padding: 5px;
        border: 1px solid #000000;
        border-radius: 50px;
    }

    .gdexp-tabs .swiper-wrapper {
        flex-direction: unset;
    }

    .gdexp-tabs .swiper-wrapper .swiper-slide {
        width: auto !important;
    }

    .gdexp-tabs .exptab-item svg,
    .gdexp-tabs .exptab-item img {
        max-width: 30px;
        max-height: 30px;
    }

    .gdexp-tabs .exptab-item {
        font-size: 14px;
        line-height: 21px;
        border-radius: 50px;
    }

    .btn-box {
        gap: 20px;
    }

    .gdcra-main {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
    }

    .gdcra-box:nth-child(2) {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.6);
    }

    .gdcra-main::before {
        display: none;
    }

    .small-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .b-block h2 b {
        display: inline;
    }

    .gdevab-img img {
        width: 100%;
    }


    .gdevser-desc h3,
    .gdevser-desc h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .gdev-logos .title h3 {
        font-size: 18px;
        line-height: 26px;
    }


    .gdev-logos {
        margin-top: 30px;
    }

    .gdevlogo-main {
        margin-top: 0;
        gap: 20px;
    }

    .gdev-tab-main:haS(.title) .gdevlogo-main {
        margin-top: 30px;
    }

    .gdevlogo-box {
        flex: 0 0 calc(25.6% - 20px);
        height: 85px;
    }

    .gdevlogo-box img {
        max-width: 100px;
        max-height: 40px;
    }

    .gdevsolu-main {
        margin-top: 30px;
    }

    .gdevsolu-desc h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .gdev-solution-main .gdevsolu-desc {
        padding: 20px;
        max-width: 100%;
    }

    .gdevsoluac-acco .accordion-button {
        padding: 12px 50px 12px 15px;
    }

    .gdevsoluac-acco .accordion-button h5 {
        font-size: 16px;
        line-height: 25px;
    }

    .gdevsoluac-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .gdev-solution-main .gdevsolu-img {
        display: none !important;
    }

    .gdevsoluac-desc {
        padding: 0px 15px 15px;
    }

    .gdev-process .row+.row {
        margin-top: 30px;
    }

    .gdevproces-box {
        display: flex;
        column-gap: 20px;
        align-items: center;
        width: 100%;
    }

    .gdevproces-box::before {
        top: 50%;
        left: 30px;
        right: auto;
        bottom: -50%;
        border-left: 2px dashed #000000;
        border-top: none;
    }

    .gdevprocesb-num {
        max-width: auto;
        min-width: 60px;
        margin: 0;
    }

    .gdevprocesb-inbox {
        height: auto;
    }

    .gdevbussi-main .row {
        row-gap: 45px;
    }

    .gdevbussi-box::before {
        right: -33px !important;
        height: 16px !important;
    }

    .gdevbussi-main .row .col-xl-3:nth-child(3) .gdevbussi-box::before,
    .gdevbussi-main .row .col-xl-3:nth-child(7) .gdevbussi-box::before {
        bottom: -80px !important;
        right: 100px !important;
        width: 500px !important;
        height: 57px !important;
    }

    .gdevbussi-box {
        padding: 15px;
    }

    .gdevprocesb-desc h3,
    .gdevbussib-desc h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .gdevprocesb-desc p,
    .gdevbussib-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .hcta-main .title p {
        max-width: 100%;
    }

    .gdevbussi-main {
        margin-top: 30px;
    }

    .gdevadvan-box {
        padding: 25px;
    }

    .gdevadvanb-img img,
    .gdevadvanb-img svg {
        width: 45px;
        height: 45px;
    }

    .gdevadvanb-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .caropen-desc h3,
    .carrer-btn {
        font-size: 22px;
        line-height: 30px;
        gap: 10px;
    }

    .caropen-inmain {
        gap: 8px;
        margin-top: 20px;
    }

    .caropen-box {
        padding: 20px 0px;
    }

    .caropen-inbox {
        padding: 6px 15px;
        grid-template-columns: 25px auto;
    }

    .caropeninb-img img {
        max-width: 25px;
        max-height: 25px;
    }

    .caropen-inbox p {
        font-size: 14px;
        line-height: 22px;
    }

    .caropen-btn {
        margin-left: 0;
    }

    .carrer-btn svg {
        max-width: 15px;
        max-height: 15px;
    }

    .carelife-main {
        gap: 15px;
    }

    .careproc-desc h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .carelife-main {
        margin-top: 30px;
    }

    .carelife-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .carelife-box:nth-child(1),
    .carelife-box:nth-child(6) {
        grid-column: span 1;
    }

    body:has(header.sticky) .top-nav {
        top: 68px;
    }

    .csproj-desc h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .csproj-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .cd-objective .gdevser-box {
        padding: 20px;
    }

    .csproc-main {
        margin-top: 30px;
        padding-left: 40px;
    }

    .csproc-main::before {
        left: 15px;
    }

    .csproc-box:nth-child(2n),
    .csproc-box {
        max-width: 100%;
        margin-left: 0;
        text-align: left;
    }

    .csproc-box+.csproc-box {
        margin-top: 20px;
    }

    .csproc-box::before {
        background-image: url("data:image/svg+xml,%3Csvg width='31' height='11' viewBox='0 0 31 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.33325C0.447715 4.33325 0 4.78097 0 5.33325C0 5.88554 0.447715 6.33325 1 6.33325V5.33325V4.33325ZM19.6462 5.33325C19.6462 8.27877 22.034 10.6666 24.9795 10.6666C27.925 10.6666 30.3128 8.27877 30.3128 5.33325C30.3128 2.38773 27.925 -8.15392e-05 24.9795 -8.15392e-05C22.034 -8.15392e-05 19.6462 2.38773 19.6462 5.33325ZM1 5.33325V6.33325H24.9795V5.33325V4.33325H1V5.33325Z' fill='black'/%3E%3C/svg%3E%0A") !important;
        top: 50%;
        width: 34px;
        left: -32px !important;
        transform: translateY(-50%) rotate(-180deg);
    }

    .csocom-main .row+.row {
        margin-top: 30px;
    }

    .confo-box {
        padding: 30px;
    }

    .coninfo-box {
        padding: 20px;
    }

    .coninfob-img img,
    .coninfob-img svg {
        max-width: 40px;
        max-height: 40px;
    }

    .confo-tabs ul li a {
        padding: 15px;
    }

    .gdevsolu-desc {
        padding: 30px;
    }

    .gdev-solution .gdevsolu-img {
        display: block;
    }

    .gdevsolu-desc h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .indu-method .row {
        flex-direction: column-reverse;
    }

    .isol-tabs .isol-item {
        padding: 9px 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .isol-main {
        margin-top: 0px;
    }

    .indu-what .gdevbussi-box::before {
        right: -25px !important;
        height: 30px !important;
    }

    .indu-what .gdevbussi-main .row .col-lg-3:nth-child(2) .gdevbussi-box::before {
        display: none;
    }

    .indu-what .row {
        row-gap: 30px;
    }

    .indu-what .gdevbussib-num {
        width: 45px;
        height: 45px;
        font-size: 18px;
        line-height: 18px;
    }

    .indu-what .gdevbussi-box::after {
        top: 22px;
    }

    .bldeban-desc {
        max-width: 100%;
    }

    .blde-main h2,
    .blde-acco h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .blde-main h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .bldecta-cont h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .invshol-desc h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .bottom-btn {
        margin-top: 30px;
    }

    .carrer-openings .bottom-btn {
        margin-top: 10px;
    }

    .news-featured-desc h1 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }

    .news-featured-desc p,
    .news-desc p {
        margin-bottom: 10px;
    }

    .news-desc p:has(img) {
        margin-top: 20px;
    }

    .lenews-head h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .nmedia-inbox {
        padding: 15px;
    }

    .nmediainb-desc {
        margin: 20px 0px 0px;
    }

    .nmediainb-desc h5 {
        margin-bottom: 8px;
    }

    .nmediainb-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .nmedia-tabs ul {
        gap: 10px;
    }

    .nmedia-tabs ul li a {
        font-size: 12px;
        line-height: 18px;
        padding: 14px;
    }

    .nmedia-main {
        margin-top: 30px;
    }

    .other-publications ul {
        gap: 10px 10px;
    }

    .other-publications ul li a {
        font-size: 16px;
        line-height: 16px;
    }

    /* Header */
    header {
        padding: 20px 0px;
    }

    header.sticky {
        padding: 15px 0;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
        background: transparent;
        height: 30px;
        width: 30px;
        box-shadow: none !important;
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 5px;
        flex-direction: column;
    }

    .navbar-toggler .icon-bar {
        width: 100%;
        height: 3px;
        background: #000000;
        display: block;
        border-radius: 10px;
    }

    .navbar-toggler .icon-bar:nth-child(1) {
        width: 75%;
    }

    .navbar-toggler .icon-bar:nth-child(3) {
        width: 50%;
    }

    header .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        min-width: 60%;
        background-color: #FFFFFF;
        display: block !important;
        transition: all 0.4s ease-in-out;
        padding-top: 80px;
        overflow-y: auto;
    }

    header .navbar-collapse.show {
        right: 0;
    }

    .header-mob-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: 15px;
        right: 15px;
        left: 15px;
    }

    .header-mob-logo img {
        max-width: 150px;
    }

    .close-btn {
        border: none;
        background-color: transparent;
        padding: 0;
        width: 35px;
        height: 35px;
        background-color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
    }

    header .menu-item {
        width: 100%;
    }

    header .navbar-nav>.menu-item+.menu-item {
        margin-left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.6);
    }

    header .navbar-nav>.menu-item:not(:last-child)>a {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        padding: 17px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header .navbar-nav>.menu-item:not(:last-child)>a::before {
        display: none;
    }

    header .navbar-nav>.menu-item.menu-item-has-children>a:hover::after,
    .sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children>a:hover::after {
        transform: rotate(0deg);
    }

    header .navbar-nav>.menu-item:last-child>a {
        font-size: 16px;
        line-height: 16px;
        padding: 17px 20px;
        background-color: transparent !important;
        color: #000000 !important;
        font-weight: 400 !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: capitalize;
        outline: none !important;
    }

    .mega-menu-inner,
    .sub-menu-inner,
    .sub-menu {
        position: static;
        min-width: 100%;
        padding-top: 0;
        visibility: visible;
        transform: translateX(0%) rotateX(0deg) !important;
        opacity: 1;
        display: none;
    }

    header .navbar-nav>.menu-item.menu-mob-open .mega-menu-inner,
    header .navbar-nav>.menu-item.menu-mob-open .sub-menu-inner,
    .sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-mob-open .sub-menu {
        display: block;
    }



    .mega-menu-wrap,
    .sub-menu-wrap,
    .sub-menu {
        background: #f2f2f2;
        backdrop-filter: blur(0px);
        box-shadow: none;
        border-radius: 0px;
        padding: 0;
        height: auto;
    }

    .sub-menu {
        background: #d8d8d8;
    }

    .mega-menu-wrap>ul {
        width: 100%;
        border-right: none;
        border-top: 1px solid rgba(0, 0, 0, 0.6);
        height: fit-content;
    }

    .mega-menu-wrap>ul>.menu-item+.menu-item {
        margin-top: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.6);
    }

    .mega-menu-wrap ul .menu-item {
        position: relative;
        width: 100%;
    }

    header .navbar-nav>.menu-item.menu-item-has-children.menu-mob-open>a::after,
    .sub-menu-inner.small-menu .sub-menu-wrap .menu-item.menu-item-has-children.menu-mob-open>a::after {
        transform: rotate(45deg);
    }

    .mega-menu-wrap>ul>.menu-item>a {
        font-size: 16px;
        line-height: 16px;
        font-weight: 400 !important;
        padding: 17px 20px;
        /* width: 80%; */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mega-menu-wrap>ul>.menu-item>a::after {
        content: "";
        position: absolute;
        top: 20px;
        right: 20px;
        display: inline-block;
        height: 11px;
        width: 11px;
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1452_53)'%3E%3Cpath d='M10.2201 4.72012H6.27988V0.779883C6.27988 0.348047 5.92969 0 5.5 0C5.07031 0 4.72012 0.348047 4.72012 0.779883V4.72012H0.779883C0.348047 4.72012 0 5.07031 0 5.5C0 5.92969 0.348047 6.27988 0.779883 6.27988H4.72012V10.2201C4.72012 10.6498 5.06816 11 5.5 11C5.92969 11 6.27988 10.652 6.27988 10.2201V6.27988H10.2201C10.6498 6.27988 11 5.93184 11 5.5C11 5.07031 10.652 4.72012 10.2201 4.72012Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1452_53'%3E%3Crect width='11' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 8px;
        transition: all 0.4s ease-in-out;
    }

    .mega-menu-wrap>ul>.menu-item.menu-tab-mob-open>a::after {
        transform: rotate(45deg);
    }

    .mega-tab-main {
        display: none;
        position: static;
        width: 100%;
        padding: 0;
        height: auto;
    }

    .mega-menu-wrap ul .menu-item.menu-tab-mob-open .mega-tab-main {
        display: block;
    }

    header.sticky .mega-menu-inner,
    header.sticky .sub-menu-inner {
        padding-top: 0px;
    }

    .mega-tab-main ul,
    .sub-menu-wrap ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.6);
        padding: 20px 30px;
    }

    .mega-tab-main ul .menu-item>a,
    .sub-menu-wrap ul .menu-item>a {
        font-size: 16px;
        line-height: 22px;
    }

    .mega-tab-main ul .menu-item>a>span,
    .sub-menu-wrap ul .menu-item>a>span {
        min-width: 35px;
        height: 35px;
    }

    .mega-tab-main ul .menu-item>a>span svg,
    .mega-tab-main ul .menu-item>a>span img,
    .sub-menu-wrap ul .menu-item>a>span svg,
    .sub-menu-wrap ul .menu-item>a>span img {
        max-width: 18px;
        max-height: 18px;
    }

    .hfcta-form .row {
        row-gap: 0;
    }

    .new-inner-banner .inb-main {
        padding: 30px;
    }

    .csoutcome-desc ul li::before,
    .invshol-desc ul li::before {
        top: 0px;
    }

    .new-inner-banner .inb-img img {
        max-height: 350px;
    }

    .vr-sol-process {
        border-radius: 30px;
    }

    .gdev-right-img img {
        width: auto;
        margin: 0 auto;
        display: block;
    }

    .gdev-process-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .custom-swiper-nav {
        justify-content: space-between;
    }

    .yu-it-tabs-main {
        padding: 10px;
    }

    .yu-it-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .yu-it-tabs .tab-item {
        font-size: 14px;
        line-height: 17px;
        border: 1px solid #408BBE;
    }

    .yu-it-tabs .tab-item+.tab-item {
        margin-top: 0;
    }

    .ai-key-concepts .gdexp-tabs {
        border-radius: 0;
    }

    .viser-indu-box a {
        padding: 10px 12px;
        font-size: 18px;
        line-height: 24px;
    }

    .inner-event-banner .inb-desc {
        padding-bottom: 0;
    }

    .event-countdown {
        gap: 20px;
        padding: 0 30px 30px;
    }

    .emeet-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .emeet-desc p {
        font-size: 12px;
        line-height: 20px;
    }

    .event-innovative .hexceactablo-box img {
        max-height: 40px;
        max-width: 40px;
    }

    .event-innovative .hexceactablo-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .gdevsolu-img img {
        object-position: center;
    }

    .indu-what .gdevbussi-main .col-md-3:nth-child(4) .gdevbussi-box::before {
        display: none !important;
    }

    .gdev-indu-mission .title h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .gdev-moadal-main {
        justify-content: start;
    }

    .hr-exper .row {
        flex-direction: column;
    }

    .indu-method .title {
        margin-bottom: 0px;
    }

    .hrwopro-box h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .hrwopro-box p {
        font-size: 16px;
        line-height: 23px;
    }

    .gdexp-v-tabs .custom-swiper-nav {
        display: block;
    }

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

    .gdevab-img img,
    .uspf-img img {
        width: auto;
    }

    .sol-logo .gdevlogo-main {
        margin-top: 30px;
    }

    .ser-indu-method .title {
        margin-bottom: 30px;
    }

    .ser-indu-method .title p {
        margin-bottom: 20px;
    }

    .uspf-img img {
        width: 100%;
    }

    .indu-solu-ab .row:nth-child(1) {
        flex-direction: column-reverse;
        row-gap: 10px;
    }

    .inb-desc {
        max-width: 75%;
    }

    .inb-main::before {
        width: 75%;
    }

    .sergdev-about .gdevab-img img {
        width: 100%;
    }

    .gdevsolu-desc,
    .event-industry .gdevsolu-desc {
        max-width: 100%;
        width: 100%;
    }

    .gdev-solution .gdevsolu-img,
    .new-inner-banner .inb-main::before {
        display: none;
    }

    .whlabel-img img {
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .mrgame-box h3 {
        font-size: 11px;
        line-height: 13px;
        padding: 8px 5px 8px;
    }

    .gmdev-part .row .col-lg-4 {
        display: none;
    }

    .price-head {
        padding: 15px 20px;
    }

    .price-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .price-shape {
        bottom: auto;
        width: 320px;
        top: -130px;
        right: -13px;
    }

    .hrpart-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdevsolu-box {
        margin-bottom: 30px;
    }

    .evcoreexpcon-desc h3 a {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .note-contact p {
        font-size: 14px;
        line-height: 20px;
    }

    .reviewapp-list img {
        max-width: 150px;
    }

    .caropen-main {
        margin-top: 10px;
    }

    .blde-main h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .case-about .row {
        flex-direction: column-reverse;
    }

    .case-about .row:nth-child(2n) {
        margin-top: 70px;
        flex-direction: column-reverse;
    }

    .custom-theme-btn,
    .has-spinner,
    .custom-btn-click {
        padding: 9px 15px 10px 15px !important;
    }

    .ai-in-features .gdgen-box {
        padding: 20px;

    }

    .hr-inner-banner .inb-desc ul li img {
        max-width: 25px;
        max-height: 25px;
    }

    .hr-home-logo.home-logo .hlogo-swiper:has(.swiper-slide:nth-child(4)) .swiper-wrapper {
        justify-content: left;
    }

    .process-content h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .process-content p {
        font-size: 18px;
        line-height: 26px;
    }

    .process-desc h6 {
        font-size: 18px;
        line-height: 24px;
    }

    .gmpart-list-box {
        grid-template-columns: 45px 1fr;
    }

    .gmpart-icon {
        height: 45px;
    }

    .gmdev-gami-box h3 {
        margin-top: 15px;
    }

    .portli-content {
        padding: 20px;
    }

    .gmdev-port .title h2,
    .ai-testi .title h2 {
        text-align: center;
    }

    .gmdev-port .title .title-design,
    .ai-testi .title .title-design {
        margin: 15px auto;
    }

    .gedpopro-content {
        padding: 30px;
    }

    .hlogo-box img {
        max-width: 100px;
        max-height: 70px;
    }

    .blog-desc:has(ul + h3) ul {
        margin-bottom: 10px;
    }

    .blog-desc ul li {
        padding: 6px 10px;
        font-size: 10px;
        line-height: 10px;
    }

    .sub-menu-inner.small-menu .sub-menu-wrap ul {
        padding: 0;
    }

    .sub-menu-inner.small-menu .sub-menu-wrap .menu-item a {
        font-size: 16px;
        line-height: 16px;
        padding: 17px 20px;
    }

    .fleft-grid {
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .mtb-120 {
        margin: 50px 0;
    }

    .mt-120 {
        margin-top: 50px;
    }

    .mb-120 {
        margin-bottom: 50px;
    }

    .ptb-120 {
        padding: 50px 0;
    }

    .pt-120 {
        padding-top: 50px;
    }

    .pb-120 {
        padding-bottom: 50px;
    }

    .ptb-80 {
        padding: 50px 0;
    }

    .heder-space {
        margin-top: 70px;
    }

    .hb-desc h1,
    .grnt-sitemap-main .title h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .hlogo-box img {
        max-width: 80px;
        max-height: 60px;
    }

    .hbswb-inner {
        max-width: 90%;
    }

    .hbswb-desc {
        padding: 15px;
    }

    .hbswb-desc h2 {
        font-size: 18px;
        line-height: 18px;
    }

    .hbswb-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .title h2,
    .pripol-main .title h1,
    .yu-supp-how .title h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .home-services .title h2 b,
    .home-services .title h2 strong {
        display: inline-block;
    }

    .hservi-acco .accordion-button::after {
        top: 20px;
    }

    .hservico-btn {
        padding: 8px;
    }

    .hservi-tabs ul li a,
    .hwhy-tabs ul li a,
    .hexceac-tabs ul li a {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 20px;
    }

    .hservico-box:nth-child(1),
    .hservico-box:nth-child(2) {
        order: inherit;
    }

    .hservico-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .hservico-content {
        grid-template-columns: auto;
        gap: 30px;
    }

    .hservicob-desc li::before {
        top: 0px;
    }

    .hservicob-desc .white-btn {
        margin-top: 20px;
    }

    .hservicob-desc ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .hindub-img h3 {
        display: none;
    }

    .hindub-img img {
        height: 250px;
        object-fit: cover;
    }

    .hindub-desc {
        opacity: 1;
        background: rgba(0, 0, 0, 0.7);
    }

    .home-text-anim h2 {
        font-size: 35px;
    }

    .huscaseta-box {
        padding: 8px 20px;
    }

    .huscaseta-box h3 {
        font-size: 12px;
        line-height: 16px;
    }

    .hucase-box {
        padding: 20px;
        width: 100%;
    }

    .hucase-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .hwhy-box {
        grid-template-columns: 35% auto;
        padding: 0;
        gap: 15px;
    }

    .hwhyb-left h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .hwhyb-right p {
        font-size: 14px;
        line-height: 22px;
    }

    .hexce-acco .accordion-button {
        padding: 15px 0px;
        gap: 10px;
    }

    .hexce-acco .hexceac-img img {
        max-width: 30px;
    }

    .hexce-acco .accordion-button h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .custom-dropdown {
        width: 100%;
    }

    .arrow {
        width: 8px;
        height: 8px;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    .dropdown-selected,
    .dropdown-selected1 {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .dropdown-options li,
    .dropdown-options1 li {
        font-size: 14px;
        line-height: 20px;
    }

    .hexceac-shape {
        z-index: -1;
        max-width: 180px;
    }

    .hexceac-shape img {
        width: 100%;
    }

    .hexceac-links ul {
        max-width: 100%;
    }

    .hexceac-links ul li {
        padding: 7px 10px;
        font-size: 10px;
        line-height: 10px;
    }

    .hexceac-links p {
        font-size: 14px;
        line-height: 22px;
    }

    .default-btn,
    .white-btn,
    .transparent-btn,
    .hservicob-desc .white-btn,
    .black-btn {
        font-size: 10px;
        line-height: 15px;
        padding: 10px 18px 10px 18px !important;
    }

    .hexceac-desc {
        padding: 15px;
    }

    .hexceac-top h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .hexce-acco .accordion-button {
        padding: 10px 0px;
        font-size: 14px;
        line-height: 22px;
    }

    .hexceacinner-body p {
        font-size: 14px;
        line-height: 21px;
    }

    .hexceacinner-body {
        padding: 0 0 10px;
    }

    .hexceactab-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .hexceactabinb-img img {
        max-width: 90px;
    }

    .hexceactabinb-desc h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .hexceactabinb-desc p {
        font-size: 15px;
        line-height: 21px;
    }

    .blog-desc a.arrow-btn,
    .hexceactabinb-desc a.arrow-btn {
        font-size: 10px;
        line-height: 27px;
    }

    .hnum-main {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 30px;
    }

    .hnum-box {
        width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

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

    .hcs-desc h3,
    .hcsmb-desc h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .hcsmb-img h3 {
        display: none;
    }

    .hcs-desc p,
    .hcsmb-desc p {
        font-size: 15px;
        line-height: 21px;
    }

    .hcsmb-img {
        display: none;
    }

    .hcsmb-desc {
        padding: 15px;
        opacity: 1;
        visibility: visible;
        background: rgba(255, 255, 255, 0.9);
        position: static;
    }

    .hfcta-form {
        padding: 15px;
    }

    .hfcta-form .form-control,
    .confo-box div.inputs,
    .eventpopup .form-control {
        padding: 12px 17px;
        font-size: 14px;
        line-height: 22px;
    }

    .flink-md-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .f-logo img {
        max-width: 120px;
    }

    .fbo-main p {
        font-size: 14px;
        line-height: 20px;
        text-align: center !important;
    }

    .flink-box li a,
    .flink-box li {
        font-size: 15px;
        line-height: 21px;
    }

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

    .hexceactablo-box {
        height: 80px;
    }

    .hexceactablo-box img {
        max-height: 40px;
    }

    .inb-desc {
        padding: 20px;
        max-width: 100%;
    }

    .inb-desc h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .inb-desc p {
        margin-bottom: 20px;
    }

    .inb-img img {
        object-position: center left;
    }

    .inner-banner {
        margin-bottom: 30px;
    }

    .abint-img img {
        width: 100%;
    }

    .abvateb-desc {
        padding: 20px 0 0;
    }

    .abmtem-main {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .abaward-main {
        max-width: 100%;
        margin: 0;
        column-gap: 10px;
        margin-top: 30px;
    }

    .abgovernb-img img {
        max-width: 50px;
    }

    .abgovernb-desc h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .blog-desc {
        padding: 20px;
    }

    .gdexp-tabs .exptab-item svg,
    .gdexp-tabs .exptab-item img {
        max-width: 25px;
        max-height: 25px;
    }

    .gdexp-tabs .exptab-item {
        font-size: 12px;
        line-height: 19px;
        padding: 8px 12px;
    }

    .gdexp-img img {
        width: 100%;
    }

    .gdexp-img {
        margin-bottom: 20px;
    }

    .gdexp-content h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .hcta-main {
        padding: 40px 20px;
    }

    .btn-box {
        gap: 15px;
        flex-wrap: wrap;
    }

    .gdcra-nub,
    .gdcra-desc h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .gdcra-box:nth-child(2) {
        margin-top: 15px;
        padding-top: 15px;
    }

    .gdgen-box {
        padding: 20px;
    }

    .gdgen-box h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .small-title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .gdevab-list ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }


    .gdevab-list ul li::before,
    .case-about ul li::before,
    .case-keyout ul li::before {
        top: 2px;
        width: 18px;
        height: 18px;
    }

    .gdevab-list .default-btn {
        margin-top: 25px;
    }

    .hfaq-acco .accordion-button {
        padding: 15px 0px;
        font-size: 16px;
        line-height: 24px;
    }

    .bottom-btn {
        margin-top: 30px;
    }

    .gdevser-desc h3,
    .gdevser-desc h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .gdevser-box {
        padding: 15px;
    }

    .gdevserb-img img,
    .gdevserb-img svg {
        width: 40px;
        height: 40px;
    }

    .title p {
        font-size: 15px;
        line-height: 23px;
    }

    .gdevlogo-box {
        flex: 0 0 calc(51.9% - 20px);
    }

    .gdev-solution-main .gdevsolu-box {
        max-width: 100%;
    }

    .gdevsolu-desc h4 {
        font-size: 17px;
        line-height: 23px;
    }

    .gdevsolu-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .gdevsoluac-acco {
        margin-top: 20px;
    }

    .gdevsoluac-acco .accordion-button h5 {
        font-size: 15px;
        line-height: 24px;
    }

    .gdevprocesb-num {
        min-width: 45px;
        height: 45px;
    }

    .gdevprocesb-num h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .gdevproces-box::before {
        left: 23px;
        bottom: -60%;
    }

    .gdevprocesb-img {
        margin-bottom: 10px;
    }

    .gdevbussi-main .row {
        row-gap: 30px;
    }

    .gdevbussi-box::before,
    .gdevbussi-main .row .col-xl-3:nth-child(3) .gdevbussi-box::before,
    .gdevbussi-main .row .col-xl-3:nth-child(7) .gdevbussi-box::before {
        background-image: url("data:image/svg+xml,%3Csvg width='162' height='21' viewBox='0 0 162 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_922_128)'%3E%3Cpath d='M0 10.0008H173.168C174.806 9.97769 178.066 10.4446 177.999 12.4969V48.7604C178.027 49.5925 177.099 51.2011 173.168 50.9792H0' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='151.093' cy='10.1729' r='10.1729' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_922_128'%3E%3Crect width='162' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
        right: auto !important;
        width: 62px !important;
        height: 16px !important;
        transform: translateX(-50%) rotate(90deg) !important;
        bottom: -15px !important;
        top: auto !important;
        left: 50% !important;
    }

    .gdevadv-title h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .gdevadvanb-img img,
    .gdevadvanb-img svg {
        width: 40px;
        height: 40px;
    }

    .caropen-box .row {
        row-gap: 20px;
    }

    .caropen-desc h3,
    .carrer-btn {
        font-size: 18px;
        line-height: 20px;
    }

    .caropen-desc p,
    .caropen-desc ul li {
        font-size: 15px;
        line-height: 23px;
    }

    .caropen-inbox {
        padding: 3px 10px 4px;
    }

    .caropen-inbox p {
        font-size: 12px;
        line-height: 12px;
    }

    .carrer-btn svg {
        max-width: 12px;
        max-height: 12px;
    }

    .careproc-box {
        grid-template-columns: 40px auto;
    }

    .careproc-box+.careproc-box {
        margin-top: 20px;
    }

    .careproc-num {
        width: 40px;
        height: 40px;
    }

    .careproc-num h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .careproc-box+.careproc-box::before {
        left: 20px;
    }

    .careproc-desc h4 {
        font-size: 17px;
        line-height: 25px;
    }

    .careproc-desc p {
        font-size: 15px;
        line-height: 23px;
    }

    .caropen-main {
        margin-top: 10px;
    }

    .gdevserb-desc h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .gdevserb-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    body:has(header.sticky) .top-nav {
        top: 60px;
    }

    .top-nav {
        border-bottom: 1px solid #000;
    }

    .top-nav ul {
        height: 45px;
        border: none;
    }

    .top-nav li a {
        font-size: 16px;
        line-height: 22px;
    }

    .csproj-desc h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .csproj-desc p {
        font-size: 15px;
        line-height: 23px;
    }

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

    .csproj-box h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .csproj-box p {
        font-size: 15px;
        line-height: 22px;
    }

    .csproc-box {
        padding: 20px;
    }

    .csproc-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .csproc-box p {
        font-size: 15px;
        line-height: 23px;
    }

    .csproc-main {
        padding: 10px 0px;
        padding-left: 40px;
    }

    .csocom-main {
        padding: 40px 20px;
    }

    .csocomb-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .confo-tabs ul {
        gap: 15px;
    }

    .confo-tabs ul li a {
        font-size: 16px;
        line-height: 23px;
        padding: 12px;
    }

    .confo-box {
        padding: 20px;
    }

    .coninfob-desc ul li {
        font-size: 15px;
        line-height: 22px;
    }

    .gdev-solution .gdevsolu-img {
        display: none;
    }

    .gdevsolu-box {
        max-width: 95%;
    }

    .gdevsolu-desc {
        max-width: 100%;
        padding: 20px;
    }

    .gdevsolu-desc h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .insolu-acco .accordion-body ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .indu-method-head h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .imethod-img img,
    .imethod-img svg,
    .hr-exper .imethod-img img {
        max-width: 40px;
        max-height: 40px;
    }

    .uspf-box h3,
    .indu-method .uspf-box h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .uspf-box p {
        font-size: 15px;
        line-height: 21px;
    }

    .isol-tabs .isol-item {
        padding: 9px 15px;
        font-size: 14px;
        line-height: 18px;
    }


    .isol-inner {
        padding: 20px;
    }

    .isol-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .indu-what .gdevbussi-box::before {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_773_1260)'%3E%3Cpath d='M16.3779 29.4314L29.4326 16.3767C30.1943 15.615 30.1943 14.3845 29.4326 13.6287L16.3779 0.568118C15.6162 -0.193601 14.3857 -0.187741 13.624 0.568118C12.8623 1.32398 12.8682 2.56031 13.624 3.32202L23.3564 13.0544L1.94043 13.0544C0.868167 13.0544 -0.0048802 13.9275 -0.00488025 14.9998C-0.0048803 16.072 0.868167 16.9451 1.94043 16.9451L23.3623 16.9451L13.6299 26.6775C12.8857 27.4509 12.9033 28.6814 13.6768 29.4255C14.4268 30.158 15.6221 30.158 16.3779 29.4314Z' fill='%231B9579'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_773_1260'%3E%3Crect width='30' height='30' fill='white' transform='translate(30 1.31134e-06) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
        right: auto !important;
        height: 30px !important;
        width: 30px !important;
        bottom: -25px !important;
        display: block !important;
    }

    .indu-what .gdevbussi-main .col-lg-3:nth-child(4) .gdevbussi-box::before {
        display: none !important;
    }

    .bldebande-top ul li {
        font-size: 11px;
        line-height: 20px;
    }

    .bldeban-desc h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .bldemt-other {
        grid-template-columns: 45px auto;
    }

    .bldemto-img img {
        max-width: 45px;
    }

    .bldemto-desc p {
        font-size: 12px;
        line-height: 15px;
    }

    .bldemto-desc h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .bldemt-bottom {
        grid-template-columns: repeat(1, 1fr);
        margin: 30px 0px 0px;
    }

    .publishda-top p {
        font-size: 14px;
        line-height: 20px;
    }

    .publish-dat h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .blde-banner {
        padding: 40px 0px 30px;
    }

    .blde-main ol li,
    .blde-main p,
    .blde-main ul li {
        font-size: 15px;
        line-height: 23px;
    }

    .blde-main ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .blde-main ol li:not(:last-child),
    .blde-main ul li:not(:last-child) {
        margin-bottom: 5px;
    }

    .blde-main p,
    .blde-main ul,
    .blde-main ol {
        margin-bottom: 10px;
    }

    .blde-main h2,
    .blde-acco h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .blde-main ol,
    .blde-main ul {
        padding: 10px;
    }

    .blde-main h3 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .blde-cta {
        padding: 15px;
    }

    .bldecta-cont h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .blde-acco-inner .accordion-button {
        font-size: 14px;
        line-height: 20px;
        width: 92%;
    }

    .blde-acco-inner .accordion-button::after {
        width: 15px;
        height: 10px;
        top: 40%;
        right: -20px;
    }

    .bldeacco-body p {
        font-size: 14px;
        line-height: 21px;

    }

    .blde-acco,
    .bldem-author,
    .blde-soical {
        margin: 20px 0px;
    }

    .blde-soical li>a {
        width: 40px;
        height: 40px;
    }

    .bldeaut-main {
        grid-template-columns: 45px auto;
    }

    .bldeaut-desc h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .bldeaut-desc h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .bldeaut-img img {
        max-width: 45px;
    }

    .bldetai-ribox h3,
    .tabel-contents h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .tabel-contents h3 {
        margin-bottom: 14px;
    }

    .tabel-contents,
    .bldetai-ribox {
        padding: 15px;
    }

    .bldetai-ribox p {
        font-size: 14px;
        line-height: 21px;
    }

    .infinan-box {
        grid-template-columns: repeat(1, 1fr);
        padding: 20px 15px;
        gap: 15px;
    }

    .infinanb-img {
        margin: 0 auto;
    }

    .infinanb-desc {
        text-align: center;
    }

    .infinanb-desc a {
        margin: 0 auto;
    }

    .invshol-desc h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .invshol-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .invshol-desc ul li {
        font-size: 15px;
        line-height: 20px;
    }

    .nf-date,
    .lenews-box p {

        margin-bottom: 10px !important;
    }

    .news-featured-desc h1 {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .news-featured-desc p,
    .news-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .news-desc p:has(img) {
        text-align: center;
    }

    .news-desc p img+img {
        margin-top: 10px;
    }

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

    .nmedia-tabs ul li a {
        font-size: 12px;
        line-height: 16px;
        padding: 15px 12px;
    }

    .nmediainb-desc h3 {
        font-size: 15px;
        line-height: 23px;
    }

    .other-publications ul li a {
        padding: 8px 14px;
        font-size: 14px;
        line-height: 14px;
    }

    /* Header */

    header .navbar-brand img {
        max-width: 120px;
    }

    .navbar-toggler {
        height: 28px;
        width: 28px;
    }

    header .navbar-collapse {
        width: 100%;
        padding-top: 60px;
    }

    .heder-space {
        margin-top: 75px;
    }

    .hfcta-form .cf-turnstile iframe {
        width: 100% !important;
    }

    .custom-swiper-nav {
        justify-content: space-between;
    }

    .new-inner-banner .inb-main {
        padding: 20px;
    }

    .hr-inner-banner .inb-desc ul {
        margin-bottom: 30px;
    }

    .gdevserb-img {
        min-height: 40px;
    }

    .gdevlogo-main {
        margin-top: 30px;
    }

    .ai-testi .testi-box {
        padding: 20px;
    }

    .ai-testi .testi-box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .ai-testi .testi-auth .testi-data h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .ai-testi .testi-auth .testi-data p {
        font-size: 14px;
        line-height: 14px;
    }

    .gdevadvan-box {
        padding: 15px;
    }

    .gdev-right-img img {
        width: 100%;
    }

    .gdev-advance .title h4 {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px;
    }

    .yu-it-tabs-content-box {
        padding: 15px;
    }

    .yu-it-tabs .tab-item {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 10px;
    }

    .ai-indu-solution .isol-desc .small-title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .ai-indu-solution .isol-desc h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .com-form .row {
        row-gap: 0;
    }

    .viser-indu-main {
        gap: 10px;
    }

    .viser-indu-box a {
        padding: 9px 10px;
        font-size: 14px;
        line-height: 18px;
        gap: 10px;
    }

    .viser-indu-box img {
        max-width: 25px;
    }

    .event-countdown {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 20px 20px;
        gap: 15px;
    }

    .event-logo {
        gap: 15px;
        margin-bottom: 20px;
    }

    .event-logo img {
        max-width: 90px;
    }

    .event-box h3 {
        font-size: 30px;
        line-height: 34px;
    }

    .event-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .event-meet .title h2 {
        margin-bottom: 20px;
    }

    .event-meet .btn-box {
        margin-bottom: 20px !important;
    }

    .emeet-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .event-innovative .hexceactab-logo {
        grid-template-columns: repeat(2, 1fr);
    }

    .evcoreexpcon-desc h3 a {
        font-size: 24px;
        line-height: 30px;
    }

    .event-industry .gdevsolu-desc {
        width: 100%;
    }

    .gdevsolu-box {
        min-height: 320px;
        margin-left: 0 !important;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .evgallery-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .gdgen-icon {
        margin-bottom: 10px;
    }


    .gdev-indu-mission .title h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .gdev-indu-data-box ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .use-key .gdevserb-img {
        margin-bottom: 15px;
    }

    .gdev-indu-solution .title h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .design-abt .title ul {
        flex-wrap: wrap;
        gap: 10px;
    }

    .design-abt .title ul li {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 15px;
        border-radius: 8px;
    }

    .gdev-moadal-main {
        gap: 15px;
    }

    .gdev-modal-box {
        gap: 10px;
        padding: 10px 15px;
    }

    .gdev-modal-box img {
        max-width: 40px;
    }

    .gdev-modal-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .hrpart-box {
        grid-template-columns: 1fr;
    }

    .hrpart-desc {
        padding: 0 15px 15px;
    }

    .hrpart-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .header-mob-logo img {
        max-width: 120px;
    }

    .hservi-tabs-content {
        margin-top: 10px;
    }

    .hservico-inner {
        column-gap: 30px;
        row-gap: 10px;
    }

    .gdevab-img img,
    .uspf-img img,
    .whlabel-img img {
        width: 100%;
    }

    .gdevab-list {
        margin-top: 20px;
    }

    .isol-img img {
        width: 120px;
    }

    .gdevadvanb-img {
        margin: 0 auto 10px;
    }

    .gdevadvanb-desc h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .whlabel-top img {
        max-height: 40px;
        max-width: 40px;
    }

    .gmdev-part-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .gmpart-list-box {
        grid-template-columns: auto;
    }

    .gmpart-icon {
        width: 45px;
    }

    .price-shape {
        display: none;
    }

    .fash-cta-form .title ul,
    .fash-cta-form .title .cta-info {
        grid-template-columns: 1fr;
    }


    .inb-main::before {
        width: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0.4) 100%);
    }

    .reviewapp-list img {
        max-width: 120px;
    }

    .carteam-detail .lenews-box+.lenews-box {
        margin-top: 10px;
        padding-top: 10px;
    }

    .lenews-head h2 {
        margin-bottom: 15px;
    }

    .case-about .row:nth-child(2n) {
        margin-top: 50px;
    }

    .gmdev-port .row:nth-child(1) {
        row-gap: 5px;
    }

    .custom-theme-btn,
    .has-spinner,
    .custom-btn-click {
        font-size: 10px;
        line-height: 15px;
        padding: 10px 18px 10px 18px !important;
    }

    .fash-cta-form .title h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .ai-in-features .gdgen-box {
        padding: 10px;
    }

    .ai-indu-solution .isol-tabs .isol-item {
        padding: 13px 10px;
    }

    #cf-chl-widget-vjmle {
        max-width: 100%;
    }

    .fash-cta-form .title p {
        margin-bottom: 10px;
    }

    .full-cyc-process .title h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .process-content {
        bottom: 15px;
        width: 100%;
    }

    .process-content h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .process-content p {
        font-size: 14px;
        line-height: 16px;
    }

    .process-icon img {
        max-width: 40px;
        max-height: 40px;
    }

    .fumana-box {
        grid-template-columns: 1fr
    }

    .fumana-img img {
        width: 70%;
        display: flex;
        margin: 0 auto;
    }

    .fuall-award-list,
    .full-gdev-about .gdevab-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .fuall-award-list-main ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .award-list-box p {
        font-size: 15px;
        line-height: 21px;
    }

    .full-gdev-about .gdevab-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .full-gdev-about .gdevab-box p {
        font-size: 15px;
        line-height: 22px;
    }

    .whlabel-list p {
        font-size: 15px;
        line-height: 23px;
    }

    .fash-cta-form .title li {
        padding: 15px;
    }

    .gmdev-gami-box p {
        font-size: 15px;
        line-height: 21px;
    }

    .portli-content {
        padding: 15px;
    }

    .portli-content h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .portli-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .vid-desc {
        padding: 10px 0 0;
    }

    .vid-desc h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .price-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .price-desc {
        padding: 20px;
    }

    .gd-genres .gdgen-box img {
        max-width: 45px;
        max-height: 45px;
    }

    .file-upload {
        height: 71px;
    }

    .file-before figure {
        margin-right: 10px;
    }

    .file-before figure img {
        max-width: 50px;
    }

    .file-before .required-text label {
        font-size: 13px;
        line-height: 18px;
    }

    .file-before .required-text label small {
        font-size: 11px;
        line-height: 17px;
    }

    .file-before .theme-btn a {
        font-size: 10px;
        line-height: 10px;
        padding: 10px 15px;
    }

    .side-title a,
    .new-footer-link a {
        font-size: 15px;
        line-height: 21px;
    }

    .gedpopro-content {
        padding: 20px;
    }

    .gedpopro-step {
        align-items: start;
        gap: 16px;
    }

    .gedpopro-num {
        height: 40px;
        min-width: 40px;
        font-size: 16px;
        line-height: 16px;
    }

    .gedpopro-step::after {
        left: 19px;
        bottom: 0;
        top: 40px;
    }

    .gedpopro-step:nth-child(4)::after {
        display: none;
    }

    .gedpopro-step:nth-child(1)::after {
        display: block;
    }

    .gedpopro-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .gedpopro-stepmain {
        margin-bottom: 30px;
    }

    .inb-desc p+p,
    .inb-desc p+p+p {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .fash-cta-form .title .cta-list li {
        font-size: 15px;
        line-height: 21px;
    }

    .gdexp-content p {
        font-size: 15px;
        line-height: 21px;
    }

    .file-upload .file-before {
        padding: 18px 12px;
    }

    .file-upload .file-after {
        padding: 18px 12px;
    }

    .file-upload .file-after p {
        font-size: 14px;
        line-height: 20px;
    }

    .cf7-cf-turnstile,
    .cf-turnstile {
        overflow: hidden !important;
    }

    .fleft-grid {
        display: block;
    }
}