@font-face {
    font-family: 'ralewayregular';
    src: url('../../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'hind_madurairegular';
    src: url('../../fonts/hindmadurai-regular-webfont.woff2') format('woff2'),
         url('../../fonts/hindmadurai-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'hind_maduraisemibold';
    src: url('../../fonts/hindmadurai-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/hindmadurai-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* AI Color Scheme */
    --primary-dark: #0f3d3e;
    --neon-teal: #00ffd5;
    --accent-purple: #9b5de5;
    --white: #ffffff;
    --dark-bg: #090909;
    --light-gray: #9CA3AF;
    --medium-gray: #6c757d;
    
    /* Gradients */
    --ai-gradient: linear-gradient(135deg, var(--neon-teal), var(--accent-purple));
    --dark-gradient: linear-gradient(135deg, var(--primary-dark), var(--dark-bg));
    --hero-gradient: linear-gradient(rgba(15, 61, 62, 0.8), rgba(10, 26, 27, 0.9));
    
    /* Typography */
    --font-primary: 'Exo 2', sans-serif;
    --font-heading: 'ralewayregular';
    --font-heading-medium: 'ralewaymedium';
    --font-heading-semibold: 'ralewaysemibold';
    
    /* Spacing */
    --section-padding: 80px 0;
    --container-padding: 0 20px;
    
    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--white);
    background: var(--dark-bg);
    overflow-x: hidden;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Utility Classes */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--container-padding);
}

.section-title {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    margin-bottom: 1rem;
    background: var(--ai-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
}

.section-description {
    font-size: 1.1rem;
    color: var(--medium-gray);
    text-align: center;
    max-width: 600px;
    margin: 0 auto 3rem;
}

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

/* Buttons */
.btn {
    display: inline-block;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    font-family: var(--font-primary);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
}

.btn-primary {
    background: var(--ai-gradient);
    color: var(--white);
    box-shadow: 0 4px 15px rgba(0, 255, 213, 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 255, 213, 0.5);
}

.btn-secondary {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--neon-teal);
}

.btn-secondary:hover {
    background: var(--neon-teal);
    color: var(--primary-dark);
    transform: translateY(-2px);
}

.btn-outline {
    background: transparent;
    color: var(--neon-teal);
    border: 1px solid var(--neon-teal);
    padding: 8px 20px;
    font-size: 0.9rem;
}

.btn-outline:hover {
    background: var(--neon-teal);
    color: var(--primary-dark);
}


.pushcrew-side-button{
    background-color: rgb(15 48 41) !important;
}

/* Particle Animation Background */
.particles-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.particle {
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--neon-teal);
    border-radius: 50%;
    opacity: 0.7;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

/* Header Styles */

.header {
    z-index: 1000;
  /*  background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px;*/

}

.navbar-collapse .nav_r_l_bottom .navbar-nav .nav-item .dropdown-menu .dropdown-menu_inr,
.pushcrew-chicklet-position-tl,
.navbar-collapse .nav_r_right a{
    background-color: #0f3029 !important;
}




.header .navbar{
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    margin: 10px 15px 0 15px;
    padding: 15px 25px;
    height: 90px;
}

.header .navbar-collapse{
    padding-top:0; 
}


#header .animation-btn-box:before,
#header .animation-btn-box:after{
    display: none
}


.header .navbar-dark .navbar-brand img{
    width: 200px;
}


.navbar-collapse .nav_r_right a:after{
    display: none;
}

.navbar-collapse .nav_r_right button{
    width: 120px;
    min-width: 120px;
    height: 47px;
    text-align: center;
    border-radius: 6px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: "hind_madurairegular";
}



#header .navbar-collapse .nav_r_right a {
    right: -100px !important;
}

.navbar-collapse .nav_r_l_bottom .navbar-nav .nav-link{
    text-transform: capitalize !important;
    border-radius: 0 !important;
}

.navbar-collapse .nav_r_l_bottom .navbar-nav .nav-item:hover {
    border-radius: 5px 5px 0 0 !important;
}


.navbar-nav .nav-item .dropdown-menu a.sb_menu_bg_btn{
    border: 1px solid rgb(26 188 156 / 40%) !important;
}

#header{
    background:transparent !important;
    box-shadow: none !important;
}

#header.header .navbar{
    background: #206962;
}


#header .navbar-collapse .nav_r_l_bottom .navbar-nav .nav-link {
    color: #fff !important;
}


.navbar-collapse .nav_r_l_bottom .navbar-nav .nav-link.hover:before{
    height: 10px !important;
    background: transparent !important;
    top: auto !important;
    border-radius: 0 !important;
    z-index: 0 !important;
    bottom: -10px !important;
    border-top: 2px solid #23a799;
}



.dropdown-toggle::after{
        background: url(../../../assets/img/dark-theme-img/arrow-up.svg) no-repeat !important;
        border: none;
        width: 24px;
        height: 24px;
        background-size: contain !important;
        display: inline-block;
        vertical-align: bottom;

}


    #header .navbar-toggler .icon-bar {
        background: #fff;
    }



/* Hero Section */
.hero {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pb-content-block h1{
    line-height: 60px;
}

.hero-overlay-1{
    -webkit-filter: blur(35px);
    -webkit-mask: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%) add;
    background: linear-gradient(87deg, #042d24, #15d3ad -469%, #106755 26%, #08080800);
    bottom: 0;
    filter: blur(35px);
    flex: none;
    mask: linear-gradient(-154deg, #000000 -240%, rgba(0, 0, 0, 0) 100%) add;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 45%;
}

.hero-overlay-2{
    -webkit-filter: blur(35px);
    -webkit-mask: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%) add;
    background: linear-gradient(270deg, #042d24, #15d3ad 18%, #24C4A4 25%, #08080800);
    bottom: 23%;
    filter: blur(35px);
    flex: none;
    mask: linear-gradient(180deg, #000000 -112%, rgba(0, 0, 0, 0) 100%) add;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -20px;
    width: 40%;
}


.btn-border-animate {
    position: relative;
    display: inline-block;
    color: #fff !important;
    border: none;
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    align-items: center;
    padding: 12px 20px;
    gap: 10px;
    min-width: 168px;
    height: 44px;
    background: linear-gradient(0deg, #0B2A23 0%, #267871 100%);
    border-radius: 6px;
    text-decoration: none !important;
}

/* animated gradient border */



.animation-btn-box {
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 6px;
    height: 44px;
    width: fit-content;
}



.animation-btn-box a{
    color: #fff !important;
    cursor: pointer;
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    align-items: center;
    padding: 12px 20px;
    border: 1px;
}

.animation-btn-box:before {
    content: '';
    background: linear-gradient(45deg, #FDDE5C, #F68817, #3e7ea3, #16534f, #1abc9c, #383821, #009688, #23a799, #607D8B);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(44px + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 6px;
}

.animation-btn-box:active {
    color: #000
}

.animation-btn-box:active:after {
    background: transparent;
}


.animation-btn-box:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0B2A23 0%, #267871 100%);
    left: 0;
    top: 0;
    border-radius: 6px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


#page_loader{
    background:#0f3029 !important;
    /*background:#090909 !important;*/
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    padding: var(--container-padding);
}


.hero .hero-content .animation-btn-box{
    margin: 0 auto;
}

.hero-title {
    font-family: var(--font-heading);
    margin-bottom: 1.5rem;
    max-width: 1013px;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    color: #FFFFFF;
}

.ai-gradient {
    background: var(--ai-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle {
    margin-bottom: 2.5rem;
    color: var(--light-gray);
    max-width: 1013px;
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #9CA3AF;
}

.hero-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}


/* Animation Classes */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease-out forwards;
}

.fade-in:nth-child(1) { animation-delay: 0.2s; }
.fade-in:nth-child(2) { animation-delay: 0.4s; }
.fade-in:nth-child(3) { animation-delay: 0.6s; }

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pulse { animation: pulse 2s ease-in-out infinite; }

@keyframes pulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.glow-hover { transition: var(--transition-smooth); }

.glow-hover:hover {
    box-shadow: 0 0 30px rgba(0, 255, 213, 0.5);
    transform: translateY(-5px);
}



.recentProject .pagination-box .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #1ABC9C;
    margin: 0 2.5px;
}


.recentProject .pagination-box .swiper-pagination-bullet-active{
    background: #23A799;
    width: 26px;
}
.recentProject .pagination-box{
    text-align: center;
    padding: 30px 0;
}

.recentProject .pagination-box .swiper-pagination{
    left: calc(50% - 65px);
}


.intl-tel-input .country-list{
    color: #333 !important;
}


@media (max-width: 1200px){
    .header .navbar-dark .navbar-brand img{
        width: 160px;
    }
    .header .navbar-collapse{
        padding-top:66px; 
    }
}


@media (max-width: 767px){
    .hero-title{
        font-size: 32px;
        line-height: 45px;
    }

}


@media (max-width: 576px){
    .hero-title{
        font-size: 28px;
        line-height: 36px;
    }

    {
        display: none;
    }

    .hero-overlay-1{
        display: none;
    }

    .hero-overlay-2{
        width: 100%;
    }
}




/*features-block section start*/

.features-block{
    box-sizing: border-box;
    min-height: 843px;
    padding: 60px 0 0 0;
    /*left: calc(50% - 1436px/2);*/
    /*top: calc(50% - 843px/2 - 3122.5px);*/
    background: linear-gradient(180deg, #090909 0%, #030712 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
}



.features-block h2{
    font-family: var(--font-heading);
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    max-width: 1110px;
    margin: 0 auto;
    text-transform: initial;
}


.features-block .inspiredDesign {
    padding: 0 0 30px 0 !important;
}

.features-block p{
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #9CA3AF;
    max-width: 1110px;
    margin: 0 auto;
    padding: 20px 0 50px 0;
}

.features-block .topRated .columnThree .contentDesc .contentTexture {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    height: 245px;
    overflow: hidden;
}


.topRated .columnThree .contentDesc .development-service{
    position: relative;
    padding: 25px !important;
    vertical-align: text-top !important;
}

.topRated .columnThree .contentDesc .development-service img{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.topRated .columnThree .contentDesc .contentTexture h4 {
    font-family: var(--font-heading);
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.031em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin:0 0 10px 0;
}

.topRated .columnThree .contentDesc .contentTexture p {
    color: #fff;
    text-align: justify;
    font-size: 16px;
    padding: 0;
    margin-bottom: 30px;
}

.features-block .topRated .columnThree .blueHighlight {
    position: relative;
    color: #fff;
    background: #1abc9c;
    height: 245px;
    display: table;
    width: 100%;
    
}


.features-block .newiconsH{
    margin-bottom: 35px;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 60px;
    height: 60px;
    background: rgba(35, 167, 153, 0.15);
    border-radius: 6px;

}

.topRated .columnThree .contentDesc.all .contentTexture:hover .newiconsH {
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .5s;
    transition: opacity .2s, transform .5s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    height: 0;
}

.features-block .newiconsH.AiPoweredSolution-icon img{
    width: 35px;
    height: 35px;
}

.features-block .newiconsH.mobileIcon img{
    width: 24px;
    height: 32px;
}

.features-block .newiconsH.ecommerceIcon img{
    width: 35px;
    height: 35px;
}

.features-block .newiconsH.ecommerceIcon img{
    width: 35px;
    height: 35px;
}


.topRated .columnThree {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}


.topRated .columnThree .contentDesc {
    min-height: 304px;
    display: table;
    width: 100%;
    background: rgba(13, 13, 13, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.05);
}



.topRated .columnThree .contentDesc .contentTexture h5 {
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-family: var(--font-heading);
}



.topRated .columnThree .contentDesc.all .contentTexture h5 {
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}


.topRated .columnThree .contentDesc.all .contentTexture:hover h5 {
    -webkit-transition: opacity .2s, -webkit-transform .5s;
    transition: opacity .2s, transform .5s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}


.topRated .columnThree .contentDesc.all .contentTexture ul {
    padding-bottom: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

.topRated .columnThree .contentDesc.all .contentTexture ul.list{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;

}

.topRated .columnThree .contentDesc.all .contentTexture:hover ul {
    -webkit-transition: opacity .2s, -webkit-transform .5s;
    transition: opacity .2s, transform .5s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    padding-bottom: 0;
}


.topRated .columnThree .contentDesc .contentTexture ul.list li {
    font-size: 13px;
    color: #3b3b3b;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: default;
    list-style: none;
    float: left;
    padding: 0 6px;
    border-right: 2px solid #3b3b3b;
    line-height: 13px;
    height: 18px;
}

.topRated .columnThree .contentDesc.all .contentTexture ul li:first-child {
    padding-left: 0;
}


.topRated .columnThree .contentDesc .contentTexture ul.list li:last-child {
    border-right: none;
}

.topRated .columnThree .contentDesc .contentTexture ul.list li.noanchor,
.topRated .columnThree .contentDesc .contentTexture ul.list li a {
    font-size: 12px;
    position: relative;
    color: #9e9e9e;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    /* border-bottom: 1px solid #9e9e9e; */
    padding-bottom: 5px;
}

.topRated .columnThree .contentDesc .contentTexture ul.list li.noanchor:after,
.topRated .columnThree .contentDesc .contentTexture ul.list li a:after {
    content: '';
    /*position: absolute;*/
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.topRated .columnThree .contentDesc .contentTexture ul.list li.noanchor:hover:after,
.topRated .columnThree .contentDesc .contentTexture ul.list li:hover a:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.topRated .columnThree .contentDesc .contentTexture p {
    color: #fff;
    text-align: left;
    font-size: 16px;
    padding-right: 0;
    margin-bottom: 30px;
}

.features-block .topRated .columnThree .blueHighlight h4,
.features-block .topRated .columnThree .blueHighlight p{
    max-width: 330px;
    margin-left: 0;
}


.topRated .columnThree .contentDesc.all .contentTexture p {
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    height: 0;
    margin-bottom: 0;
    padding: 0;
}




.topRated .columnThree .contentDesc.all .contentTexture:hover p {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    height: auto;
    margin-bottom: 10px;
}

.topRated .columnThree .contentDesc.all .contentTexture .readMore {
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    height: 0;
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #23A799;
    text-decoration: none;
    text-transform: initial;
}

.topRated .columnThree .contentDesc.all .contentTexture .readMore img{
    vertical-align: middle;
}


.topRated .columnThree .contentDesc.all .contentTexture:hover .readMore {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    height: auto;
}


@media (max-width: 1370px){
    .topRated .columnThree .contentDesc .development-service{
        padding: 15px !important;
    }
}


@media (max-width: 1200px){
    .topRated .columnThree .contentDesc .contentTexture h4{
        font-size: 17px;
        line-height: 22px;
    }


    .features-block p{
        line-height: 24px !important;
    }

}


/*client-collaboration css*/

    .client-collaboration {
      padding: 60px 0;
      text-align: center;
      position: relative;
    }

    .client-collaboration:after{
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(3 7 18 / 70%);
        z-index: -1;
    }

    .client-collaboration p.italic {
        font-family: var(--font-heading);
        font-style: italic;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        width: 100%;
    }

    .client-collaboration h2 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .client-collaboration .dec-text {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        margin: 0 auto;
        max-width: 1120px;
        padding-top:20px ;

    }

    .client-collaboration .card-box {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        margin-top: 40px;
    }

    .client-collaboration .card-box .card{
        background: rgba(255, 255, 255, 0.05);
        border-radius: 10px;
    }

    .client-collaboration .card {
      background-color: #161c27;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      width: 23%;
    }

    .client-collaboration .card:hover{
        -webkit-box-shadow: 0px 20px 20px rgba(255, 255, 255, 0.03); 
        box-shadow: 0px 20px 20px rgba(255, 255, 255, 0.03);
    }


    .client-collaboration .card.working-together{
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25px;
        background: rgba(26, 188, 156, 0.3);
        border-radius: 10px;
    }


    .client-collaboration .card-img {
      margin-bottom: 15px;
      display: inline-block;
    }

    .client-collaboration .card h3 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        letter-spacing: -0.031em;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

    .client-collaboration .card ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 15px;
    }

    .client-collaboration .card ul li {
        margin: 0;
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #9CA3AF;
    }

    .client-collaboration .card ul li span img{
        margin-right: 10px;
        vertical-align: bottom;
    }


    .client-collaboration .card.working-together .lets-start {
        background-color: #0b0f17;
        border: none;
        padding: 10px 16px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.3s;
        text-align: center;
        width: 100%;
        height: 40px;
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #23A799;
        text-decoration: none;
    }

    .client-collaboration .card.working-together:hover .lets-start {
      background-color: #23A799;
      color: #0b0f17;
    }

    /* Responsive */
    @media (min-width: 600px) {
      .client-collaboration .cards {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 992px) {
      .client-collaboration .cards {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (max-width: 1370px){
        .client-collaboration .dec-text{
            padding-left :15px;
            padding-right :15px;
        }
        .client-collaboration .card h3{
            font-size: 20px;
        }
    }

    @media (max-width: 1200px){
        .client-collaboration .card {
            padding: 15px;
        }
        .client-collaboration .card h3 {
            font-size: 18px;
        }
    }

    @media (max-width: 991px){
        .client-collaboration .card-box{
            flex-wrap: wrap;
        }

        .client-collaboration .card{
            width: 48%;    
        }
    }


     @media (max-width: 576px){
        .client-collaboration .card{
            width: 98%;    
        }
    }

    
/*client-collaboration css*/


/*Business partnership modal css*/

    .business-partnership-modal {
      padding: 60px 0;
      text-align: center;
      /*position: relative;*/
      background: linear-gradient(180deg, #030712 0%, #0D2C26 100%);
    }

    .business-partnership-modal p.italic {
        font-family: var(--font-heading);
        font-style: italic;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        width: 100%;
        margin-bottom: 5px;
    }

    .business-partnership-modal h2 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 0;
    }

    .business-partnership-modal p {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        margin: 0 auto;
        max-width: 1120px;
        padding-top:20px;

    }

    .business-partnership-modal .card-box {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        margin-top: 40px;
    }

    .business-partnership-modal .card {
      background-color: transparent;
      padding: 15px;
      text-align: center;
      width: 33%;
      border: none;
    }



    .business-partnership-modal .card-img {
        position: relative;
        margin:0 auto 24px auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100px;
        height: 100px;
        /*background: rgba(26, 188, 156, 0.15);
        border: 1px dashed rgba(255, 255, 255, 0.15);*/
        border-radius: 50%;
    }

    .business-partnership-modal .animate-ai-spin{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 9999px;
        border-width: 2px;
        border-color: #ffffff;
        border-style: dashed;
        opacity: 0.3;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        background: rgba(26, 188, 156, 0.15);
        animation: spin-border 10s linear infinite;
    }

    @keyframes spin-border {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    .business-partnership-modal .card h3 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        letter-spacing: -0.031em;
        color: #FFFFFF;
        margin-bottom: 10px;
    }


    .business-partnership-modal .card p {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #9CA3AF;
        max-width: 320px;
        margin: 0 auto;
        padding: 0;
    }

    .business-partnership-modal .animation-btn-box{
        text-align: center;
        margin: 50px auto 0 auto; 
    }


    @media (max-width: 1200px){
        .business-partnership-modal .card-box{
            flex-wrap: wrap;
        }
        
        .business-partnership-modal .card{
            width: 45%;    
            padding: 15px;
        }
    }

    @media (max-width: 767px){
        .business-partnership-modal .card-box{
            flex-wrap: wrap;
        }

        .business-partnership-modal .card{
            width: 48%;    
        }
    }


     @media (max-width: 576px){
        .business-partnership-modal .card{
            width: 98%;    
        }
    }

/*Business partnership modal css*/






/*ai-services css star*/

    .ai-services {
        padding: 60px 0;
        text-align: center;
        position: relative;
        /*background: linear-gradient(180deg, #030712 0%, #0D2C26 100%);*/

        background: linear-gradient(180deg, #0D2C26 0%, #030712 100%);
        /*transform: matrix(1, 0, 0, -1, 0, 0);*/
    }

    .ai-services .subtext{
        padding: 6px 0px;
        width: 160px;
        height: 35px;
        background: rgba(26, 188, 156, 0.4);
        border-radius: 24px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 50px;
    }

  

    .ai-services h2 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        
    }

    .ai-services p.dec-text{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        margin: 0 auto 20px auto;
        max-width: 1120px;
    }


    .ai-services .card-box .row{
        justify-content: center;
    }


/*    .ai-services .card-box {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        margin-top: 40px;
    }*/

    .ai-services .card {
        text-align: left;
        width: 100%;
        border: none;
        box-sizing: border-box;
        padding: 25px;
        background: rgba(13, 13, 13, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        min-height: 210px;
        margin-bottom: 30px;
        transition: var(--transition-smooth);
    }

    .ai-services .card:hover{
        -webkit-box-shadow: 0px 9px 15px -2px rgb(255 255 255 / 10%); 
        box-shadow: 0px 9px 15px -2px rgb(255 255 255 / 10%);
    }

    .ai-services .card h3{
        font-family: var(--font-heading) !important;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.031em;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .ai-services .card p{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #9CA3AF;
        margin: 0;
    }

    


    .ai-services .card .card-img {
        position: relative;
        margin-bottom:24px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 60px;
        height: 60px;
        background: rgba(26, 188, 156, 0.15);
        border-radius: 6px;
    }

    .ai-services .card .card-img .animate-ai-spin{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 9999px;
        border-width: 2px;
        border-color: #ffffff;
        border-style: dashed;
        opacity: 0.3;
        border-radius: 6px;
        width: 60px;
        height: 60px;
        background: rgba(26, 188, 156, 0.15);
        animation: spin-border 10s linear infinite;
        opacity: 0;
    }

    .ai-services .card:hover .card-img .animate-ai-spin{
        opacity: 0.3;
    }

    @keyframes spin-border {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }



    .ai-services .line-animation{
        top: 0;
        position: absolute;
        height: 2px;
        width: 100%;        
    }

    .ai-services .line-animation .div-1{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        /*background-color: #e5e7eb;*/
    }

    #ai-data-stream{
        position: relative;
        /*left: 0;
        bottom: 0;*/
        width: 100%;
        height: 2px; /* h-px */
        /*background: linear-gradient(90deg, rgba(26, 188, 156, 0) 0%, rgba(26, 188, 156, 0.25) 25%, rgba(26, 188, 156, 0.5) 50%, rgba(26, 188, 156, 0.25) 75%, rgba(26, 188, 156, 0) 100%);*/
    }

    #ai-data-stream:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2.69px;
        left: 0;
        right: 0;
        /*background: linear-gradient(180deg, #080E0C 0%, #030712 100%);*/
        z-index:888;
    }

    #ai-data-stream:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        left: 0;
        right: 0;
        background: linear-gradient(90deg, rgba(26, 188, 156, 0) 0%, rgba(26, 188, 156, 0.25) 25%, rgba(26, 188, 156, 0.5) 50%, rgba(26, 188, 156, 0.25) 75%, rgba(26, 188, 156, 0) 100%);
        border-radius: 10px;
        z-index: 999;
    }

    .ai-services .line-animation .div-2{
        position: absolute;
        bottom: -0.5rem;  
        left: 5%;        
        width: 10px;    
        height: 10px;   
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite; 
    }

    .ai-services .line-animation .div-3{
        position: absolute;
        bottom: -0.75rem;   
        left: 15%;          
        width: 12px;     
        height: 12px;
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 0.5s;     
    }


    .ai-services .line-animation .div-4{
        position: absolute;
        bottom: -0.25rem; 
        left: 30%;        
        width: 10px;   
        height: 10px;  
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 1s;       
    }

    .ai-services .line-animation .div-5{
        position: absolute;
        bottom: -0.25rem; 
        left: 45%;        
        width: 8px;   
        height: 8px;  
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 1.5s;       
    }


    .ai-services .line-animation .div-6{
        position: absolute;
        bottom: -0.25rem; 
        left: 60%;        
        width:15px;   
        height:15px;  
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 0.5s;       
    }

    .ai-services .line-animation .div-7{
        position: absolute;
        bottom: -0.25rem; 
        left: 75%;        
        width: 10px;   
        height: 10px;  
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 1s;       
    }


    .ai-services .line-animation .div-8{
        position: absolute;
        bottom: -0.25rem; 
        left: 90%;        
        width: 12px;   
        height: 12px;  
        background-color: #566C67; 
        border-radius: 9999px;     
        animation: float 3s ease-in-out infinite;
        animation-delay: 1.5s;       
    }
    

    @keyframes float {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px);
      }
    }


    @media (max-width: 1200px){
        .ai-services .card{
            padding: 15px;
            min-height: 220px;
        }


        .ai-services .card h3{
            font-size: 16px;
        }
    }

    @media (max-width: 992px){
        .ai-services h2,
        .ai-services p.dec-text{
            max-width: 80%;
            margin-left:auto;
            margin-right:auto;
        }
    }

   /*ai-services css close*/


   /*why-choose-us css start*/

   .why-choose-us{
        background: linear-gradient(90deg, #030913 0%, #06080d 100%);
        padding: 60px 0;
    }


   .why-choose-us .subtext{
        padding: 3px 0px;
        width: 160px;
        height: 35px;
        background: rgba(26, 188, 156, 0.4);
        border-radius: 24px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
   }


   .why-choose-us h2{
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 50px;

   }


    .why-choose-us .cards-content {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .why-choose-us .card {
      background: #111827;
      border: 1px solid #1f2937;
      border-radius: 10px;
      padding: 25px;
      position: relative;
      text-align: left;
    }

    .why-choose-us .icon {
      font-size: 32px;
      margin-bottom: 25px;
      display: inline-block;
    }

    .why-choose-us .percent {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 18px;
        font-weight: bold;
        color: #2dd4bf;
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 35px;
        text-align: center;
        letter-spacing: -0.031em;
        background: linear-gradient(90deg, rgba(26, 188, 156, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .why-choose-us .card h3 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        text-align: left;
        letter-spacing: -0.031em;
        color: #FFFFFF;
    }

    .why-choose-us .card p {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #9CA3AF;
    }

    .why-choose-us .progress {
      background: #1f2937;
      height: 6px;
      border-radius: 4px;
      overflow: hidden;
    }

    .why-choose-us .progress span {
        display: block;
        height: 100%;
        width: 0;
        animation: fill 2s ease forwards;
        width: 452.05px;
        height: 5px;
        left: 25px;
        top: 210px;
        background: rgba(26, 188, 156, 0.25);
        border-radius: 7px;

    }

    /* Progress target widths */
    .why-choose-us .p85 span { animation-delay: 0.2s; --target: 85%; }
    .why-choose-us .p90 span { animation-delay: 0.4s; --target: 90%; }
    .why-choose-us .p100 span { animation-delay: 0.6s; --target: 100%; }

    @keyframes fill {
      from { width: 0; }
      to { width: var(--target); }
    }

    /* Responsive */
    @media (min-width: 700px) {
    .why-choose-us .cards-content {
        grid-template-columns: repeat(2, 1fr);
      }
    }

   /*why-choose-us css close*/


   /*ai-transformations start css*/

    .ai-transformations{
        /*background: linear-gradient(360deg, #080E0C 0%, #030712 100%);*/
        padding: 60px 0;
        position: relative;
   }


   
    .ai-transformations:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(3 7 18 / 50%);
        z-index: -1;

    }

   .ai-transformations .subtext{
        padding: 3px 0px;
        width: 245px;
        height: 35px;
        background: rgba(26, 188, 156, 0.4);
        border-radius: 24px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
   }


   .ai-transformations h2{
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 16px;
    }

    .ai-transformations p.dec-text{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        padding: 0 0 50px 0;
        text-align: center;
    }

   .ai-transformations .cards{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
   }

   .ai-transformations .card{
        position: relative;
        box-sizing: border-box;
        width: 31%;
        height: 315px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 10px;
        padding: 25px;
        overflow: hidden;
   }

    .ai-transformations .card .card-shap{
        position: absolute;
        width: 175px;
        height: 175px;
        right: -50px;
        top: -31px;
        border-radius: 50%;
        background: rgba(26, 188, 156, 0.08);
    }

   .ai-transformations .card .icon{
        box-sizing: border-box;
        padding: 15px;
        width: 70px;
        height: 70px;
        background-color: rgba(255, 255, 255, 0.1);
        border: 2px dashed rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        margin-bottom: 25px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }




    .ai-transformations .card .icon:after{
        position: absolute;
        content: '';
        left: -2px;
        right: -2px;
        bottom: -2px;
        top: -2px;
        border: none;
        border-radius: 8px;
        background: 
                linear-gradient(90deg, rgb(255 255 255 / 40%) 5%, transparent 100%), 
                linear-gradient(90deg, rgb(255 255 255 / 40%) 5%, transparent 100%), 
                linear-gradient(0deg, rgb(255 255 255 / 40%) 5%, transparent 100%), 
                linear-gradient(0deg, rgb(255 255 255 / 40%) 5%, transparent 100%);
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
        background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
        animation: dash 5s linear infinite;
        opacity: 0;
        z-index: -1;
    }

    @keyframes dash {
        to {
            background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
        }
    }
    .ai-transformations .card:hover .icon{
        border-color:transparent;
    }

    .ai-transformations .card:hover .icon:after{
        opacity: 1;
    }




    .ai-transformations .card .badge-text{
        padding: 4px 12px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 28px;
        text-align: center;
        width: max-content;
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.031em;
        color: #60A5FA;
    }

    .ai-transformations .card h3{
        font-family: 'ralewaysemibold';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
        letter-spacing: -0.031em;
        color: #FFFFFF;
        margin: 15px 0;
    }


    .ai-transformations .card p{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.01em;
        color: #9CA3AF;
    }

    .ai-transformations .card .text-bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ai-transformations .card .text-bottom p{
        font-family: 'hind_maduraisemibold';
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        margin: 0;
    }

    .ai-transformations .card .text-bottom .arrow-icon{
        padding: 8px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .ai-transformations .card .text-bottom .arrow-icon .arrow-icon-bg{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
    }

    .ai-transformations .animation-btn-box{
        text-align: center;
        margin-top: 50px;
    }


    @media (max-width: 991px){
        .ai-transformations .card{
            width: 48%;
            height: 335px;
        }
    }


    @media (max-width: 767px){
        .ai-transformations .card{
            width: 100%;
            height: 300px;
        }
    }



     @media (max-width: 576px){
        .ai-transformations .card{
            height: 330px;
        }
    }


    .recentProject{
        display: block;
        width: 100%;
        padding:60px 0;
        color: #fff;
        background: transparent;
        background-size: cover;
        position: relative;
    }


    .recentProject .headingSec h4{
        margin:10px 0;
        color: #fff;
        font-family: var(--font-heading);
        font-style: italic;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        text-transform: initial;

    }
    .recentProject .headingSec h2{
        margin-bottom: 45px;
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-family: var(--font-heading);
        text-transform: initial;
    }

    .recentProject .swiper-container{
        padding: 0 !important;
    }


    .hm_prt_cnt h6 {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 500;
        text-align: center;
        margin-bottom: 20px;
    }
    .recentProject .swiper-button-next,.recentProject .swiper-container-rtl .swiper-button-prev,
    .recentProject .swiper-button-prev,.recentProject .swiper-container-rtl .swiper-button-prev{
        background-color: #23A799;
       
    }
    /*.recentProject .swiper-button-prev,.recentProject .swiper-container-rtl .swiper-button-prev{
        background-color: #000;
    }*/
    .lestDiscius {
        position: relative;
        padding-right: 70px!important;
    }

    @media(max-width: 576px){
        .recentProject .swiper-button-next, 
        .recentProject .swiper-button-prev {
            top: 62% !important;
        }
    }




   /*work-with-us css start*/
    .work-with-us {
        padding: 60px 0;
        background-color: #04211C;
        position: relative;
    }



    .work-with-us.contactSec .from-right-block:before{
        display: none;
    }

    .work-with-us:after{
        position: absolute;
        content: '';
        max-width: 1200px;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        background: url(../../../assets/img/dark-theme-img/working-with-us-glow-shap.webp) no-repeat;
        background-size: contain;
        background-position: top;
        z-index: 0;
        margin: 0 auto;
    }


    .work-with-us h2 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .work-with-us .text-dec{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.031em;
        color: #9CA3AF;
    }

    .work-with-us p {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.031em;
        color: #9CA3AF;
        text-align: center;
        margin-bottom: 90px;
    }



    .work-with-us .contactSec_inr{
        background: none !important;
    }


    .work-with-us .contact-info-section, .inquiry-form-section {
        flex: 1;
        min-width: 300px;
    }

    .work-with-us .work-content-box{
        background-color: #F8F8F8;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        z-index: 10;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        border-radius: 10px;
    }

    .work-with-us .right-box{
        width: 58%;
    }

    .work-with-us .contact-info-section {
        background-color: #04211C;
        padding: 25px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 490px;
        position: relative;
        overflow: hidden;
    }

    .work-with-us .contact-info-section .contact-information-shap{
        position: absolute;
        right: -100px;
        bottom: -110px;
        z-index: 0;
    }

    .work-with-us .contact-info-section .contact-information-shap img{
        width: 270px;
    }

    .work-with-us .contact-info-section h3 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 33px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .work-with-us .contact-info-section p {
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #C9C9C9;
        text-align: left;
        margin-bottom: 50px;
    }

    .work-with-us .info-card {
        display: flex;
        align-items: center;
        gap: 15px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 0;
        background: transparent;
        border-radius: 4px;
    }

    .work-with-us .emailid-block a{
        flex-direction: row;
        padding: 14px 10px 10px 10px;
        gap: 15px;
        justify-content: flex-start;
        align-items: center;
    }


    .work-with-us .info-card .icon {
        padding: 10px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        height: 45px;
        width: 54px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        position: initial;    
    }

    .work-with-us .info-card .info-card-content h5{
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        color: #23A799;
        margin:0;
    }

    .work-with-us .info-card .info-card-content .large-text{
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #FFFFFF;
        text-decoration: none;

    }

    .work-with-us .info-card span {
        font-weight: 600;
    }

    .work-with-us .what-you-will-get {
        margin-top: 50px;
    }




    .work-with-us .what-you-will-get h3 {
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 33px;
        color: #FFFFFF;
    }

    .work-with-us .what-you-will-get ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .work-with-us .what-you-will-get ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #C9C9C9;
    }

    .work-with-us .what-you-will-get ul li::before {
        content: '•'; /* Or a checkmark icon */
        color: #23A799;
        position: absolute;
        left: 0;
        font-size: 1.5em;
        top: 0;
    }

    .work-with-us .social-links {
        display: flex;
        gap: 24px;
        margin-top: 85px;
        justify-content: center; /* Center on mobile */
        z-index: 10;
        position: relative;
    }

    .work-with-us .social-link {
        border-radius: 50%;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        transition: background-color 0.3s ease;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 3px;
        gap: 10px;
        width: 30px;
        height: 30px;
        background: rgba(255, 255, 255, 0.1);
    }

    .work-with-us .social-link:hover {
        color: #04211C;
        background-color: #fff;
    }

    .inquiry-form-section {
        padding:40px 0 0 0;
        border-radius: 8px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        
    }

    .work-with-us .form-group {
        display: flex;
        flex-direction: column;
    }

    .work-with-us .form-group.full-width {
        grid-column: 1 / -1; /* Spans all columns */
    }

    .work-with-us .inquiry-form-section label {
        margin: 10px 0 0 0;
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        color: #5F6979 !important;
        transform: none !important;
    }

    .work-with-us .inquiry-form-section label.error {
        margin: 0 !important;
        position: initial;
        color: red !important;
        font-size: 13px;
    }

    .work-with-us .form-group {
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 0;
    }

    .work-with-us .add_file_inr{
        position: initial;
    }

    .work-with-us .form-icon {
        position: absolute;
        left: 8px;
        color: var(--placeholder-color);
        margin: 6px 0 0 0;
    }

    .work-with-us .form-icon img{
        width: 20px;
        vertical-align: text-top;
        height: 20px;
    }

    .work-with-us .form-group input,
    .work-with-us .form-group select,
    .work-with-us .form-group textarea {
        outline: none;
        font-family: 'hind_madurairegular';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #999A9A !important;
        background: #fff;
        border: 1px solid #E6E9F3 !important;
        border-radius: 4px;
    }

    .work-with-us .form-group input,
    .work-with-us .form-group select{
        padding: 10px 10px 10px 46px;
        height: 40px;
        background: #fff;
        border: 1px solid #E6E9F3 !important;
        border-radius: 4px;
        outline: none !important;
        box-shadow: none !important;

    }


    .work-with-us .form-group textarea,
    .work-with-us .captcha-box .form-group input{
        padding: 12px !important;
    }

    .work-with-us .form-group input{
        color: #fff;
    }


    .work-with-us .form-group input::placeholder,
    .work-with-us .form-group select option:first-child {
        font-family: 'hind_madurairegular' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #999A9A !important;
    }

    .work-with-us .form-group input::-ms-input-placeholder, 
    .work-with-us .form-group select option:first-child{ /* Edge 12 -18 */
        font-family: 'hind_madurairegular' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important; 
        color: #999A9A !important;
    }


    .work-with-us .form-group input::placeholder,
    .work-with-us .form-group select::placeholder,
    .work-with-us .form-group textarea::placeholder {
        color: #999A9A;
    }




    .work-with-us .form-group select {
        appearance: none; /* Remove default arrow */
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23E2E8F0%22%20d%3D%22M200.7%2099.3L128%20172l-72.7-72.7c-4.7-4.7-12.3-4.7-17%200s-4.7%2012.3%200%2017L120.5%20197.5c4.7%204.7%2012.3%204.7%2017%200l80.2-80.2c4.7-4.7%204.7-12.3%200-17s-12.3-4.7-17%200z%22%2F%3E%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 1em;
        padding-right: 30px; /* Make space for the arrow */
    }


    .work-with-us .frm_upld_Sec{
        display: inline-block;
    }

    .work-with-us textarea {
        min-height: 145px;
        resize: vertical;
    }

    .work-with-us .file-upload-box{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .work-with-us .file-upload {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #A0AEC0;
        font-family: 'hind_madurairegular';
        background-color:#fff;
        border-radius: 4px;
        border: 1px dashed #ccc;
        padding: 10px;
        text-align: center;
        width: 100%;
        height: 145px;
        flex-direction: column;
    }


    .work-with-us .file-upload input{
        width: 100%;
        padding: 10px;
        border-radius: 4px 0 0 4px;
    }

    .work-with-us .file-upload button {
        border: none;
        cursor: pointer;
        background: #23A799;
        border-radius: 4px;
        line-height: 20px;
        color: #04211C;
        width: 35px;
        height: 35px;
        padding: 4px 8px;
    }


    .work-with-us .file-upload input[type="file"] {
        display: block;
        height: 50px;
        position: absolute;
        z-index: 999;
        bottom: 0;
    }

    .work-with-us .file-upload label {
        background-color: #00a884;
        color: white;
        padding: 5px 10px;
        cursor: pointer;
        font-size: 20px;
    }
    
    .work-with-us .file-upload p {
        margin: 0 0 10px 0;
        color: #5F6979;
        font-size: 14px;
        font-family: 'hind_madurairegular';
        line-height: 20px;
    }

    .work-with-us .file-upload .cloud-icon {
        color: #00a884;
        font-size: 24px;
    }



    .work-with-us .animation-btn-box .btn-border-animate{
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
    }




    .work-with-us .captcha-group {
        display: flex;
        align-items: center;
        gap: 15px;
    }


    .work-with-us .captcha-group label{
        display: block;
    }
/*
    .work-with-us .captcha-group input {
        flex-grow: 1;
    }*/

    .work-with-us .enter-captcha{
       width:80%      
    }

    .work-with-us .captcha-code{
       width:20%;     
    }

    .work-with-us .captcha-image {
        border-radius:0;
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
        min-width: 90px;
        text-align: center;
        padding: 10px;
        width: 100%;
        height: 40px;
        background: #04211C;
        font-family: "hind_madurairegular";
        font-weight: 400;
        font-style: normal;

    }

    .work-with-us .send-button {
        grid-column: 1 / -1;
        text-align: right;
        margin-top: 20px;
    }


    .work-with-us .animation-btn-box{
        text-align: center;
        margin: 25px auto 0 auto;
        padding: 0;
        border-radius: 50%;
        background: transparent;
    }

    .work-with-us .animation-btn-box:before,
    .work-with-us .animation-btn-box:after{
        border-radius: 50%;
    }

    .work-with-us .btn-border-animate::before,
    .work-with-us .btn-border-animate{
        border-radius: 30px;
        min-width: 183px;
        margin: 0 auto;
    }

    .work-with-us .captcha-group input{
        padding: 10px;
        width: 100%;
    }

    .intl-tel-input.allow-dropdown .selected-flag{
        width:39px;
        padding:0 4px;
    }

    @media (max-width: 1200px){
        .work-with-us p{
            margin-bottom: 65px;
        }
    }


    @media (max-width: 992px){
        .work-with-us .work-content-box{
            flex-direction: column;
        }

        .work-with-us .contact-info-section{
            width: 100%;
            max-width: 100%;
        }

        .work-with-us .right-box {
            width: 100%;
        }

        .inquiry-form-section{
            padding: 0;
        }


        .work-with-us p{
            margin-bottom: 40px;
        }

        .work-with-us .social-links{
            margin-top: 0;
        }

        .work-with-us .inquiry-form-section {
            grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        }

        .work-with-us:after {
            max-width: 100%;
            top: 0%;
            height: 50%;
            width: 100%;
            background-position: 40% 50%;
        }


        .work-with-us .emailid-block {
            width: 100%;
            margin: 10px 0;
        }

    }


    /* Responsive adjustments */
    @media (max-width: 768px) {

        
        .work-with-us .contact-info-section, .inquiry-form-section {
            min-width: unset; /* Remove min-width for stacking */
        }

        .work-with-us .inquiry-form-section {
            grid-template-columns: 1fr; /* Stack form fields */
        }

        .work-with-us .form-group.full-width {
            grid-column: auto; /* Reset full-width for stacking */
        }

        .work-with-us .send-button {
            text-align: center; /* Center button on mobile */
        }

        .work-with-us .social-links {
            justify-content: center;
        }

        .inquiry-form-section{
            gap: 10px;
        }

         .work-with-us:after {
            max-width: 100%;
            top: 0%;
            height: 38%;
            width: 94%;
            background-position: 40% 50%;
            background-size: contain;
        }


        .work-with-us .contact-info-section h3,
        .work-with-us .what-you-will-get h3{
            font-size: 24px;
        }


        .work-with-us .inquiry-form-section .col-md-6 {
            padding: 0;
        }


        .work-with-us .what-you-will-get {
            margin: 30px 0 50px 0;
        }

        .captcha-box{
            flex-direction: column;
        }


        .captcha-box .col-sm-12{
            padding: 0;
        }


    }
    @media (max-width: 576px) {
        .work-with-us .captcha-group {

            align-items: flex-start;
        }

        .work-with-us .captcha-image {
            margin-bottom: 10px;
        }
      
        .work-with-us h2 {
            font-size: 2em;
        }
        .work-with-us p.text-dec {
            font-size: 1em;
        }
        .work-with-us .contact-info-section h3, .work-with-us .what-you-will-get h2 {
            font-size: 1.4em;
        }

        .work-with-us .enter-captcha {
            width: 60%;
        }
        .work-with-us .captcha-code {
            width: 38%;
        }

        .work-with-us .contact-info-section{
            padding: 10px;
        }


        .work-with-us .info-card .icon{
            padding: 6px;
            height: 40px;
            width: 40px;
        }

        .work-with-us .work-content-box{
            padding: 10px;
        }
    }


    /*work-with-us css close*/




    .firm-logo-slider{
        background-color: #030712;
        padding: 45px;
        position: relative;
        overflow: hidden;
    }

    .firm-logo-slider:after{
        position: absolute;
        content: '';
        max-width: 100%;
        height: 80%;
        left: 0;
        right: 0;
        top: auto;
        background: url(../../../assets/img/dark-theme-img/glow-shap.png) no-repeat;
        background-size: cover;
        background-position: center;
        margin: 0 auto;
        z-index: 0;
        bottom: 0;
    }
    

    .firm-logo-slider h2{
        font-family: var(--font-heading);
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        background: linear-gradient(270deg, #FFFFFF 0%, #1ABC9C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 38px;



    }    
    .firm-logo-slider .logo-slider-container {
        width: 100%;
        max-width: 100%; /* Adjust as needed */
        margin: 0 auto;
        overflow: hidden; /* This is crucial. It hides logos outside the container. */
        position: relative;
        z-index: 999;
    }

    
    .firm-logo-slider .logo-slider {
        display: flex; 
        flex-shrink: 0;
        flex-direction: row;
        white-space: nowrap; 
        /*animation: slide-logos 30s linear infinite;*/
    }

    
/*    .firm-logo-slider .logo-slider-container:hover .logo-slider {
        animation-play-state: paused;
    }*/

    
    .firm-logo-slider .logo-slide {
        flex-shrink: 0;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10%;
    }


    .firm-logo-slider .logo-slide img {
        width: 100%;
        opacity: 0.6;
        transition: filter 0.3s ease, opacity 0.3s ease;
    }


/*    @keyframes slide-logos {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-100%);
        }
    }
*/

    @media(max-width: 991px){
        .firm-logo-slider .logo-slide {
            padding: 0 10px;
        }
    }
    @media(max-width: 767px){
        .firm-logo-slider{
            padding: 45px 0;
        }
        .firm-logo-slider .logo-slide img {
            width: 80px;
        }

        .firm-logo-slider .logo-slide{
            padding: 0 4px;
        }

        .firm-logo-slider h2{
            font-size: 32px !important;
            width: 90%;
            margin: 0 auto 30px auto;
        }

    }    

    @media(max-width: 576px){
        .firm-logo-slider .logo-slide{
            padding: 0 5px;
        }

        .firm-logo-slider h2{
            font-size: 24px !important;
        }
    }



/*footer css start*/

.footer {
    background-color: #030712; /* Dark background color from the image */
    color: #afafaf; /* Light grey text color */
    padding:50px 20px 15px 20px;
    font-size: 15px;
    line-height: 1.6;
}

/* Top Section: Logo and Tagline */
.footer-top {
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0 0 25px 0;
}

.footer-logo img {
    max-width: 200px; /* Adjust logo size */
    height: auto;
    margin-bottom: 15px;
}

.footer-tagline {
    max-width: 742px;
    margin: 0 auto;
    font-family: var(--font-heading);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #9CA3AF;
    display: block !important;

}

/* Main Footer Grid Section */
.footer-main {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/* Footer Column Styling */
.footer-column {
    flex: 1; /* Allows columns to grow and shrink */
    min-width: 250px; /* Minimum width before wrapping */
    margin-bottom: 30px; /* Space between columns on smaller screens */
    padding: 0 15px; /* Internal padding for columns */
}

.footer-column:last-child {
    min-width: 300px; /* Adjust contact column width */
}

.footer-column h3 {
    color: #fff; /* White color for headings */
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
    font-family: var(--font-heading);
}


.footer-column h4 {
    font-family: var(--font-heading);
    color: #fff; /* White color for headings */
    font-size: 14px;
    margin-bottom: 30px;
}

/* Underline effect for headings */
.footer-column h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px; /* Adjust distance from text */
    width: 40px; /* Length of the underline */
    height: 2px;
    background-color: #1ABC9C; /* Accent color (light blue/cyan) */
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: #afafaf; /* Link color */
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex; /* For icon alignment */
    align-items: flex-start;
    font-family: "hind_madurairegular";
}

.footer-column ul li a:hover {
    color: #1ABC9C; /* Accent color on hover */
}

/* Icon Styling */
.footer-column ul li a i {
    color: #1ABC9C;
    font-size: 16px;
    margin: 3px 10px 0 0;
    transition: all 0.3s ease 0s;
}


.footer-column ul li:hover a i {
    transition: all 0.3s ease 0s;
    transform: translateX(5px);
}

/* Specific styling for contact items (text next to icon) */
.footer-column .contact-item {
    display: flex;
    align-items: flex-start; /* Align text to top if it wraps */
    margin-bottom: 15px;
    color: #afafaf;
}


.footer-column .contact-item a span{
    color: #afafaf;
}

.footer-column .contact-item i {
    margin-top: 2px; 
    margin-right: 10px;
    color: #00bcd4;
    font-size: 16px;
}

.footer-column .contact-item i img{
    vertical-align: top;
}


.footer-column .contact-item span {
    flex: 1; 
}

/*copyright css start*/

.copyright{
    background-color: #121212;
    padding: 20px 15px;
}

.copyright p{
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #9CA3AF;
    margin: 0;
    text-align: center;
}

@media(max-width: 576px){
    .copyright p{
        font-size: 16px;
        line-height: 22px;
    }
}

/*copyright css close*/


/* Responsive Adjustments */
@media (max-width: 1370px) {
    .footer-column,
    .footer-column:last-child{
        min-width: 230px;
    }
}
@media (max-width: 1200px) {
    .footer .container {
        max-width: 100% !important;
    }
    .footer-main {
        flex-wrap: wrap;
        width: 100%;
    }
    .footer-tagline{
        text-align: center !important;
        max-width: 100%;
        margin: 15px 0 20px 0 !important;
    }

    .footer-logo{
        width: 100%;
        text-align: center;
    }

    .footer-logo img{
        margin: 0 auto;
    }


    .footer-column,
    .footer-column:last-child{
        min-width: 24%;
    }

}
@media (max-width: 991px) {
    .footer-column {
        min-width: 220px;
        flex-basis: 48%; /* Two columns per row */
    }
    .footer-column:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .footer{
        padding: 50px 0 15px 0;
    }
    .footer-top {
        margin-bottom: 30px;
    }
    .footer-logo img {
        max-width: 180px;
    }
    .footer-tagline {
        font-size: 15px;
    }
    .footer-column {
        flex-basis: 46%; 
        min-width: unset;
        padding: 0 ;
        margin-bottom: 25px;
        text-align: left;
    }

    .footer-column:last-child {
        min-width: 46%;
    }
    .footer-column h3 {
        text-align: left; /* Center align headings */
    }
    .footer-column h3::after {
        left: 0;
        transform: translateX(0);
    }

    .footer-column ul li a,
    .footer-column .contact-item {
        justify-content: flex-start;
    }

    .footer-column ul li a i,
    .footer-column .contact-item i {
        margin-right: 8px;
    }
}

@media (max-width: 576px) {
    .footer {
        padding: 40px 0;
    }

    .footer-logo img {
        max-width: 150px;
    }
    .footer-column,
    .footer-column:last-child  {
        flex-basis: 100%; 

    }

    
    .footer-tagline {
        font-size: 14px;
        padding: 0 10px;
    }
    .footer-column h3 {
        font-size: 17px;
    }
    .footer-column ul li {
        font-size: 14px;
    }
    .footer-column .contact-item {
        font-size: 14px;
    }
}


/*footer css close*/





@media (min-width: 1500px){
    .features-block .topRated .columnThree .blueHighlight h4,
    .features-block .topRated .columnThree .blueHighlight p{
        max-width: 400px;
        margin-left: 0;
    }

    .topRated .columnThree .contentDesc{
        min-height: 260px;
    }
}


@media (max-width: 1370px){
    .features-block .topRated .columnThree .blueHighlight h4,
    .features-block .topRated .columnThree .blueHighlight p{
        max-width: 334px !important;
    }

    .features-block p{
        line-height: 24px !important;
    }
}


@media only screen and (max-width:1199px) {
    .container{
        max-width: 100% !important;
    }
    
    h2{
        font-size: 36px !important;
    }
    .features-block .topRated{
        display: block;
    }

    .topRated .columnThree .contentDesc{
        min-height: 280px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .topRated .columnThree {
        width: 33%;
    }


}



@media (min-width: 768px) and (max-width: 991px) {
    .features-block .topRated .columnThree .contentDesc .contentTexture{
        height: 350px;
    }
    .topRated .columnThree .contentDesc .contentTexture h4{
        font-size: 18px;
    }

    .topRated .columnThree .contentDesc .development-service{
        padding: 20px !important;
    }

    .topRated .columnThree .contentDesc .contentTexture p{
        margin-bottom: 8px;
    }
}


@media only screen and (max-width: 767px) {
    .topRated .columnThree {
        width: 100%;
        background-size: cover;
    }

    h2 {
        font-size: 32px !important;
    }
}

@media only screen  and (max-width:576px){
    .topRated .columnThree .contentDesc .contentTexture ul.list li{
        padding:6px;
    }

    h2 {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    .features-block,
    .client-collaboration,
    .business-partnership-modal,
    .ai-services,
    .ai-transformations,
    .why-choose-us{
        padding:50px 0;
    }
}



@media (min-width:577px) and (max-width:767px){
    .topRated .columnThree .contentDesc .contentTexture p{
        line-height: 20px;
        margin-bottom: 20px;
    }    
}



@media (min-width:768px) and (max-width:991px) {
    .topRated .columnThree .contentDesc .contentTexture{
        height: 300px;
    }
}



/*about page css start*/




.aboutSection{
    background-color: rgb(26 188 156 / 20%);
}

.aboutSection .main-content-block h2{
    font-family: var(--font-heading);
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    max-width: 1110px;
    margin: 0 auto;
    text-transform: initial;
}

.missionStatement h4{
    color: #000
}

.aboutSection .main-content-block.new-main-content-block .s-title-bar{
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    color: #9CA3AF;
}

.aboutSection .main-content-block .title-bar{
    color: #9CA3AF;   
}

.missionStatement h4{
    color: #fff;
}

.missionStatement p{
    color: #9CA3AF;
}


.businessSection{
    background-color: rgb(5 8 16 / 50%);
}

.businessSection h2{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}


.businessSection .thoughtBlock{
    background: rgb(12 45 38 / 30%);
}


.businessSection .thoughtBlock:hover{
    background: rgb(12 45 38 /100%);   
}



.ourTeamBlock{
    background: #206962;
}



.archivesSection{
    background:rgb(26 188 156 / 20%); 
}

.archivesSection li{
    background-color: transparent;
    min-height: 180px;
    border-right: 1px solid rgb(255 255 255 / 10%);
}


.archivesSection .archivetext p{
    color: #fff;
    font-family: 'hind_madurairegular';

}

.proposal-block{
    background:#0c2d26; 
    border-top:1px solid rgb(255 255 255 / 10%);
}



.proposal_hd{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
    font-weight: 600;
}

.proposal-block .regular-sub-head{
    font-family: 'hind_madurairegular';
    color: #9CA3AF;
}


.aboutSection .animation-btn-box{
    background-color:rgb(26 188 156 / 20%);
    margin: 30px auto 0 auto;
}


.proposal-block .animation-btn-box{
    margin: 30px auto 0 auto;
}


.proposal-block .regular-btns{
    padding: 11px 30px 13px 30px;
    background-color:rgb(26 188 156 / 20%);
    font-family: 'hind_madurairegular';
}


@media(max-width: 1370px){
    .ourTeamBlock{
        padding: 76px;
    }
}



@media(max-width: 1200px){
    .ourTeamBlock{
        padding: 50px;
    }
}

/*about page css close*/




/*contact-us page css start*/

.home_bnr_inr.contact_bnr{
    padding-top: 130px;
}

.tabing-section.contact-tabing-block .horizontalTab ul li a.active{
    background-color:#206962;
}


.home_bnr_inr h1{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}

.contact_bnr .in-banner-content p{
     font-family: 'hind_madurairegular';
}

.cnt_pg_frm .form-block.row .col-lg-8,
.contactSec .from-right-block{
    background: #F8F8F8;
}

.work-with-us .form-group input, 
.work-with-us .form-group select{
    padding: 10px 10px 10px 46px;
    height: 40px;
    background: #fff;
    border: 1px solid #E6E9F3 !important;
    border-radius: 4px;
    outline: none !important;
    box-shadow: none !important;
}

.home_bnr.work-with-us:after{
    display: none;
}

.home_bnr.work-with-us label{
    margin: 10px 0 0 0;
    font-family: 'hind_madurairegular';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #5F6979 !important;
    transform: none !important;
}

.home_bnr.work-with-us .form-group {
    margin: 0 !important;
}

.work-with-us label.error{
    margin: 0 !important;
    position: initial;
    color: red !important;
    font-size: 13px;
}


/*.home_bnr.work-with-us .animation-btn-box:before,
.home_bnr.work-with-us .animation-btn-box:after,
.home_bnr.work-with-us .btn-border-animate,
.home_bnr.work-with-us .animation-btn-box{
    border-radius: 6px !important;
    height: 60px !important;
}*/

/*.home_bnr.work-with-us .contactSec .from-right-block .comman-btn:hover{
    background: transparent !important;
}*/

.home_bnr.work-with-us{
    padding: 0;
}

.home_bnr.work-with-us .contactSec .from-right-block .comman-btn{
    background-color: #0f3029 !important;
    color: #fff !important;
    border:1px solid #0f3029;
}

.home_bnr.work-with-us .contactSec .from-right-block{
    border: none;
}

.home_bnr.work-with-us .form-group input, 
.home_bnr.work-with-us .form-group select{
    padding: 10px 10px 10px 35px !important;
}

@media (max-width: 1200px) {
    .cnt_pg_frm .form-block.row .col-lg-8{
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .cnt_pg_frm .form-block.row .col-lg-4 .contact-link-block {
        flex-direction: column;
    }
}


@media (max-width: 768px) {
    .home_bnr.work-with-us .captcha-box {
        flex-direction: row;
        padding: 0 15px;
    }
}



/*contact-us page css close*/



/*web-development */

.home_bnr_inr.dev_pg p{
   font-family: 'hind_madurairegular';
   text-transform: initial; 
}

.ai-services.web-development .card .card-img img{
    width: 35px;
    height: 35px;
}


.ai-services.web-development .card{
    min-height: 265px;
}

.ai-services.web-development .card-box{
    margin-top: 50px;
}


.chatInr h2{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}

.chatsub-top-Title{
    font-family: var(--font-heading);
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.031em;
    color: #9CA3AF;
    width: 100%;
    margin-bottom: 5px;
}


.chatInr p{
    font-family: 'hind_madurairegular';
    color: #9CA3AF;
}

.support-content-block{
    background:#206962;
}


.support-content-block:after, .sticky-header-bar:after{
    border-top: 12px solid #206962;
}

.technologiesProvide .tablist-block ul li a.active:before{
    background-color: #206962;
}

.chatSolution .animation-btn-box{
    margin: 40px auto 0 auto;
}

.mobile-solution ul li .chatOption{
    background: rgb(255 255 255 / 10%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 15px;
    justify-content: center;
}

.chatOptionName {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: 'hind_madurairegular';
    
}

@media (max-width: 1300px) {
    .ai-services.web-development .card{
        min-height: 286px;
    }
}

@media (max-width: 1200px) {
    .ai-services.web-development .card{
        min-height: 270px;
    }
}

@media (max-width: 767px) {
    .ai-services.web-development .card{
        min-height: auto;
    }
}


/*web-development */
/*android-app-development */


.ai-services.android-app-development .card-box .card .card-img img,
.ai-services.react-native-app-development .card-box .card .card-img img,
.ai-services.react-app .card-box .card .card-img img,
.ai-services.section-coman-style .card-box .card .card-img img{
    width: 35px;
    height: 35px;
    filter: invert(1) brightness(10);
}

/*android-app-development */


.home_bnr .hero-section-common-style h1,
.home_bnr .react_native_page h1,
.home_bnr .app_service_pg h1{
    text-align: left;
}

.home_bnr .hero-section-common-style p,
.home_bnr .react_native_page p{
    font-family: 'hind_madurairegular';
    text-transform: initial;
}

.ai-services.section-coman-style h2{
    margin-bottom: 10px;
}

.ai-services.section-coman-style .card-box{
    margin-top: 50px;
}

.ai-services.react-app .card{
    min-height: 260px;
}


.react-native-web-app .card{
    min-height: 245px;
}

.nodejs-app-development .card{
    min-height: 250px;
}





.soultionWeb{
    background-color: transparent;
}


.collaborativeBlock h3, .headingProvider h3{
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: initial;
}

 .engangementModels h3{
    color: #fff;
    font-family: 'hind_madurairegular' !important;
 }



 .engangementModels h5 {
    color: #fff;
    font-family: 'hind_madurairegular' !important;
    font-weight: 400 !important;
 }

.soultionWeb .collaborativeBlock p,
.soultionWeb h5.prepare-futr,
.headingProvider h5{
    font-family: 'hind_madurairegular' !important;
    color: #9CA3AF !important;
    font-weight: 500 !important;
}


.collaborativeBlock ul li{
    color: #fff;
}

.businessProcess li{
    background: rgb(32 105 98 / 40%);
    border-radius: 4px;
}

.businessProcess li p{
    color: #fff;
    font-weight: 400;
    font-family: 'hind_madurairegular' !important;
}

.b-engangementModels{
    background: rgb(32 105 98 / 20%);
}

.mobile-app-services .card,
.magento-e-commerce .card,
.what-is-right .card,
.YII-website-developers .card,
.xamarin-app .card,
.demand-web-solution .card,
.ui-ux-design-company .card{
    min-height: 260px;
}

.iot-app-development .card{
    min-height: 265px;
}


.ui-ux-development .card,
.consulting-service .card,
.aupport-maintenance .card,
.ror-web-developers .card,
.laravel-web-development .card,
.hire-PHP-developer .card,
.hire-codeigniter-developers .card,
.php-website-developer .card,
.hire-wordpress-developer .card,
.hire-magento-developers .card{
    min-height: 240px;
}




.appSolution_block1{
    background: rgb(255 255 255 / 10%);
    border-radius: 6px;
    padding: 15px;
    justify-content: center;
}


.business-requir-detail h3{
    color: #fff;
}



.appSolution_block1 .appName{
    color: #fff;
    font-weight: 400;
}

.appSolution_block1 p,
.business-requir-detail p{
    color: #9CA3AF;
    font-family: 'hind_madurairegular' !important;
}

.business-requir-detail p{
    margin-bottom: 25px;
}

.services_bg ul li{
    color: #9CA3AF;
}

.heading_caption h2,
.online-travel .trvl-title-cntnt h2{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}

.heading_caption p{
    font-family: 'hind_madurairegular';
    color: #9CA3AF;
}

.magento-dashboard .left-cntnt ul li.active{
    background: #206962;
}


.magento-dashboard .left-cntnt ul li{
    border-bottom: 1px solid rgba(26, 188, 156, 0.8);
}

.magento-dashboard p,
.chatfeature .chatInr .chatsubTitle,
.online-travel .trvl-title-cntnt .title-bar,
.online-travel .left-cntnt p, 
.online-travel .right-cntnt p,
.bsness-cntnt,
.business-requir-info p,
.hiring-process p,
.mobileappDesc p,
.collaborativeBlock .followListing li a,
.partnership_div .main-content-block .title-bar{
    font-family: 'hind_madurairegular' !important;
    color: #9CA3AF;
}

body .start-a-project.rq-ud-form .main-heading .section-title h3,
body .start-a-project.rq-ud-form .pop_body .section-title h2{
    font-family: 'hind_madurairegular' !important;
    color: #9CA3AF;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 400 !important;
}


.online-travel .right-cntnt .informed-buyers,
.online-travel .left-cntnt .talent-shortage, 
.online-travel .left-cntnt .technology,
.online-travel .right-cntnt .operating-costs{
    border-left: 3px solid #206962;
}




.mobilitySolutions h2,
.hiring-process h2,
.partnership_div .main-content-block h2,
body .start-a-project.rq-ud-form .main-heading .section-title h2{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: center;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}


.business-requir-info h3{
    font-family: var(--font-heading);
    font-style: normal;
    text-align: left;
    background: linear-gradient(270deg, #FFFFFF 0%, #23A799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: initial;
}

.business-requir-list-box ul li:before{
    background-color: #1abc9c;
}

.business-requir-list-box ul{
    background-color: rgb(32 105 98 / 10%);
    border-radius: 6px;
    border: 1px solid #0c2d26;
    min-height: 230px;
    margin-top:15px; 
}

.hiring-process{
    background-color: #19332d; 
}

.hiring-process .initial_intr_bg-inr{
    background: #206962;
}

.hiring-process .initial_intr_bg-inr .slideNo{
    color: #9CA3AF;
}

.hiring-process ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.hiring-process ul li h4{
    font-weight: 400 !important;
}

.hiring-process ul li h4{
    font-family: 'hind_madurairegular' !important;
    color: #fff;
}

.start-a-project.rq-ud-form {
    background: #151515;
}


body .start-a-project.rq-ud-form .pop_body .form-group .form-control,
.pop_body .custom-control .custom-control-label{
    color: #fff;
}

body .start-a-project.rq-ud-form .pop_body .intl-tel-input.allow-dropdown input.form-control {
    padding: 5px 0 0 40px !important
}

body .start-a-project.rq-ud-form .pop_body .form-group .form-control::placeholder{
    color: #ddd !important;
}


body .start-a-project.rq-ud-form .pop_body .form-group.is-focused .form-control-placeholder, body .start-a-project.rq-ud-form .pop_body .form-group.is-filled .form-control-placeholder{
    top: 0;
}


body .start-a-project.rq-ud-form .modal-logo img{
    width: 160px;
}

body .start-a-project.rq-ud-form .pop_body .form-group select.form-control option{
    background-color: #000 !important;
    color: #fff !important;
}


body .start-a-project.rq-ud-form .pop_body .intl-tel-input.allow-dropdown input.form-control{
    padding-left: 52px;
}





.pop_body .custom-control-label::before{
    border: 2px solid rgba(26, 188, 156) !important;
}

.partnership_div{
    background-color:#206962;
}

.support-content-block .process-green-block p strong{
    color: #1abc9c !important;
}

.followIcons.strategy,
.followIcons.cloud,
.followIcons.mobility{
	filter: invert(1);
}


.businessProcess li:after{
    display: block !important;
}


.topnewTitle{
	text-transform: initial;
}

.intl-tel-input.allow-dropdown .selected-flag{
    height: 40px;
}

.thoughtBlock .innerWhite p{
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
    line-height: normal;
}

.intl-tel-input .selected-flag .iti-arrow{
    right: 7px;
}

.intl-tel-input.separate-dial-code .selected-dial-code{
    color: #5F6979;
}

.footer_form_button_div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.footer_form_alert {
  margin-top: 15px;
}

.intl-tel-input.allow-dropdown input, 
.intl-tel-input.allow-dropdown input[type=tel]{
    padding-left: 40px;
}


@media (max-width: 1200px) {
    .thoughtBlock {
        width: 300px;
        height: 300px;
    }

    .thoughtBlock .innerWhite h4{
        font-size: 20px;
    }

    .hiring-process ul li .initial_intraction:after {
        top: 81px;
    }
}
@media (max-width: 992px) {
    .home_bnr .hero-section-common-style h1,
    .home_bnr .hero-section-common-style p,
    .home_bnr .react_native_page h1,
    .home_bnr .react_native_page p{
        text-align: center;
    }

    .home_bnr .app_service_pg h1{
        padding: 0;
    }

    .mobile-app-services .card,
    .magento-e-commerce .card,
    .what-is-right .card {
        min-height: 230px;
    }

    .react-native-web-app .card{
        min-height: 230px !important;
    }

    .iot-app-development .card {
        min-height: 240px;
    }

    .appSolution_block1 {
        min-height: 270px;
    }

    .thoughtBlock {
        padding: 15px;
        width: 245px;
        height: 245px;
    }

    .thoughtBlock .innerWhite p br{
        display: none;
    }

    .thoughtBlock .innerWhite p {
        font-size: 14px;
        width: 82%;
        margin: 0 auto;
    }

    body .start-a-project.rq-ud-form .pop_body .form-group.is-focused .form-control-placeholder, 
    body .start-a-project.rq-ud-form .pop_body .form-group.is-filled .form-control-placeholder{
        top: 0px;
    }

}

@media (max-width: 767px) {
    .ai-services.react-app .card,
    .ui-ux-development .card,
    .consulting-service .card,
    .laravel-web-development .card{
        min-height: auto;
    }



    .home_bnr .app_service_pg h1,
    .home_bnr .app_service_pg p{
        text-align: center;
    }

    .mobile-app-services .card,
    .magento-e-commerce .card,
    .iot-app-development .card,
    .aupport-maintenance .card,
    .what-is-right .card,
    .ror-web-developers .card,
    .hire-PHP-developer .card,
    .hire-codeigniter-developers .card,
    .php-website-developer .card,
    .YII-website-developers .card,
    .hire-wordpress-developer .card,
    .hire-magento-developers .card,
    .xamarin-app .card,
    .demand-web-solution .card,
    .ui-ux-design-company .card{
        min-height: auto;
    }


    .soultionWeb .btnRow{
        margin: 40px auto 0 auto;
    }

    .chatSolution .pull-right {
        float: none;
    }

    .business-requir-list-box ul,
    .business-requir-info p,{
        margin-bottom: 15px;
    }

    .businessProcess li:after{
        display: none !important;
    }

    .thoughtBlock {
        padding: 15px;
        width: 300px;
        height: 300px;
    }

    .businessSection .thoughtBlock_otr .row{
        justify-content: center;
        align-items: center;
        display: flex;
        gap:15px;
    }

    .businessSection .thoughtBlock_otr .row .col-sm-12.col-md-4.col-lg-4{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .soultionWeb .collaborativeBlock .animation-btn-box{
        margin: 30px auto 0 auto;
    }

    body .start-a-project.rq-ud-form .pop_body{
        padding: 20px 0;
    }

    body .start-a-project.rq-ud-form .pop_body .captcha-box .row{
        flex-direction: column;
    }

    body .start-a-project.rq-ud-form .pop_body .captcha-box .row .form-group{
        padding: 0;
    }

    body .start-a-project.rq-ud-form .pop_body .intl-tel-input.allow-dropdown {
        height: 37px;
    }


    body .start-a-project.rq-ud-form .pop_body label.error {
        position: initial;
    }

    .form-group.is-focused .focus-border, .form-group.is-filled .focus-border{
        display: none;
    }

    .business-requir-list-box ul{
        min-height: auto;
    }

    .business-requir-info p{
        padding-right: 0;
        text-align: left;
    }

    .missionStatement{
        margin: 40px 0;
    }

    .home_bnr_inr h1 {
        font-size: 34px;
    }

    .client-collaboration p.italic{
        width: 90%;
        margin: 0 auto 10px auto !important;
    }


}

@media (max-width: 576px) {
    .home_bnr_inr {
        min-height: inherit;
        padding: 150px 15px 110px;
    }

    .mobile-solution ul li {
        width: 100%;
        margin: 5% 0;
    }

    .ai-services .card-box .row {
        margin: 0 -15px !important;
    }

    body .start-a-project.rq-ud-form .pop_body .form-group{
        margin: 25px 0;
    }

    
}


.go-to-top{
    bottom:70px;
}



.about_pg{
    background: url(/assets/img/dark-theme-img/about_us.webp) no-repeat !important;
    background-size: cover !important;
}


.chat-solution{
    background: url(/assets/img/dark-theme-img/chat-solution.webp) no-repeat !important;
    background-size: cover !important;
}

.iphone_dev_pg{
    background: url(/assets/img/dark-theme-img/iphone_landing.webp) no-repeat !important;
    background-size: cover !important;
}

.android_dev_pg{
    background: url(/assets/img/dark-theme-img/android_banner.webp) no-repeat !important;
    background-size: cover !important;
}

.react_native_page{
    background: url(/assets/img/dark-theme-img/hire_react_native_bnr.webp) no-repeat !important;
    background-size: cover !important;
}

.phone-gap-developer {
    background: url(/assets/img/dark-theme-img/hire-phone-gap-developer.webp) no-repeat;
    background-size: cover;
}

.xamrin_developer {
    background: url(/assets/img/dark-theme-img/xamrin_developer_bnr.webp) no-repeat;
    background-size: cover;
}


.app_service_pg {
    background: url(/assets/img/dark-theme-img/app_service_bnr.webp) no-repeat;
    background-size: cover;
}

.web_dev_pg {
    background: url(/assets/img/dark-theme-img/web_dev_bnr.webp) no-repeat;
    background-size: cover;
}


.php_dev_pg {
    background: url(/assets/img/dark-theme-img/php_bnr.webp) no-repeat;
    background-size: cover;
}


.net_pg {
    background: url(/assets/img/dark-theme-img/net_bnr.webp) no-repeat;
    background-size: cover;
}


.java_dev_pg {
    background: url(/assets/img/dark-theme-img/java_bnr.webp) no-repeat;
    background-size: cover;
}


.joomla_pg {
    background: url(/assets/img/dark-theme-img/joomla_bnr.webp) no-repeat;
    background-size: cover;
}

.python_dev_pg {
    background: url(/assets/img/dark-theme-img/python_dev_bnr.webp) no-repeat;
    background-size: cover;
}


.angular_page {
    background: url(/assets/img/dark-theme-img/angular_bnr.webp) no-repeat;
    background-size: cover;
}

.react_js_page {
    background: url(/assets/img/dark-theme-img/react_js_bnr.webp) no-repeat;
    background-size: cover;
}

.nodejs_page {
    background: url(/assets/img/dark-theme-img/node_bnr.webp) no-repeat;
    background-size: cover;
}

.magento_dev_pg {
    background: url(/assets/img/dark-theme-img/magento-bnr.webp) no-repeat;
    background-size: cover;
}


.wordpress_dev_pg {
    background: url(/assets/img/dark-theme-img/wordpress.webp) no-repeat;
    background-size: cover;
}


.ui_ux_design_pg {
    background: url(/assets/img/dark-theme-img/ui_ux_design_bnr.webp) no-repeat;
    background-size: cover;
}

.responsive-design {
    background: url(/assets/img/dark-theme-img/responsive-design.webp) no-repeat;
    background-size: cover;
}

.graphic-design {
    background: url(/assets/img/dark-theme-img/graphic-design.webp) no-repeat;
    background-size: cover;
}


.case_study_pg {
    background: url(/assets/img/dark-theme-img/case_study_bnr.webp) no-repeat;
    background-size: cover;
}

.thomasville .yumso_banner {
    background: url(/assets/img/dark-theme-img/yumso_banner.webp) no-repeat;
    background-size: cover;
}

.dish-out .elite_usa_banner {
    background: url(/assets/img/dark-theme-img/elite_usa_banner.webp) no-repeat;
    background-size: cover;
}


.thomasville .motomatic_banner {
    background: url(/assets/img/dark-theme-img/motomatic_banner.webp) no-repeat;
    background-size: cover;
}


.gradeboost_banner {
    background: url(/assets/img/dark-theme-img/gradeboost_banner.webp) no-repeat;
    background-size: cover;
}


.salestrendz_banner {
    background: url(/assets/img/dark-theme-img/salestrendz_banner.webp) no-repeat;
    background-size: cover;
}


.ondemand-app-solutions {
    background: url(/assets/img/dark-theme-img/ondemand-app-solutions.webp) no-repeat;
    background-size: cover;
}


.real-estate {
    background: url(/assets/img/dark-theme-img/real-estate.webp) no-repeat;
    background-size: cover;
}


.scl-ntwrkng {
    background: url(/assets/img/dark-theme-img/social-networking.webp) no-repeat;
    background-size: cover;
}

.food-restaurant {
    background: url(/assets/img/dark-theme-img/food-restaurant.webp) no-repeat;
    background-size: cover;
}

.banking-finance {
    background: url(/assets/img/dark-theme-img/banking-finance-insurance.webp) no-repeat;
    background-size: cover;
}

.banking-finance {
    background: url(/assets/img/dark-theme-img/banking-finance-insurance.webp) no-repeat;
    background-size: cover;
}

.education-and-elearning {
    background: url(/assets/img/dark-theme-img/education-and-elearning.webp) no-repeat;
    background-size: cover;
}


.shopping_pg {
    background: url(/assets/img/dark-theme-img/ecommerce-retailing.webp) no-repeat;
    background-size: cover;
}

.travel-hospitality {
    background: url(/assets/img/dark-theme-img/travel-hospitality.webp) no-repeat;
    background-size: cover;
}


.transport-automotive {
    background: url(/assets/img/dark-theme-img/transport-automotive.webp) no-repeat;
    background-size: cover;
}

.hire_ios_developer {
    background: url(/assets/img/dark-theme-img/hire_ios_developer_bnr.webp) no-repeat;
    background-size: cover;
}

.hire_android_developer {
    background: url(/assets/img/dark-theme-img/hire_android_bnr.webp) no-repeat;
    background-size: cover;
}


.cross_dev_pg {
    background: url(/assets/img/dark-theme-img/cross_plate_bnr.webp) no-repeat;
    background-size: cover;
}

.hire_react_native_pg {
    background: url(/assets/img/dark-theme-img/hire_react_native_bnr.webp) no-repeat;
    background-size: cover;
}

.hire_nodejs_developer {
    background: url(/assets/img/dark-theme-img/hire_nodejs_developer_bnr.webp) no-repeat;
    background-size: cover;
}

.ror-developer {
    background: url(/assets/img/dark-theme-img/ror-developer.webp) no-repeat;
    background-size: cover;
}

.hire_laravel_developer {
    background: url(/assets/img/dark-theme-img/hire_laravel_developer_bnr.webp) no-repeat;
    background-size: cover;
}

.hire-php-developer {
    background: url(/assets/img/dark-theme-img/hire-php-developer.webp) no-repeat;
    background-size: cover;
}

.hire_ci_developer {
    background: url(/assets/img/dark-theme-img/codeignitor-developer.webp) no-repeat;
    background-size: cover;
}

.hire-ai-engineer {
    background: url(/assets/img/dark-theme-img/hire-ai-engineer-banner.webp) no-repeat;
    background-size: cover;
}

.drupal-developer {
    background: url(/assets/img/dark-theme-img/hire-drupal-developer.webp) no-repeat;
    background-size: cover;
}

.hire_joomla_bg {
    background: url(/assets/img/dark-theme-img/hire_joomla_bg.webp) no-repeat;
    background-size: cover;
}

.magento-developer {
    background: url(/assets/img/dark-theme-img/hire-magento-developer.webp) no-repeat;
    background-size: cover;
}

.wordpress-developer {
    background: url(/assets/img/dark-theme-img/hire-wordpress-developer.webp) no-repeat;
    background-size: cover;
}

.yii-developer {
    background: url(/assets/img/dark-theme-img/hire-yii-developer.webp) no-repeat;
    background-size: cover;
}


.cakephp-developer {
    background: url(/assets/img/dark-theme-img/cakephp-developer.webp) no-repeat;
    background-size: cover;
}

.hire-ui-ux-banner {
    background: url(/assets/img/dark-theme-img/hire-ui-ux-banner.webp) no-repeat;
    background-size: cover;
}