:root {
    --primary-font: "Montserrat Alternates", sans-serif;
}

body {
    padding: 0;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bg-black);
    background-color: var(--bg-white);
}

p {
    color: #656565;
    font-weight: 400;
    font-size: 1rem;
}

.banner-title {
    font-size: 3rem;
    font-weight: 700;
}

.desc-head {
    font-size: 1.1rem;
    line-height: 1.6;
}

.heading-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
}

.sub-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
}

.sec-title {
    font-size: 1.1rem;
    font-weight: 600;
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-pink);
}

.p-t-b {
    padding: 70px 0;
}

.banner-padding {
    padding: 120px 0 70px 0;
}

.pcn-banner {
    padding: 67px 0px 0px 0px;
}

.container-fluid {
    margin: 0 100px;
    max-width: 100% !important;
    width: auto;
}

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

.fs-12 {
    font-size: 12px !important;
}

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

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

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

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

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

.fs-21 {
    font-size: 21px !important;
}

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

.fs-23 {
    font-size: 23px !important;
}

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

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

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

.fs-29 {
    font-size: 29px !important;
}

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

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.bg-grey {
    background: var(--bg-grey) !important;
}

.hero-head {
    font-size: 40px;
    line-height: 1.5;
}

.sec-head {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
}

.sec-sub-head {
    font-size: 18px;
    line-height: 1.5;
}

.sec-small-head {
    font-size: 20px;
}

.main-div {
    padding-top: 75px;
}

a {
    color: #000;
    text-decoration: none;
}

.heading-mq {
    text-align: left;
}

.text-mq {
    text-align: justify;
}

.bxs {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.br-tb {
    border-radius: 30px 0;
}

.text-grey {
    color: var(--text-grey) !important;
}

.bg-red-light {
    background-color: var(--bg-red-light) !important;
}

.text-red-light {
    color: var(--text-red-light) !important;
}

.text-pink {
    color: var(--bg-pink) !important;
}

.bg-pink {
    background: var(--bg-pink) !important;
}

.br-right {
    border-right: 1px solid var(--text-grey) !important;
}

.border-pink {
    border: solid var(--bg-pink) !important;
}

.display-1 {
    font-size: calc(1.625rem + 1.2vw);
    font-weight: 600;
    line-height: 1;
}

.btn {
    font-size: 1.1rem;
    padding: 0.85rem 2rem 0.85rem 2rem;
}

.bg-nr {
    background-repeat: no-repeat !important;
}

.bg-cover {
    background-size: cover !important;
}

.bg-center {
    background-position: center !important;
}

.bg-fixed {
    background-attachment: fixed !important;
}

.card-heading {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}

/* -------header css------ */
nav {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #fff;
}

.img-nav {
    display: none;
}

.img-nav-scroll {
    display: block;
}

.nav-scroll {
    background: #fff;
    border-bottom: 1px solid #e3e2e2;
}

.nav-scroll .img-nav-scroll {
    display: block;
}

.nav-scroll .img-nav {
    display: none;
}

nav .wrapper {
    position: relative;
    padding: 10px 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper .logo a {
    text-decoration: none;
}

.wrapper .nav-links {
    display: inline-flex;
}

.wrapper .nav-links li {
    list-style: none;
}

.wrapper .nav-links li a {
    color: var(--bg-black);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 15px;
    transition: all 0.3s ease;
}

.nav-scroll .nav-links li a {
    color: var(--bg-black);
}

.wrapper .nav-links li a:hover {
    color: var(--bg-pink);
}

.wrapper .nav-links .mobile-item {
    display: none;
}

.wrapper .nav-links .drop-menu {
    position: absolute;
    background: var(--bg-white);
    width: 180px;
    line-height: 33px;
    top: 85px;
    border-radius: 15px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.wrapper .nav-links .drop-menu li a {
    color: var(--bg-black);
}

.wrapper .nav-links .drop-menu li a:hover {
    color: var(--bg-pink);
}

.wrapper .nav-links li:hover .drop-menu,
.wrapper .nav-links li:hover .mega-box {
    transition: all 0.3s ease;
    top: 52px;
    opacity: 1;
    visibility: visible;
}

.wrapper .drop-menu li a {
    width: 100%;
    display: block;
    padding: 0;
    font-weight: 400;
    border-radius: 0px;
    margin-bottom: 5px;
    font-size: 15px;
}

.wrapper .mega-box {
    position: absolute;
    right: 1%;
    width: 70%;
    top: 85px;
    opacity: 0;
    visibility: hidden;
}

.wrapper .mega-box .content {
    background: var(--bg-white);
    padding: 30px 20px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.wrapper .mega-links li {
    line-height: 33px;
}

.wrapper .mega-links li a {
    color: var(--bg-black) !important;
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    padding: 0;
}

.wrapper .mega-links li a:hover {
    color: var(--bg-pink);
}

.wrapper .btn {
    color: var(--bg-black);
    font-size: 20px;
    cursor: pointer;
    display: none;
}

.nav-scroll .wrapper .btn {
    color: var(--bg-black);
}

nav input {
    display: none;
}

ol,
ul {
    padding-left: 0;
}

.logo-header-none {
    display: none;
}

.custom-btn {
    background: var(--bg-pink) !important;
    border-radius: 25px;
    padding: 11px 18px !important;
}



/* ---saved---- */
#content[aria-hidden="true"] a[href],
#content[aria-hidden="true"] area[href],
#content[aria-hidden="true"] input:not([disabled]),
#content[aria-hidden="true"] select:not([disabled]),
#content[aria-hidden="true"] textarea:not([disabled]),
#content[aria-hidden="true"] button:not([disabled]),
#content[aria-hidden="true"] [tabindex]:not([disabled]),
#content[aria-hidden="true"] [contenteditable="true"]:not([disabled]) {
    visibility: hidden;
}

/*** Carousel Start ***/

.carousel-item {
    position: relative;
    /* height: 100vh; */
    transition: none !important;
}

.carousel-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}



.carousel-item p {
    max-width: 621px;

}

.carousel-caption .carousel-content a button.carousel-content-btn1 {
    background: var(--bs-secondary);
    color: var(--bs-dark);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}



#carouselId .carousel-indicators li:hover {
    background: var(--bs-secondary);
    opacity: 1;
}

.carousel-caption .carousel-content a button.carousel-content-btn2 {
    background: var(--bg-pink);
    color: var(--bs-white);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.background-video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    top: 0;
    left: 0;
    position: relative;
    z-index: 1;
}

#carouselId ol {
    list-style-type: none;
}

.carousel-indicators [data-bs-target] {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.carousel-control-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--bg-pink);
    border-radius: 0 50px 50px 0;
    opacity: 1;
}

.carousel-control-prev:hover {
    background: var(--bs-secondary);
    transition: 0.8s;
}

.carousel-control-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--bg-pink);
    border-radius: 50px 0 0 50px;
    opacity: 1;
}

.carousel-control-next:hover {
    background: var(--bs-secondary);
    transition: 0.8s;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 1.2rem;
    height: 1.2rem;
}

/* ----trusted by-------- */
.trusted-by {
    box-shadow: 0 4px 44px 0 #00000040;
    background: rgba(153, 200, 255, 0.12);
    height: 113px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.trusted-by .owl-carousel .owl-stage-outer {
    height: 65px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.trusted-by .owl-carousel .owl-item img {
    width: 70%;
    margin: 0 auto;
}

/* ----------Services------- */


.services-item {
    box-shadow: 0 1px 24px 0 #0000000d;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 50px;
}


.services-item::before {
    content: '';
    position: absolute;
    top: 0;
    width: 80px;
    height: 40px;
    background: #F3F3F3;
    border: 1px solid #ffffff;
    border-top: 0 !important;
    border-radius: 0 0 60px 60px;
    margin-top: -1px;
}



.services-content-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    top: 0;
    margin-top: -30px;
    box-shadow: 0px 2px 16px -5px #000000;
}

.services-item-card:nth-of-type(1) .services-item {
    border: 1px solid #7519CA;
}

.services-item-card:nth-of-type(1) .services-item::before {
    border: 1px solid #7519CA;
}

.services-item-card:nth-of-type(1) .services-item .services-content-icon {
    background: #7519CA;
}

.services-item-card:nth-of-type(2) .services-item {
    border: 1px solid #3A93EE;
}

.services-item-card:nth-of-type(2) .services-item::before {
    border: 1px solid #3A93EE;
}

.services-item-card:nth-of-type(2) .services-item .services-content-icon {
    background: #3A93EE;
}

.services-item-card:nth-of-type(3) .services-item {
    border: 1px solid #00A862;
}

.services-item-card:nth-of-type(3) .services-item::before {
    border: 1px solid #00A862;
}

.services-item-card:nth-of-type(3) .services-item .services-content-icon {
    background: #00A862;
}

.services-item-card:nth-of-type(4) .services-item {
    border: 1px solid #157AA8;
}

.services-item-card:nth-of-type(4) .services-item::before {
    border: 1px solid #157AA8;
}

.services-item-card:nth-of-type(4) .services-item .services-content-icon {
    background: #157AA8;
}

.services-item-card:nth-of-type(5) .services-item {
    border: 1px solid #E80202;
}

.services-item-card:nth-of-type(5) .services-item::before {
    border: 1px solid #E80202;
}

.services-item-card:nth-of-type(5) .services-item .services-content-icon {
    background: #E80202;
}

.services-item-card:nth-of-type(6) .services-item {
    border: 1px solid #C60497;
}

.services-item-card:nth-of-type(6) .services-item::before {
    border: 1px solid #C60497;
}

.services-item-card:nth-of-type(6) .services-item .services-content-icon {
    background: #C60497;
}

.services-item-card:nth-of-type(7) .services-item {
    border: 1px solid #0F1783;
}

.services-item-card:nth-of-type(7) .services-item::before {
    border: 1px solid #0F1783;
}

.services-item-card:nth-of-type(7) .services-item .services-content-icon {
    background: #0F1783;
}

.services-item-card:nth-of-type(8) .services-item {
    border: 1px solid #5F7D06;
}

.services-item-card:nth-of-type(8) .services-item::before {
    border: 1px solid #5F7D06;
}

.services-item-card:nth-of-type(8) .services-item .services-content-icon {
    background: #5F7D06;
}

.services-item-card:nth-of-type(9) .services-item {
    border: 1px solid #018BAC;
}

.services-item-card:nth-of-type(9) .services-item::before {
    border: 1px solid #018BAC;
}

.services-item-card:nth-of-type(9) .services-item .services-content-icon {
    background: #018BAC;
}

/* ----counter home--- */
.bg-counter {
    background-image: url(../img/kpis/bg-counter.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.counter-img {
    width: 90px;
    height: 90px;
}

.fs-counter {
    font-size: 2rem;
}

/* -------industry home---- */
.industry-box {
    box-shadow: 0 1px 24px 0 #0000000d;
    background: var(--bg-white);
    border: 1px solid var(--bg-pink);
}

.industry-box i {
    font-size: 2.5rem;
    color: #43414B;
}

.industry-box:hover {
    background: var(--bg-pink);
    transition: transform 0.3s linear 0s;
    transform: translateX(-6px);
}


.industry-box:hover h3 {
    color: var(--bg-white);
}

.industry-box:hover p {
    color: var(--bg-white);
}

.industry-box:focus p {
    color: var(--bg-white);
}

.industry-box:hover img {
    filter: invert(1);
}

.industry-box .custom-btn {
    border-radius: 0px;
}

.industry-box:hover .custom-btn {
    background: var(--bg-white);
    /* color: var(--bg-pink) !important; */
}

/* -------owlcarousel---- */
.owl-nav {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 7%;
    left: -20%;
}

.owl-nav .owl-prev {
    margin-right: 10px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    width: 45px;
    height: 45px;
    background: var(--bg-pink);
    color: var(--bg-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 0;
}

/* ----home---- */
.bg-home-technology {
    background-image: url(../img/kpis/technology-bg.png);
    background-attachment: fixed;
}

.tech-img-wh {
    width: 60px;
    height: 60px;
}

.tech-tabs-nav .nav-link {
    background: #7A75B4;
    border: none;
    color: #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    overflow: hidden;
    gap: 15px;
    font-weight: 600;
    font-size: 14px;
}

.tech-tabs-nav .nav-link .nav-icon {
    background: #fff;
    width: 50px;
    height: 50px;
}

.tech-tabs-nav .nav-link:hover,
.tech-tabs-nav .nav-link.active {
    background: #E7498B;
    color: white;

}

/* .tech-tabs-nav .nav-link.collapsed {
    background: #E7498B;
    color: white;

} */

.tech-tabs-nav.tab-content .nav-link {
    display: none !important;
}

.tech-tabs-nav .collapse:not(.show) {
    display: block !important;
}

.tech-item-card {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    gap: 15px;
    display: flex;
    align-items: center;
}

.tech-item-card:hover {
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.tech-item-card h6 {
    color: #534D93;
    margin-bottom: 0;
}

.tech-item-card small {
    font-size: 11px;
}

.tech-item-card img {
    object-fit: scale-down;
}

.clients-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

#carousel-client {
    height: 210px;
}

#carousel-client .owl-nav {
    right: 0;
    bottom: 0;
    left: auto;
}

/* ------form css----- */
.contact-form {
    box-shadow: 0 0 0px 8px var(--bg-grey);
    border-radius: 15px;
    padding: 30px 50px;
}

.bg-validate-form .input-group-text {
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 0 0 #00000040;
}

.bg-validate-form .input-group-text i {
    font-size: 20px;
}

.bg-validate-form .form-control {
    border: none;
    box-shadow: 0 1px 0 0 #00000040;
    background: transparent;
    border-radius: 0;
    color: var(--text-grey);
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    font-size: 0.9rem;
}

.textarea-custom {
    border: 1px solid #00000040 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.wh-form-img {
    width: 55px;
    height: 55px;
}

.mw-form-left {
    max-width: 70%;
}

.bg-blue {
    background: var(--bg-blue) !important;
}

.bg-dark-blue {
    background: var(--dark-blue) !important;
}

.text-blue {
    color: var(--text-blue);
}

.footer .short-link a,
.footer .help-link a,
.footer .contact-link a {
    transition: 0.5s;
}

.footer .short-link a:hover,
.footer .help-link a:hover,
.footer .contact-link a:hover {
    letter-spacing: 1px;
    color: var(--bg-white);
}

.footer-img {
    width: 30px;
    height: auto;
}

.w-register {
    background: #fff;
    padding: 10px;
    margin-top: 20px;
}

.text-yellow {
    color: var(--color-yellow) !important;
}

.protected-box {
    width: 100px;
    height: 60px;
}

.industry-header .mega-box {
    width: 40%;
}

.whatsapp-chat .btn-demo {
    background-color: transparent;
    -webkit-box-shadow: 0 0 12px #69666696;
    -moz-box-shadow: 0 0 12px #69666696;
    -ms-box-shadow: 0 0 12px #69666696;
    -o-box-shadow: 0 0 12px #69666696;
    box-shadow: 0 0 12px #69666696;
    width: 60px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 55%;
    right: 0;
    z-index: 3;
    box-shadow: none;
}

.btn-fixed {
    width: 170px;
    height: 50px;
    border-radius: 10px;
    background: var(--bg-pink);
    color: #fff;
    -webkit-box-shadow: 0 0 12px #69666696;
    -moz-box-shadow: 0 0 12px #69666696;
    -ms-box-shadow: 0 0 12px #69666696;
    -o-box-shadow: 0 0 12px #69666696;
    box-shadow: 0 0 12px #69666696;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40%;
    left: -50px;
    z-index: 3;
    font-size: 18px;
}

.Request-modal ul {
    list-style-type: none !important;
}

.modal-header .btn-close {
    background: var(--bg-pink);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 1;
}

.btn-get-quote {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 55%;
    right: 0;
    z-index: 3;
    transform: rotate(-90deg);
    border: none;
}

.btn-call {
    width: 60px;
    height: 50px;
    border-radius: 10px 0 0 10px;
    background-color: #e74d87;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 3;
    color: #fff;
    border: none;
}

.btn-call .call-icon-chat {
    transform: rotate(90deg);
    font-size: 21px;
}

.modal-right {
    margin: 0 0 auto auto;
    top: 47%;
}

.progress-bar#myBar {
    position: fixed;
    top: 0;
    height: 3px;
    z-index: 1041;
    background: var(--bg-pink);
    width: 0%;
}

.bg-home {
    background: linear-gradient(90deg, #001b22 0%, #072c35 50%, #001b22 100%);
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 1;
}

.bg-home p {
    font-size: 35px;
}

.bg-home h1 {
    font-size: 65px;
}

.input-group label.error {
    border-radius: 8px;
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: -19px;
    left: 0;
}

.bg-dragon-tiger {
    background: linear-gradient(90deg, #002c53 0%, #080c34 100%);
}

.fs-6 {
    font-size: 14px !important;
}

.dt-img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
}

.mt-dt {
    margin-top: 66px;
}

.ln-pink {
    width: 42px;
    height: 4px;
    border-radius: 10px;
}

.bx-top {
    box-shadow: 0 3px 21px 0 #0000000f, inset 0 4px 0 0 var(--bg-pink);
}

.bog {
    background: linear-gradient(90deg, #9a3700 0%, #d0681c 100%);
}

.tech-stack {
    width: 90%;
}

.integration-wh {
    width: 130px;
    height: 130px;
    animation: 3s linear infinite up-down;
    transition: 3s ease-in-out;
}

@keyframes up-down {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }
}

.slider {
    position: relative;
    padding: 0 0px;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -25px;
    border: none;
    background: var(--bg-pink);
    color: var(--bg-white);
    font-family: monospace;
    z-index: 300;
    border-radius: 50%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.slick-prev {
    left: -50px;
    text-align: left;
}

.slick-next {
    right: -50px;
    text-align: right;
}

.item.slick-slide {
    width: 400px;
    height: 196px !important;
    transition: transform 0.4s;
    position: relative;
    border: 2px solid #493266;
    border-radius: 30px;
}

.slick-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: transform 0.4s;
    border-radius: 30px;
}

.item.slick-slide {
    transform: scale(0.7) translate(640px);
}

.item.slick-slide.slick-center+.slick-slide {
    transform: scale(0.8) translate(-300px);
    z-index: 10;
}

.item.slick-slide.slick-center+.slick-slide+.item.slick-slide {
    transform: scale(0.7) translate(-640px);
    z-index: 5;
}

.item.slick-slide.slick-active {
    transform: scale(0.8) translate(300px);
}

.item.slick-slide.slick-center {
    /* margin: 0 -10%; */
    transform: scale(1);
    z-index: 30;
}

.slick-center:after {
    opacity: 0;
}

/* ---slick slider end------ */
.abs-wrap {
    max-height: 100%;
    transition: 0.7s ease-in-out;
}

.abst {
    left: 0;
    z-index: 22;
    top: 58%;
    transition: 0.3s linear;
    flex-flow: column;
}

.abst p {
    opacity: 0;
}

.abs-wrap:hover .abst p {
    opacity: 0.7;
}

.abs-wrap::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg,
            rgba(4, 17, 4, 0) 3%,
            rgba(0, 0, 0, 0.6587009803921569) 96%);
}

.abs-wrap:hover .abst {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
}

.abs-wrap::after,
.abst {
    height: 100%;
    position: absolute;
}

.common-box {
    height: 60px;
    border-radius: 8px 8px 0 0px;
}

.cb-down {
    border: 4px solid var(--bg-pink);
    border-top: 0px;
    border-radius: 5px 5px 8px 8px;
}

.h-dt {
    height: 240px;
}

.ht-elearning {
    height: 80%;
}

.bx-left {
    box-shadow: 0 1px 34px 0 #00000014, inset 6px 0px 0 0 var(--bg-pink);
}

.light-black {
    background: var(--light-bl);
}

.tech-sol-img {
    width: 120px;
    height: 120px;
    margin: 0 12px;
}

.hc-banner {
    height: 470px;
}

.border-title {
    background-image: linear-gradient(to right,
            var(--bg-pink),
            var(--color-purple));
    width: 6%;
    height: 4px;
}

.career-developers-icons {
    width: 65px;
    height: 65px;
}

.usa-cs {
    background-image: url(../img/casestudy/item1-bg.png);
}

.cl-cs {
    background-image: url(../img/casestudy/item2-bg.png);
}

.cs-bg {
    background-image: url(../img/casestudy/item4-bg.png);
}

.rc-cs {
    background-image: url(../img/casestudy/item3-bg.png);
}

.animate-up-down {
    animation: 2s linear infinite img-flip;
}

@keyframes img-flip {

    0%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(10px);
    }

    75% {
        transform: translateY(-10px);
    }
}

.career-developmnt {
    background-image: url(../img/career/careers-banner.png);
}

.software-dev-bg {
    background-image: url(../img/software-development/custom-software-banner-img.png);
}

.liststyle-none {
    list-style-type: none !important;
}

.wh-icon {
    width: 40px;
    height: 40px;
}

.web-dev-bg {
    background: linear-gradient(90deg, #150a79 0%, #4e1e8a 100%);
}

.h1-banner {
    font-size: 5rem;
    font-weight: 800;
}

.h1-banner span {
    font-size: 4rem;
    font-weight: 500;
}

.banner-p {
    font-size: 1.5rem;
}

.lh-p {
    line-height: 30px !important;
}

.tab-web-dev .tab-content {
    border: 3px solid #9538c8;
}

.tab-web-dev .nav-tabs .nav-link {
    border-bottom: 3px solid #dee2e6;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 2rem 1rem;
}

.tab-web-dev .nav-tabs .nav-item.show .nav-link,
.tab-web-dev .nav-tabs .nav-link.active,
.tab-web-dev .nav-tabs .nav-link:focus,
.tab-web-dev .nav-tabs .nav-link:hover {
    border: 3px solid #9538c8;
    border-left: none;
    border-radius: 0px 10px 10px 0px;
}

.logo-box {
    border: 1px solid #8c95a1;
    text-align: center;
    padding: 30px 10px;
    border-radius: 14px;
}

.web-services {
    width: 140px;
    height: 140px;
    border: 2px solid var(--bg-pink);
}

.ai-bg {
    background-image: url(../img/ai-development/texture.png);
}

.ai-img {
    width: 70px;
    height: 70px;
    border: 1px solid var(--bg-grey);
    box-shadow: 0 0 0px 3px #ffffff inset;
}

.telegram-bot-section {
    background-image: url(../img/ai-development/telegram-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cap-img {
    width: 200px;
    height: auto;
}

.multi-arrow {
    width: 30px;
    height: 30px;
    background: linear-gradient(to right, #df4b8e, #9538c8);
    color: #fff;
    border-radius: 50%;
}

.process-dm {
    padding: 40px 20px;
    border-radius: 20px;
}

.Skills-sec {
    background-image: url(../img/kpis/Skills-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Skills-sec-box {
    border-radius: 30px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 94px 0px rgba(0, 0, 0, 0.09);
}


.Skills-sec-box .Skills-box {
    border-radius: 20px;
    background: #f3f3f3;
    padding: 10px;
}

.Skills-sec-box .Skills-box .nav .nav-item button {
    color: #000;
    display: flex;
    width: 100%;
    /* height: 50px; */
    padding: 8px 10px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-size: 14px;
    background: #fff;
}

.Skills-sec-box .Skills-box .nav .nav-item button.active svg path {
    fill: #fff;
}

.Skills-sec-box .Skills-box .nav .nav-item button.active {
    background-color: #e7498b;
    color: #fff;
}

.Skills-sec-box .mobile-accordion .collapse:not(.show) {
    display: block !important;
}

.Skills-sec-box .mobile-accordion .nav-link {
    display: none;
}

.tab-content-text {
    border-radius: 20px;
    border: 1px dashed #979797;
    background: #f3f3f3;
    color: #000;
    padding: 30px 30px;
}

.tab-content-ul {
    padding: 0;
    margin: 0;
    width: 100%;
    align-items: center;
}

.tab-content-ul ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tab-content-ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.tab-content-ul li img {
    width: 25px;
    display: flex;
    object-fit: contain;
    height: 25px;
}

.vr-banner {
    padding: 75px 0 140px;
    height: 100vh;
    display: flex;
}

.vr-banner .background-video {
    height: 90vh;
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    top: 0;
    left: 0;
    position: relative;
    z-index: 1;
}

.vr-banner img {
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.transform-div {
    background: #1b1826;
}

.transform-head {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 1px 55px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin-top: -124px;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 1;
}

.transform-sec h4 {
    color: #fff;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.transform-sec img {
    width: 65%;
}

.m-content-tail-left {
    border-radius: 13px;
    background: linear-gradient(270deg, rgba(137, 103, 157, 0) 0%, #484b7d 100%);
    box-shadow: -5px 0px 0px 0px #e7498b;
    padding: 15px;
    height: 100%;
}

.m-content-tail-right {
    border-radius: 13px;
    background: linear-gradient(270deg, #484b7d 0%, rgba(137, 103, 157, 0) 100%);
    box-shadow: 5px 0px 0px 0px #e7498b;
    padding: 15px;
    height: 100%;
}

.vr-services .row {
    gap: 30px 0;
}

.vr-services .row .var-col {
    box-sizing: border-box;
}

.vr-services .vr-services-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    /* Adjust padding if needed */
    border: 1px solid #ddd;
    /* Optional border */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Optional shadow */
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
}

.vr-services .vr-services-box::before {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: 50%;
    bottom: -5px;
    border: 10px solid #e7498b;
    z-index: -1;
    border-top: 0;
    border-radius: 10px;
}

.ve-app-development {}

.ve-app-development-content {
    position: absolute;
}

.ve-app-development .industries-content-box {
    border-radius: 13px;
    background: linear-gradient(180deg, #89679d 0%, #484b7d 100%);
    padding: 15px;
    text-align: center;
    height: 100%;
}

.ve-app-development .industries-content-box h5 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.ve-app-development .industries-content-box img {
    width: 64px;
    height: 64px;
    object-fit: scale-down;
    margin-bottom: 20px;
}

.ve-app-development .industries-content .industries-content-text {
    width: fit-content;
}

.ve-app-development .industries-content .industries-content-text h4 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.Features-sec {}

.Features-sec .var-features-box {
    border-radius: 6.907px;
    background: #fff;
    box-shadow: 0px 0.863px 14.084px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    padding: 15px;
    height: 100%;
}

.Features-sec .var-features-box .var-icon-box {
    border-radius: 50% 50% 0 0;
    background: #23005d;
    width: 60px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    position: absolute;
    top: -50px;
    z-index: -0;
    right: 20px;
}

.Features-sec .var-features-box .var-icon-box img {
    width: 38px;
    height: 38px;
    object-fit: scale-down;
    display: flex;
}

.fmt {
    margin-top: 100px;
}

.fmt-minus {
    margin-top: -80px;
}

.fmt-plus {
    margin-top: 30px;
}

.forefront-sec {
    position: relative;
}

.forefront-sec::before {
    content: "";
    background: #413a5c;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
}

.forefront-sec-box {
    border-radius: 13px;
    background: linear-gradient(180deg, #89679d 0%, #484b7d 100%);
    padding: 15px;
    position: relative;
}

.forefront-sec-box .icon-box {
    border-radius: 10px;
    background: #fff;
    width: 73px;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex: none;
}

.forefront-sec-box .icon-box-content {
    width: fit-content;
}

.forefront-sec-box .icon-box-content h4 {
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}

.hire-vr {
    border-radius: 40px;
    background: linear-gradient(270deg, #d0681c 0%, #9a3700 100%);
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.hire-vr-sec {
    border-radius: 20px;
    background: linear-gradient(90deg, #23005d 0%, #4f03ce 100%);
    box-shadow: 0px 0px 0px 14px #dfd8eca6;
    padding: 30px;
}

.hire-btn-div {
    border-radius: 19px;
    background: #fff;
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.05);
    color: #000;
    text-align: center;
    font-size: 1.5cqw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px;
}

.vr-Our-Process {
    border-radius: 40px;
    background: #f8f8f8;
    padding: 40px;
}

.Our-Process-card {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.04);
    padding: 15px;
    height: 100%;
}

.Our-Process-card .Our-Process-heading {
    border-radius: 30px;
    background: #fff2dc;
    color: #000;
    text-align: center;
    font-size: 1.3cqw;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 15px;
}

.vr-Our-Process .row {
    gap: 20px 0;
}

.vr-industry {}

.vr-industry .var-features-box .var-icon-box {
    background: #fff;
}

.vr-technology {}

.vr-technology .vr-technology-box {
    text-align: center;
}

.vr-technology .vr-technology-box .icon-box {
    width: 130px;
    height: 130px;
    background: #fff;
    box-shadow: 0px 0px 51px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.vr-technology .vr-technology-box .icon-box img {
    width: 80px;
    height: 80px;
    display: flex;
    object-fit: scale-down;
}

.vr-technology .vr-technology-box h6 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}

.custom-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.custom-accordion .accordion-item {
    border-radius: 10px;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.04);
    border: none;
    overflow: hidden;
}

.custom-accordion .accordion-button {
    font-size: 16px;
    font-weight: 600;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}



.ve-app-development .tab-content-ul ul li {
    font-weight: 500;
}

.main-heading {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}

.rummy-sec {
    background-image: url(../img/rummy-game/rummy-bg.png);
}

.rummy-variations {
    background-image: url(../img/rummy-game/variations-bg.png);
}

.c-tabs {}

.c-tabs .nav-tabs {
    border: none;
    justify-content: center;
}

.nav-link-content {
    color: #1c1c1c;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    display: block;
}

.tab-img {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 8px;
}

.c-tabs .nav-tabs .nav-item .nav-link {
    border: none;
}

.c-tabs .nav-tabs .nav-item .nav-link:hover {
    border: none;
}

.c-tabs .nav-tabs .nav-item .nav-link:focus {
    border: none;
}

.c-tabs .nav-tabs .nav-item .nav-link.active {
    border: none;
    background: transparent;
}

.c-tabs .nav-tabs .nav-item .nav-link.active .tabs-bg-img path {
    fill: #e7498b;
}

.c-tabs .nav-tabs .nav-item .nav-link.active .nav-link-content {
    color: #e7498b;
}

.rummy-platforms {
    background: #190d3e;
}

.round-box {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -65px;
    box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25);
}


.custom-testimonial {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eaeaea;
}

.custom-testimonial .image {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #e7498b;
}

.custom-testimonial .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 10px;
    height: 100%;
    width: 100%;
}

.custom-testimonial .slide p {
    text-align: center;
}

.custom-testimonial .slide .quote-icon {
    font-size: 30px;
    color: #4070f4;
}

.custom-testimonial .slide .details {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-testimonial .details .name {
    font-size: 16px;
    font-weight: 600;
}

.custom-testimonial .details .job {
    font-size: 18px;
    font-weight: 600;
}

/* swiper button css */
.custom-testimonial .nav-btn {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transform: translateY(30px);
    background-color: rgba(0, 0, 0, 0.1);
    transition: 0.2s;
}

.custom-testimonial .nav-btn:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.custom-testimonial .nav-btn::after,
.custom-testimonial .nav-btn::before {
    font-size: 20px;
    color: #fff;
}

.custom-testimonial .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, 0.8);
    height: 12px;
    width: 12px;
}

.custom-testimonial .swiper-pagination-bullet-active {
    background-color: #e7498b;
}

.review-block-rate {
    font-size: 13px;
}

.review-block-rate .btn-default,
.review-block-rate .btn-warning {
    color: #f05080;
    background-image: none;
    padding: 0;
}

.review-block-rate .btn span {
    align-items: center;
    color: #e7498b;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    transition: background 0.5s;
    width: 100%;
}

.client-section .client-logo .item {
    /* transition: transform 200ms cubic-bezier(.785, .135, .15, .86), box-shadow 200ms cubic-bezier(.785, .135, .15, .86); */
    margin-bottom: 15px;
    margin: 10px;
    padding: 30px;
}

.client-section .client-logo .item:hover {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.client-section .client-logo img {
    margin: 0 auto;
}

.border-color-pink {
    border-color: #e7498b;
}

.videoModal {
    max-width: 600px;
}

.video-btn svg {
    height: 40px;
}

.video-btn-box svg,
.video-btn-box:hover svg {
    width: 43px;
    padding: 3px;
    height: 39px;
    transition: 0.5s ease-in-out;
}

.video-btn-box h6,
.video-btn-box p,
.video-btn-box:hover h6,
.video-btn-box:hover p {
    padding-left: 5px;
    transition: 0.5s ease-in-out;
    text-decoration: none;
    font-size: 1.1rem;
    opacity: 1;
}

.rummy-animation svg {
    animation: 2s linear infinite icon-move;
}

.video-btn-box {
    align-items: center;
    border: 1px solid #ffd21c !important;
    border-radius: 50px !important;
    transition: 0.5s ease-in-out;
}

.video-btn-box:hover {
    align-items: center;
    text-decoration: none;
    border-radius: 50px !important;
    transition: 0.5s ease-in-out;
}

.abs-wrap::after,
.custom-padding::after,
.multi-cases .abst,
.taxi-features::after {
    height: 100%;
    position: absolute;
}

.video-btn-box h6,
.video-btn-box p {
    color: #fbdd00 !important;
}

@keyframes icon-move {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes video {
    from {
        width: 40px;
    }

    to {
        width: 155px;
    }
}

.close-video-icon {
    z-index: 1;
    position: absolute;
    top: -14px;
    right: -12px;
    opacity: 1;
    background-color: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.75);
}

.close,
.close:hover {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.block-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #000;
}

.bg-about-us {
    background: #001549;
}

.mission-about-us {
    background: linear-gradient(90deg,
            rgba(24, 12, 51, 1) 0%,
            rgba(13, 43, 120, 1) 100%);
    border-radius: 0 100px 0 0;
    text-align: center;
}

.vision-about-us {
    background: linear-gradient(90deg,
            rgba(221, 138, 14, 1) 0%,
            rgba(143, 34, 0, 1) 100%);
    border-radius: 0 100px 0 0;
    text-align: center;
}

.agile-process-bg {
    background: #1d1d1d;
}

.bg-gray {
    background: #f1f3f6;
}

.bg-milestones {
    background: #6767675e;
}

.swiper-container-wrapper--timeline .swiper-slide {
    /* display: flex; */
    height: 100%;
    /* align-items: center;
    justify-content: center; */
    border-radius: 10px;
    /* box-shadow: 0 0 74px 0 #00000008; */
}

.swiper-container-wrapper .swiper-wrapper {
    height: 100% !important;
}

.swiper-container-wrapper--timeline .swiper-slide .container {
    padding: 0;
    width: 100%;
}

.swiper-container-wrapper--timeline .swiper-slide .title {
    font-size: 18px;
    opacity: 0;
    transition: 0.5s ease 0.5s;
}

.swiper-container-wrapper--timeline .swiper-slide-active .title {
    opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
    position: relative;
    margin-bottom: 70px;
    background-color: transparent;
    height: 4px;
    border-bottom: 0px solid #000;
    width: 97% !important;
    left: 22px !important;
    overflow: hidden;
    padding-top: 15px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
    background-color: #000;
    height: 3px;
    top: 2px;
}

/* .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
    position: absolute;
    top: 2px;
    left: -100%;
    width: 100%;
    height: 3px;
    background-color: #000;
    content: "";
  } */
/* .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
    position: absolute;
    top: 3px;
    right: -100%;
    width: 100%;
    height: 1px;
    background-color: #888;
    content: "";
  } */
.swiper-container-wrapper--timeline .swiper-pagination-custom {
    position: relative;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: flex;
    line-height: 1.66;
    bottom: 0;
    z-index: 11;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
    position: relative;
    height: 30px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    font-weight: 600;
    right: 0;
    transform: translateX(50%);
    /* transition: 0.2s all ease-in-out; */
    transition-delay: 0s;
    cursor: pointer;
    z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
    position: absolute;
    top: calc(100% + 23px);
    left: -12px;
    transform: translateX(50%) translateY(-50%);
    width: 25px;
    height: 25px;
    background: #e05192;
    border-radius: 2rem;
    border: 2px solid #ffffff;
    content: "";
    /* transition: 0.2s all ease-in-out; */
    transition-delay: 0s;
    z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch:first-child .switch-title:after {
    left: 0;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-weight: 600;
    transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
    background: #e05192;
    border: 2px solid #ffffff;
    width: 25px;
    height: 25px;
    transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title {
    color: #888;
    font-weight: 16px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title:after {
    background: #e05192;
}

.repeat-class:before {
    position: absolute;
    top: calc(100% + 12px);
    left: -8px;
    transform: translateX(50%) translateY(-50%);
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #e05192;
    border-radius: 2rem;
    content: "";
    transition: 0.2s all ease-in-out;
    transition-delay: 0s;
    z-index: 1;
}

.repeat-class:after {
    position: absolute;
    content: "2015-2018";
    font-weight: 600;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e05192 !important;
    top: 1px !important;
    left: -19% !important;
    width: 120% !important;
    border-radius: 50px;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 6px) !important;
}

.swiper-pagination-horizontal::before {
    content: "";
    position: absolute;
}

.swiper-pagination-horizontal::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 15px;
    background: #000;
    bottom: -1px;
}

.slider-marque-aboutus {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.slider-marque-aboutus .slider-inner {
    width: 100%;
    display: flex;
    animation: marquee 50s linear infinite;
}

@keyframes marquee {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -100%;
    }
}

.heading h5 {
    color: #656565;
    font-size: 1rem;
}

.gd-blue {
    background: linear-gradient(180deg,
            #31227a 0%,
            #000b63 35%,
            #05124d 75%,
            #010c3c 100%);
}

.gd-service-box {
    border: 1px solid #ffffff57;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    border-radius: 15px;
    margin: 0 auto;
}

.types-genres-bg {
    background-image: url(../../assets/img/game-development/types-genres.png);
    background-attachment: fixed;
}

.bg-new-common {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mobile-gd-box {
    padding: 25px 25px;
    border-radius: 55px 0px 55px 55px;
    background: #fff;
    border: 1px solid #e2e2e2;
    height: 100%;
}

.mg-dev-box {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #073c63;
}

.devops-solution .accordion-button:not(.collapsed) {
    background-color: #fff;
}

.devops-solution .panel-heading .accordion-button {
    font-size: 16px;
    font-weight: 600;
}

.devops-solution .accordion-button:focus {
    background-color: #fff;
    box-shadow: none;
}

.tech-slider {
    background: #042944;
}

.tech-slider .inner-card {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 18px;
    z-index: 1;
    position: relative;
}

.devops-solution h5 {
    font-size: 20px;
    font-weight: 700;
}

.about-us {
    background: #f9f9f9;
}

.gd-num-crcl {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    box-shadow: 0 11px 24px 0 #00000033;
}

.devops-solution h6 {
    font-size: 16px;
    font-weight: 700;
}

.border-dash::before {
    content: "";
    position: absolute;
    border: 1px dashed #b1b1b1;
    height: 104%;
    top: 0;
    right: 0;
}

.border-down::after {
    content: "";
    position: absolute;
    border: 1px dashed #b1b1b1;
    width: 108%;
    bottom: 0;
    left: 0;
}

.devops-solution h5 {
    font-size: 20px;
    font-weight: 700;
}

section.Maintenance {
    background: #f8f8f8;
}

.iPhone-services .Maintenance-box {
    height: 100%;
    padding: 20px;
    box-shadow: 0 1px 10px 0 #3b37374d;
    margin-bottom: 30px;
    border-radius: 14px;
    text-align: center;
}

.how-we-prepare {
    text-align: center;
    background: #f5f7fa;
}

.iot-banner-bg {
    background: linear-gradient(90deg, #250560 0, #7c1873 100%);
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.btn-fixed,
.newClass,
.port-text {
    transition: 0.5sease-in-out;
}

.btn-fixed {
    width: 170px;
    height: 50px;
    border-radius: 10px;
    background: #e74d87;
    color: #fff !important;
    -webkit-box-shadow: 0 0 12px #69666696;
    -moz-box-shadow: 0 0 12px #69666696;
    -ms-box-shadow: 0 0 12px #69666696;
    -o-box-shadow: 0 0 12px #69666696;
    box-shadow: 0 0 12px #69666696;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40%;
    left: -50px;
    z-index: 3;
    font-size: 18px;
}

.btn-fixed,
.v-center {
    position: fixed;
    transform: rotate(-90deg);
}

.iot-btn {
    bottom: 0 !important;
    transform: rotate(0);
    left: auto;
    top: auto;
    background: 0 0 !important;
    box-shadow: none !important;
}

.iot-ul {
    padding-left: 20px;
}

.iot-ul li {
    font-weight: 600;
    margin-top: 10px;
}

.iot-services-box {
    background: #fff;
    padding: 40px 15px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    text-align: left;
}

.database-services-box,
.iot-services-box {
    box-shadow: 0 4px 34px rgba(0, 0, 0, 0.05), inset 0 4px 0 #e05192;
}

.devops-icons img,
.iot-services-box img,
.php-polygon .polygon img {
    width: 45px;
}

.devops-solution h5 {
    font-size: 20px;
    font-weight: 700;
}

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

.html-feature-bg,
.iot-work-bg {
    background: linear-gradient(90deg, #220560 0, #871b76 100%);
}

.html-features-icon img {
    width: 50px;
}

.html-future-box img {
    width: 60px;
}

.tech-custom {
    color: #df4b8f;
    font-size: 16px;
    width: 120px;
    height: auto;
    padding: 8px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1px;
}

.iot-framework ul li {
    display: table-cell;
    width: 1%;
}

.iot-framework ul li img {
    width: 100%;
}

.border-pink-tech {
    margin: 0 auto;
    width: 120px;
    height: 2px;
    background: #df4b8f;
}

.border-custom-pink {
    border-bottom: 8px solid #e05192;
}

.qustn-position img {
    width: 44%;
}

.iot-btn .video-btn {
    background-image: linear-gradient(to right, #e94e86, #8834d3);
}

.list-disc {
    list-style-type: disc;
}

.devops-banner-bg {
    background-image: url(../img/devops/devops-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-light-pink {
    background: #fff9fe;
}

.bg-devops-services {
    background-image: url(../img/devops/devops-services-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.services-boxes-devops {
    display: block;
    padding: 15px;
    background: #472a6b;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.services-boxes-devops .text-purple {
    color: #ba94de;
}

.devops-solution img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

.devops-solution ul li {
    font-weight: 600;
    font-size: 13px;
    text-align: left !important;
    display: -webkit-box;
    /* align-items: center; */
    gap: 10px;
}

.devops-solution ul li .fas {
    color: #fff;
    font-size: 17px;
    background-color: #ff55ff4d;
    border-radius: 100%;
    padding: 7px 8px;
    background-image: linear-gradient(to right, #df4b8e, #9538c8);
}

.dev-tools {
    background: #fff6fa;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.devops-solution .devops-tools-box {
    padding: 15px;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 4px 44px 0 #00000012;
    margin: 0 auto;
}

.devops-box {
    display: block;
    padding: 15px;
    border: 1px solid #e0e0e0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.devops-solution .align-items-baseline {
    align-items: baseline;
}

.devops-solution .devops-border {
    background: #e05192;
    width: 22%;
    height: 1px;
}

.database-service-bg {
    background: linear-gradient(90deg, #cd78d4 0, #c170d1 53%, #7642bf 100%);
}

.database-services-box {
    background: #fff;
    padding: 30px 10px 10px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.database-services-box,
.iot-services-box {
    box-shadow: 0 4px 34px rgba(0, 0, 0, 0.05), inset 0 4px 0 #e05192;
}

.database-services-box img {
    width: 38px;
}

.devops-solution .border-sm {
    background: #e05192;
    width: 5%;
    height: 2px;
}

.bg-custom-purple {
    background: #f4f3ff;
}

.hd-bg {
    background-image: url(../img/demand-developers/on-demand.png);
}

.hd-box {
    box-shadow: 0px 14px 34px 1px #00000014;
    border-radius: 20px;
    margin-top: -100px;
}

.pb-hd {
    padding-bottom: 80px;
}

.mt-hd-services {
    margin-top: -80px;
}

.hd-services {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    border-radius: 50%;
    box-shadow: 0 0 12px 0 #00000014;
}

.techno-platform {
    background-image: url(../img/technology/techno-img.png);
}

.bg-new-common {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.techno-icon-box {
    height: 120px;
    width: 120px;
    background: #fff;
    box-shadow: 0 0 51px 0 #0000001a;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-banner .video-container {
    width: 100%;
}

.vr-banner .video-container video {
    width: 100%;
    height: auto;
    display: block;
}

.ERP-banner {
    background: #001a24;
    padding: 90px 0 140px;
}

.industryTabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 3 columns */
    gap: 1rem 1rem;
}

.custom-nav-link {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    border-radius: 5px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    height: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.custom-nav-link.Manufacturing {
    background-image: url(../img/erp/Manufacturing-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Education {
    background-image: url(../img/erp/Education-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Logistics {
    background-image: url(../img/erp/Logistics-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Retail {
    background-image: url(../img/erp/Retail-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Healthcare {
    background-image: url(../img/erp/Healthcare-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Construction {
    background-image: url(../img/erp/Construction-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.Food {
    background-image: url(../img/erp/Food-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link.RealEstate {
    background-image: url(../img/erp/RealEstate-bg.png);
    background-position: center;
    background-size: cover;
}

.custom-nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00000099;
}

.custom-nav-link.active::before {
    display: none;
}

.custom-nav-link:hover::before {
    display: none;
}

.custom-nav-link i {
    display: none;
}

.custom-nav-link:hover i {
    display: block;
}

.custom-nav-link.active svg path {
    fill: #fff;
}

.custom-nav-link.active i {
    display: block;
}

.custom-icon-box {
    border-radius: 14px;
    width: 70px;
    height: 70px;
    background: rgba(231, 73, 139, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tec-card:hover {
    background: #e7498b;
}

.tec-card:hover .custom-icon-box {
    background: #fff;
}

.tec-card:hover h6 {
    color: #fff !important;
}

.tec-card:hover p {
    color: #fff !important;
}

.custom-icon-box img {
    width: 40px;
    height: 40px;
    display: flex;
    object-fit: scale-down;
}

.ERP-software {
    background: #001a24;
}

.RummyFeatures .var-features-box {
    border-radius: 17px;
    background: #ffffff;
    padding: 15px;
}

.RummyFeatures .Features-sec .var-features-box .var-icon-box {
    border-radius: 7px;
    background: #e7498b;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex: none;
    position: unset;
}

.RummyFeatures .Features-sec .var-features-box .var-icon-box-content h4 {
    color: #000;
}

.RummyFeatures .Features-sec .var-features-box .var-icon-box-content p {
    color: #000;
}

.ERPSoftware {
    border-radius: 20px;
    border: 3px solid #e7498b;
    background: #fff;
    box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.08);
    padding: 25px;
    position: relative;
    margin-top: -170px;
    margin-bottom: 40px;
}

.main-vr {
    /* font-family: var(--primary-font); */
}

.hero-head {
    font-size: 48px;
}

/* Add these styles to your existing CSS file */

.works-section .card {
    transition: transform 0.3s ease;
    box-shadow: none !important;
}

.works-section h2 {
    border-bottom: 2px solid #23005d;
    display: inline;
}

.works-section .card:hover {
    transform: translateY(-5px);
}

.works-section .card-img-top {
    object-fit: cover;
}

.works-section h3 {
    font-weight: 600;
}

.works-content {
    border-radius: 7.09px;
    background: #fff;
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.25);
    margin-top: -70px;
    text-align: center;
}

.btn-link.text-pink:hover {
    color: #d63b7d !important;
}

.btn-link i {
    transition: transform 0.3s ease;
}

.btn-link:hover i {
    transform: translateX(5px);
}

/* .vr-services {
    background-color: #f8f9fa;
}

.vr-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    height: 85vh;
    overflow: auto;
    padding-bottom: 40px;
}

.service-card {
    transition: transform 0.3s ease;

}

.service-card:hover {
    transform: translateY(-5px);
}

.service-content {
    border-radius: 0.724px;
    background: #FFF;
    box-shadow: 0px 0.724px 47.028px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin-top: -110px;
    position: relative;
    height: 300px;

}

.service-icon-box {
    width: 80px;
    height: 80px;
    position: absolute;
    background: #23005D;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 50px 50px 0 0;
    top: 0;
    right: 0;
    margin-top: -80px;
    margin-right: 25px;
}

.service-icon-box img {
    width: 45px !important;
    height: 45px;
    object-fit: contain;
}

.service-icon img {
    width: 100%;
    object-fit: contain;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.section-desc {
    max-width: 800px;
    margin: 0 auto;
    color: #6c757d;
} */
.vr-services-slider {
    background: #fff;
}

.service-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.service-card img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.service-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.2);
}

.service-card:hover .service-overlay {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
}

.service-overlay h3 {
    font-size: 1.2rem;
    font-weight: 600;
}

.service-overlay p {
    color: #fff;
    display: none;
}

.service-card:hover .service-overlay p {
    display: block;
}

.service-card:focus .service-overlay p {
    display: block;
}

.services-carousel {
    text-align: center;
    padding-bottom: 50px;
}

.services-carousel .owl-nav {
    display: none;
}

/* Navigation buttons */
.nav-prev,
.nav-next {
    position: absolute;
    bottom: -30px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.nav-prev {
    margin-right: 50px;
}

.nav-next {
    margin-left: 50px;
}

.nav-prev:hover,
.nav-next:hover {
    background: #ff4d6d;
    color: white;
}

.nav-prev:hover,
.nav-next:hover,
.nav-prev:active,
.nav-next:active,
.nav-prev.active,
.nav-next.active {
    background: #e7498b;
    color: white;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(231, 73, 139, 0.4);
}

.nav-prev:active,
.nav-next:active {
    transform: translateY(-50%) scale(0.95);
}

/* Focus state for accessibility */
.nav-prev:focus,
.nav-next:focus {
    outline: 2px solid #e7498b;
    outline-offset: 2px;
}

.vr-Industries {
    background: linear-gradient(128deg,
            rgba(35, 0, 93, 1) 50%,
            rgba(234, 223, 255, 1) 50%);
}

.vr-industries-section {
    background-color: #ffffff;
}

.vr-industries-section .nav-pills {}

.vr-industries-section .nav-pills li {}

.vr-industries-section .nav-pills .nav-link {
    color: #6c757d;
    background: transparent;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.vr-industries-section .nav-pills .nav-link.active {
    background-color: #e7498b;
    color: white;
}

.vr-industries-section .vr-features li {
    font-size: 1.1rem;
    color: #333;
}

.vr-image-wrapper {
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
}

.overlay-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.floating-formulas {
    position: absolute;
    top: 20%;
    right: -10%;
    transform: rotate(-15deg);
    opacity: 0.7;
}

/* Add to your existing CSS file */

.process-section {
    background-color: #fff;
}

.process-box {
    border-radius: 9.574px;
    border: 2.376px solid #280069;
    background: #fff;
    padding: 25px;
    transition: all 0.3s ease;
    height: 100%;
}

.process-box:hover {
    transform: translateY(-5px);
}

.process-center-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.feature-sec {
    background: #f9f9f9;
}

.feature-sec .row {
    gap: 70px 0;
}

.feature-card {
    border-radius: 10px;
    transition: transform 0.3s ease;
    background-color: #3f02a4;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feature-card::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #3f02a4;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.icon-wrapper {
    position: absolute;
    top: -45px;
    background: rgb(255 255 255);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.ai-hero {
    padding: 75px 0;
    height: 100vh;
    display: flex;
}

.ai-feature-section {
    background: rgba(0, 13, 130, 0.1);
}

.ai-box {}

.ai-img-box {}

.ai-feature-box {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    transition: all 0.3s ease;
    height: 100%;
}

.ai-feature-box:hover {
    border-color: #ff5590;
    box-shadow: 0 0 10px rgba(255, 85, 144, 0.15);
}

.ai-industries-section .list-tabs-button {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ai-industries-section .list-tabs-button .list-group-item {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 10px;
}

.ai-industries-section .list-tabs-button .list-group-item.active,
.ai-industries-section .list-tabs-button .list-group-item:focus,
.ai-industries-section .list-tabs-button .list-group-item:hover {
    background: #e94e8a;
    border: 1px solid #e94e8a;
    color: #fff;
}

.ai-industries-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ai-industries-section .accordion .accordion-item {
    background: transparent;
    border: none;
}

.ai-industries-section .accordion-button {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 10px !important;
}

.ai-industries-section .accordion-button:not(.collapsed) {
    background: #e94e8a;
    border: 1px solid #e94e8a;
    color: #fff;
    box-shadow: none;
}

.ai-industries-section .ai-content {
    border-radius: 8px;
    background: #f1f3ff;
    padding: 15px;
}

.ai-industries-section .ai-content .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.accordion-button:focus {
    box-shadow: none;
}

.clip-pentagon {
    width: 87px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.clip-pentagon img {
    width: 87px;
    height: 85px;
    object-fit: scale-down;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-industries-section .tab-content .pera-text {
    border-radius: 7px;
    border: 2px dashed #000;
    background: #fff;
    padding: 15px;
}

.ai-industries-section .list-group-flush {
    gap: 10px;
    margin-top: 10px;
}

.ai-industries-section .list-group-flush .list-group-item {
    border-radius: 5px;
    background: #e5eaff;
}

/* Responsive AI Services Section */
.ai-services-section {
    background: #010e64;
}

.ai-services-section .card {
    border-radius: 18px;
    background: #ffffff;
    color: #000000;
    transition: box-shadow 0.2s;
    min-height: 305px;
}

.ai-services-section .card img {
    background: #010e64;
    border-radius: 50%;
    padding: 12px;
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px 0 rgba(24, 27, 58, 0.08);
    margin-top: -60px;
}

.ai-services-section .text-pink {
    color: #e6007a !important;
}

.ai-process-section {
    background: #0a0e3f;
}

.ai-process-title {
    color: #fff;
    font-size: 2rem;
}

.ai-process-highlight {
    color: #ff3c8e;
}

.ai-process-desc {
    color: #bfc6e0;
}

.process-step {
    background: #fff;
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 18px;
    box-shadow: 0 2px 16px 0 rgba(44, 62, 80, 0.08);
}

.process-icon {
    width: 48px;
    height: 48px;
    background: #E7498B;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    font-size: 1.7rem;
    color: #fff;
}

.process-icon i {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-step-title {
    color: #222;
}

.process-step-desc {
    color: #444;
}

.ai-process-robot-img {
    max-width: 100%;
}

.ai-company-intro {
    background: #f8f9fa;
    padding-top: 3rem;
    padding-bottom: 3rem;
}



.ai-company-intro .ai-img-bg1 {
    width: 100%;
    border-radius: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}


.ai-company-intro .text-pink {
    color: #e6007a;
}

.ai-company-intro .text-dark {
    color: #222;
}

.ai-company-intro .ai-feature-list {
    margin-top: 2rem;
    padding-left: 0;
}

.ai-company-intro .ai-feature-list li {
    font-size: 1.1rem;
    font-weight: 500;
    color: #444;
    display: flex;
    align-items: center;
}

.ai-company-intro .fa-check-circle {
    font-size: 1.2rem;
    color: #e6007a;
    margin-right: 0.5rem;
}

/* Tech Stack Tabs Custom Styles */
.ai-tech-stack-section .btn-pink {
    background: #f15ba6;
    color: #fff;
    border: none;
    transition: background 0.2s, color 0.2s;
}

.ai-tech-stack-section .btn-pink.active,
.ai-tech-stack-section .btn-pink:focus,
.ai-tech-stack-section .btn-pink:hover {
    background: #e13b8b;
    color: #fff;
}

.ai-tech-stack-section .btn-outline-dark {
    background: #fff;
    color: #222;
    border: 1px solid #d1d1d1;
    transition: background 0.2s, color 0.2s, border 0.2s;
}

.ai-tech-stack-section .btn-outline-dark.active,
.ai-tech-stack-section .btn-outline-dark:focus,
.ai-tech-stack-section .btn-outline-dark:hover {
    background: #f15ba6;
    color: #fff;
    border: 1px solid #f15ba6;
}

.ai-tech-stack-section .btn {
    border-radius: 12px;
    min-width: 140px;
    margin-bottom: 8px;
    font-size: 1.1rem;
    box-shadow: 0 2px 8px rgba(241, 91, 166, 0.08);
}

.ai-tech-stack-section .tab-content .tab-pane {
    min-height: 180px;
    transition: opacity 0.2s;
}

.ai-tech-stack-section .shadow {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}



.ai-tech-stack-section .text-pink {
    color: #f15ba6 !important;
}



/* ...existing code... */

/* AI Capabilities Slider Section */
.ai-capabilities-section {
    background: #f8f9fa;
    overflow: hidden;
}

.capabilities-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #222;
    line-height: 1.3;
}

.capabilities-desc {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
}

.capabilities-image-wrapper {
    position: relative;
    text-align: center;
}

.capabilities-laptop {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.laptop-glow {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 30px;
    background: radial-gradient(ellipse, rgba(231, 73, 139, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
}

/* Slider Styles */
.capability-slider-container {
    position: relative;
    background: #e7498b;
    padding: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 60px 4px 4px;
}

.capability-slider {
    position: relative;
    height: 280px;
    overflow: hidden;
}

.capability-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.6s ease-in-out;
}

.capability-slide.active {
    opacity: 1;
    transform: translateX(0);
}

.capability-slide.prev {
    transform: translateX(-100%);
}

.capability-card-slider {
    display: flex;
    align-items: flex-start;
    padding: 25px;
    height: 100%;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}


.capability-icon {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(231, 73, 139, 0.3);
}

.capability-icon i {
    font-size: 1.8rem;
    color: #f25993;
}

.capability-content {
    flex: 1;
}

.capability-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 12px;
}

.capability-text {
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.6;
    margin: 0;
}

/* Navigation Buttons */
.slider-navigation {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
}

.slider-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: #e7498b;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(231, 73, 139, 0.3);
}

.slider-nav-btn:hover {
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(231, 73, 139, 0.4);
}

.slider-nav-btn:active {
    transform: translateY(0);
}




.change-color,
.change-color:hover,
.video-white,
.video-white:hover {
    border: 1px solid #fff !important;
}

.video-btn-box .text-pink {
    color: #8f36cd !important;
}

.logistics-animation svg {
    position: absolute;
    top: -30px;
    z-index: 2;
    width: 43px;
    animation: 2s linear infinite logistics-ani;
}

@keyframes logistics-ani {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(80px);
    }
}

.key-benefits {
    background: #f5f7fa;
}



.height-200 {
    height: 200px !important;
}

.key-benefits .service-box .img-box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    width: 113px;
    height: 113px;
    vertical-align: middle;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.fa-arrow-right {
    color: #fff;
    font-size: 17px;
    background-color: #ff55ff4d;
    border-radius: 100%;
    padding: 7px 8px;
    background: linear-gradient(to right, #df4b8e, #9538c8);
}

.bg-transparent {
    background-color: transparent !important;
    background: transparent !important;
}

ol.logistics-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.carousel-indicators {
    bottom: 0;
    margin-top: 10px;
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    top: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
}

.border-carousel {
    border: 1px solid #eaeaea;
}





.logistic-banner {
    background-color: #fff;
    background-image: url("https://www.transparenttextures.com/patterns/cream-pixels.png");
}

.logistic-banner .img-box img {
    width: 90%;
}

.logistic-slider .logistic-slider-box .content-box {
    text-align: left;
    background: #f5f7fa;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logistic-slider .logistic-slider-box .content-box h6 {
    color: #0cc1fd;
    font-size: 48px;
    font-weight: 500;
}

.logistic-slider .logistic-slider-box .content-box h4 {
    color: #656565;
    font-weight: 400;
    line-height: 30px !important;
    font-size: 16px !important;
    text-align: left;
}

.logistic-slider .logistic-slider-box .content-box .btn-box {
    margin-top: 50px;
    text-align: center;
}


.logistic-slider .logistic-slider-box .carousel-item {
    position: relative;
    height: auto;
}

.logistic-slider .logistic-slider-box .carousel-item::after {
    display: none;
}

.logistic-slider .logistic-slider-box .carousel-caption {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.logistic-slider .logistic-slider-box .carousel-item p {
    max-width: 621px;
    margin: 0 auto 35px auto;
}

.carousel-indicators.logistics-slide {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    z-index: 2;
}

.carousel-indicators.logistics-slide li {
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    background-color: #820f14;
    /* Change to your brand color */
    border-radius: 50%;
    opacity: 0.4;
    transition: opacity 0.3s, background-color 0.3s;
    border: 2px solid #fff;
    cursor: pointer;
    display: inline-block;
}

.carousel-indicators.logistics-slide li.active {
    opacity: 1;
    background-color: #d31916;
    /* Active color */
    border-color: #d31916;
}

.food-tabs-box .nav-tabs {
    text-align: center;
    border: 1px solid #df4b8e;
    border-radius: 4px;
    width: fit-content;
    margin: 0 auto;
    overflow: hidden;
}

.food-tabs-box .nav-tabs .nav-item {
    margin: 0;
}

.food-tabs-box .nav-tabs .nav-link {
    color: #000;
    border-radius: 0;
}

.food-tabs-box .nav-tabs .nav-link:hover {
    background-color: #df4b8e;
    color: #fff;
    margin-bottom: 0;
    border-radius: 0;
}

.food-tabs-box .service-box img {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.nav-tabs .nav-link.active {
    background-color: #df4b8e;
    color: #fff;
    margin-bottom: 0;
    border-radius: 0;
}

.food-tabs-box .logistic-box .img-box {
    background: #f5f7fa;
    border-radius: 100%;
    padding: 20px;
    width: 113px;
}

.tech-section-title {
    color: #e74d87;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.tech-section-underline {
    width: 120px;
    height: 3px;
    background: #e74d87;
    margin: 8px auto 32px auto;
    border-radius: 2px;
}

.tech-logo-title {
    color: #666;
    font-size: 20px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 1.2;
}

.tech-logo-img {
    height: 60px;
    max-width: 100%;
    object-fit: contain;
}

.tech-circle {
    height: 140px;
    width: 140px;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 12px;
    margin: 0 auto 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}


.tech-label {
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 8px;
    text-align: center;
    text-transform: none;
    color: #222;
}

.video-btn-box:hover {
    align-items: center;
    text-decoration: none;
    border-radius: 50px !important;
    transition: 0.5s ease-in-out;
}



.pinkBg {
    background-color: #ed184f !important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}

.intro-banner-vdo-play-btn {
    text-align: center;
    border-radius: 100px;
    z-index: 1;
    background-color: transparent !important;
    background-image: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro-banner-vdo-play-btn img {
    width: 80%;
}

.intro-banner-vdo-play-btn i {
    line-height: 56px;
    font-size: 30px;
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 500px;
    height: 500px;
    z-index: -1;
    opacity: 0;
    border-radius: 100%;
    -webkit-animation: 1.8s infinite ripple;
    animation: 1.8s infinite ripple;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

img.vert-move {
    -webkit-animation: 1s infinite alternate mover;
    animation: 1s infinite alternate mover;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.food-ordering .food-banner {
    background-image: url(../img/food-delivery-app/food-delivery-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
}



.food-ordering .food-banner .content {
    text-align: center;
}

.food-ordering .food-banner .content .img-box img {
    margin-bottom: -30px;
}

.food-ordering .food-banner .content .btn-box .btn {
    color: #fff;
    line-height: 40px;
}

.food-ordering .food-banner .content .btn-box .btn:hover {
    background: #fff;
    color: #000;
    border: 2px solid #e94e86;
}

.video-btn-box,
.video-btn-box:hover {
    min-width: 155px;
    height: 45px;
    animation-iteration-count: 1;
}

.change-color,
.change-color:hover,
.video-white,
.video-white:hover {
    border: 1px solid #fff !important;
}

.food-svg {
    height: 37px;
    width: 37px;
    border-radius: 50px;
}

.w-20 {
    width: 10px !important;
    height: 24px;
}

.food-svg .svg-1 {
    animation: 2s linear infinite ani-1;
}

.food-svg .svg-2 {
    animation: 2s linear infinite ani-2;
}

@keyframes ani-1 {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(6px) rotate(50deg);
    }
}

@keyframes ani-2 {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-8px) rotate(-50deg);
    }
}

.testimonial-slider .carousel-item {
    position: relative;
    height: auto;
}

.testimonial-slider .carousel-item::after {
    display: none;
}

.testimonial-slider .carousel-inner {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 30px;
    height: 480px;
}

.testimonial-slider .Customer-contant-text {
    text-align: center;
    padding: 20px 10px;
}

.testimonial-slider .Customer-contant-text img {
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(231, 77, 135, 0.15);
}

.testimonial-slider .review-block-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #222;
}

.testimonial-slider .review-block-title.mt-0 {
    font-size: 1rem;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}

.testimonial-slider .review-block-description {

    position: relative;
}

.testimonial-slider .review-block-description i {
    color: #e74d87;

    margin: 0 4px;
}

.testimonial-slider .review-block-rate {
    margin-top: 12px;
}

.testimonial-slider .btn-grey {
    border: none;
    color: #e74d87;
    margin: 0 2px;
    border-radius: 50%;
    padding: 5px 7px;
}

.testimonial-slider .carousel-indicators [data-bs-target] {
    background-color: #e74d87;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 4px;
}

.testimonial-slider .carousel-indicators {
    width: auto;
}

.rummy-testimonial .carousel-item p {
    max-width: 100%;

}

.testimonial-slider .carousel-inner {
    height: 100%;
}

.teen_patti {
    background: linear-gradient(180deg, #0c113b 0, #0c0f3f 100%);
}

.teen_patti_platforms {
    background: #211f6c;
}

.teen_patti_platforms .feature_content_box .content_box .img_box {
    border: 1px solid #fff;
    padding: 15px;
    text-align: center;
    width: 100px;
    height: 95px;
    border-radius: 10px;
}

.teen_patti_feature {
    background: #f8f8ff;

}

.tp-process-container {
    width: 400px;
    padding: 28px 0;
    background: linear-gradient(135deg, #2d1eaa 0%, #1a0d4d 100%);
    border-radius: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 600px;
    box-shadow: 0 4px 32px 0 #0001;
}

.tp-step-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 16px 0 #0002;
    padding: 20px;
    margin-left: 80px;
    margin-right: -100px;
    position: relative;
    z-index: 2;
    font-size: 1.1rem;
    transition: box-shadow 0.2s;
}

.tp-step-card h3 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 1.3rem;
    font-weight: 600;
}

.tp-step-card ul {
    margin: 0;
    padding-left: 18px;
    list-style: disc;
}

.teen_patti_development .content_box {
    background: #271f7e;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.teen_patti_development .content_box .text_content {
    background: #fff;
    padding: 15px 30px;
    border-radius: 10px;
}

.teen_patti_text_content {
    background: #1c1e5d;
}

.casino_game {
    padding: 100px 0;
    background-image: url(../img/casino/casino_banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.casino_game_feature {}

.casino_game_feature .img_box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.casino_game_feature .img_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.poker-game-features .poker-left {
    height: 100%;
}

.poker-game-features .poker-left .img-box {
    position: absolute;
    top: 58px;
    left: 3px;
    z-index: 1;
}

.poker-game-features .poker-left .content-box {
    border: 1px solid #f9dc84;
    padding: 20px 20px 20px 46px;
    position: relative;
    margin-left: 20px;
    border-radius: 10px;
    height: 100%;
}

.poker-our-game-services {
    background: #2b2723;
}

.poker-our-game-services .img-box {
    background: #f8f8fa;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.poker-bg-nw {
    background: #1E0349 !important;
}

.logistic-banner {
    background-color: #fff;
    background-image: url(https://www.transparenttextures.com/patterns/cream-pixels.png);
}

.slot-img-div {
    width: 65px;
    height: 65px;
    background-color: #eee;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.slot-img-div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.our-latest-slider.swiper-slide::after {
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    background: linear-gradient(to bottom right, #b8b8b88f, #ffffff5e);
}

.our-latest-slider .swiper-slide-active::after {
    background: none;
}

.our-latest-slider .swiper-slide>div {
    text-align: center;
    display: none;
    opacity: 0;
}

.our-latest-slider .swiper-slide-active div {
    display: block;
    opacity: 1;
}

.our-latest-slider .swiper-slide-active {
    padding: 10px 0;
}

.our-latest-slider .swiper-slide-active::after {
    content: "";
    top: 0;
    background-image: url(../img/8-ball-pool/frame.png);
    z-index: 14;
    background-position: center;
    background-size: 100%;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    left: -4px;
    right: -4px;
}

@keyframes line {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.our-latest-slider .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;

}

.swiper-pagination-horizontal::before {
    display: none;
}

.our-latest-slider .swiper-pagination-bullet-active {
    background: #E7498B;
}

.swiper-container-1 .swiper-slide {
    transition: transform 0.4s cubic-bezier(.4, 0, .2, 1), box-shadow 0.4s;
    opacity: 0.6;
    z-index: 1;
    text-align: center;
}

.swiper-container-1 .swiper-slide-active {
    transform: scale(1.15);
    opacity: 1;
    z-index: 2;
}

.swiper-container-1 .swiper-slide-next,
.swiper-container-1 .swiper-slide-prev {
    opacity: 0.85;
    transform: scale(1.05);
    z-index: 1;
}

.coin-black,
.coin-black-1,
.coin-white,
.queen,
.striker {
    left: 50%;
    position: absolute;
}

.coin-white,
.striker {
    margin-left: -2%;
}

.striker {
    z-index: 1;
    width: 30px !important;
    bottom: 44%;
    margin-bottom: -26%;
    animation: 3s ease-in 1s infinite reverse both striker;
}

.coin-black,
.coin-black-1,
.coin-white,
.queen {
    width: 4% !important;
    top: 50%;
}

@keyframes striker {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-127px);
    }
}

.coin-white {
    animation: 3s ease-in 1.8s infinite reverse both coin-black;
    margin-top: 2%;
}

.coin-white-1,
.coin-white-2 {
    margin-top: -5%;
    width: 4% !important;
    position: absolute;
    top: 50%;
    left: 50%;
}

.coin-white-1 {
    animation: 3s ease-in 1.8s infinite reverse both coin-white;
    margin-left: 1%;
}

.coin-white-2 {
    animation: 3s ease-in 1.8s infinite reverse both coin-black-2;
    margin-left: -5%;
}

@keyframes coin-black-2 {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-100px, -100px, -100px);
    }
}

@keyframes coin-black {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-100px);
    }
}

@keyframes coin-white {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(100px);
    }
}

.coin-black {
    animation: 3s ease-in 1.8s infinite reverse both coin-white;
    margin-left: 2%;
}

.coin-black-1 {
    animation: 3s ease-in 1.8s infinite reverse both coin-white-reverse;
    margin-left: -6%;
}

@keyframes coin-white-reverse {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-40px);
    }
}

.queen {
    animation: 3s ease-in 1.8s infinite reverse both queen;
    margin-left: -2%;
    margin-top: -2%;
}

@keyframes queen {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100px);
    }
}

.card-001,
.card-002,
.card-003,
.card-004 {
    width: 6% !important;
    position: absolute;
}

@keyframes pool-3 {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(60px);
    }
}

.card-001 {
    top: 38%;
    left: 45%;
    animation: 3s linear infinite scale-4;
}

.card-002,
.card-003 {
    animation: 3s linear infinite scale-2;
}

.card-002 {
    top: 40%;
    left: 42%;
}

.card-003 {
    top: 36%;
    left: 48%;
}

.card-004 {
    top: 56%;
    left: 51%;
    animation: 3s ease-in 1.8s infinite reverse both card-004;
}

@keyframes card-004 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translateX(-33px);
    }
}

@keyframes scale-2 {

    0%,
    100% {
        transform: scale3d(1.2, 1.2, 1.2);
    }

    50% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes scale-4 {

    0%,
    100% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
}

.card-chips-blue {
    position: absolute;
    width: 3% !important;
    top: 48%;
    left: 21%;
    animation: 3s ease-in 1.8s infinite reverse both card-chips-blue;
}

.card-chips-blue-1,
.card-chips-blue-2 {
    position: absolute;
    width: 2% !important;
}

.card-chips-blue-1 {
    top: 50%;
    left: 49%;
    animation: 3s linear infinite scale-2;
}

.card-chips-blue-2 {
    top: 51%;
    left: 45%;
    animation: 3s linear infinite scale-4;
}

.card-fold,
.card-fold-1 {
    position: absolute;
    width: 8% !important;
    top: 50%;
    left: 20%;
}

.card-fold-1 {
    animation: 3s ease-in 1.8s infinite reverse both card-fold-1;
}

@keyframes card-fold-1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translateX(72px);
    }
}

@keyframes card-chips-blue {

    0%,
    100% {
        transform: translate(45px, 50px);
    }

    50% {
        transform: translateX(128px);
    }
}

.custom-swiper-slider .slide-1::before {
    content: "";
    position: absolute;
    top: 171px;
    left: 50%;
    background-image: url(../img/Snake-Ladder-Game/Mobbb-immggg.png);
    background-repeat: no-repeat;
    width: 305px;
    z-index: 2;
    height: 100%;
    margin-left: -121px;
}

.custom-swiper-slider .ag-slide_item {
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

.custom-swiper-slider .ag-slide_img {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    opacity: 0.8;
    -webkit-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 20px 172px 0 rgba(0, 0, 0, 0.05);
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.img-fluid,
.taxipulse-page .img-res {
    max-width: 100%;
}



.custom-swiper-slider .ag-slide-block .swiper-slide-active .ag-slide_img,
.custom-swiper-slider .ag-slide_info {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.custom-swiper-slider .ag-slide_info {
    width: 100%;
    margin: 0 auto;
    padding: 10px 8px 5px;
    background-color: #fff;
    opacity: 0.5;
    transition: 0.5s;
}

.custom-swiper-slider .ag-slide-info_category {
    font-size: 8px;
    display: block;
    color: #959494;
    padding-bottom: 5px;
}

.custom-swiper-slider .ag-slide-info_title {
    line-height: 10px;
    width: 150px;
    padding-bottom: 5px;
    font-weight: 800;
    font-size: 10px;
    color: #262626;
    will-change: transform;
}

.custom-swiper-slider .ag-slide-info_route {
    display: block;
    line-height: 10px;
    font-size: 8px;
    color: #959494;
}

.custom-swiper-slider .ag-slide-info_img {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%);
}

.custom-swiper-slider .ag-slide-info_rate {
    float: right;
    height: 40px;
    width: 40px;
    border: 1px solid #e4d7d9;
    text-align: center;
    will-change: transform;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.custom-swiper-slider .ag-slide-info_strong {
    display: block;
    font-weight: 400;
    color: #fc3b62;
}

.custom-swiper-slider .ag-slide-info_comments {
    letter-spacing: -0.01em;
    font-size: 6px;
}

.custom-swiper-slider .ag-slide-block .swiper-slide {
    padding: 20px;
    z-index: 1;
    will-change: transform;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-swiper-slider .ag-slide-block .swiper-slide-active {
    opacity: 1;
    z-index: 2;
    will-change: transform;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

.custom-swiper-slider .ag-slide-block .swiper-slide-active .ag-slide_img {
    opacity: 1;
    will-change: transform;
    transition: 0.5s;
}

.custom-swiper-slider .swiper-slide-active .ag-slide_info {
    opacity: 1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.custom-swiper-slider .ag-slide-block {
    overflow: hidden;
    padding-bottom: 3rem;
}



.custom-swiper-slider #snake-pagination {
    position: absolute;
    left: 50%;
    margin-left: -33px;
    display: flex;
    gap: 6px;
    bottom: 42px;
}

.custom-swiper-slider .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}

.custom-swiper-slider .swiper-pagination-bullet-active {
    height: 12px !important;
    width: 12px !important;
    background: #e74d87 !important;
}

.digital-marketing {
    border-radius: 30px 0;
    border-top: 5px solid #d84993;
    text-align: center;
    padding: 20px;
}

.snake-img {
    max-width: 57px;
    height: 57px;
}

.ludo-application::after {
    left: 0;
    content: "";
    background: linear-gradient(to right, #df4b8e, #9538c8);
    width: 100%;
    height: 45%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.linear {
    background-image: linear-gradient(to right, #df4b8e, #9538c8);
}

.bg-dark-light {
    background: #e5e5e5;
}

.poker-game-features .poker-left .contant-box {
    border: 1px solid #f9dc84;
    padding: 0 20px 20px 46px;
    position: relative;
    margin-left: 20px;
    border-radius: 10px;
    height: 100%;
}

.roulette-box {
    height: 55px;
    width: 55px;
    border: 2px solid #fadf91;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
}

.roulette-box img {
    width: 55%;
}

.ani-2,
.ani-3 {
    width: 20%;
}

.ani-2 {
    left: 50%;
    top: 50%;
    z-index: 2;
}

@keyframes rotate-left {

    0%,
    100% {
        transform: rotateY(30deg);
    }

    50% {
        transform: rotateY(0);
    }
}

.ani-3 {
    left: 28%;
    top: 38%;
    z-index: 1;
}

.ani-4,
.ani-5 {
    top: 0;
}

.ani-4 {
    left: 42px;
    width: 27%;
    z-index: 1;
}

.ani-5 {
    right: 0;
    width: 20%;
    animation: 3s linear infinite slide;
}

@keyframes slide {

    0%,
    100% {
        transform: translateX(45px);
    }

    50% {
        transform: translateX(0);
    }
}

.ani-main-2 {
    width: 23%;
    top: 46%;
    z-index: 1;
    left: 70%;
    animation: 3s linear infinite spin;
}

@keyframes spin {

    0%,
    100% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(0);
    }
}

.ani-main {
    top: 50%;
    left: 50%;
    width: 80%;
    margin-left: -20%;
    margin-top: -27%;
    z-index: 1;
}

.ani-2,
.ani-3,
.ani-4,
.ani-5,
.ani-main,
.ani-main-2 {
    position: absolute;
}

.wheel-part {
    z-index: 1;
    position: absolute;
    transform: rotateX(45deg);
    display: flex;
    align-items: center;
    justify-content: center;

}

.id0,
.id1,
.id2,
.id3,
.id4 {
    margin-left: -7px;
}

.wheel-2,
.wheel-3,
.wheel-4 {

    position: absolute;
    z-index: 2;
}

.id0,
.id2,
.id3 {
    left: 80%;
    position: absolute;
}

.card-001,
.card-004 {
    transform: translate(0, 0);
}

.wheel-2 {
    animation: 3s linear infinite wheel-move;
}

@keyframes wheel-move {
    0% {
        transform: rotate(0);
    }

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

.wheel-3,
.wheel-4 {
    animation: 3s linear infinite wheel-move-1;
}

.id0,
.id1,
.id2,
.id3 {
    width: 22px !important;
    animation-duration: 2.7s;
    animation-delay: 4s;
    animation-iteration-count: infinite;
}

@keyframes wheel-move-1 {
    0% {
        transform: rotate(0);
    }

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

.ani-2,
.ani-3,
.ani-4 {
    animation: 3s linear infinite rotate-left;
}

.id1 {
    position: absolute;
    top: 38%;
    margin-top: -10px;
    animation-name: pool-1;
}

.id0,
.id2 {
    margin-top: -7px;
}

.id2 {
    top: 44%;
    animation-name: pool-2;
}

.id0 {
    top: 30%;
    animation-name: pool-0;
}

.id3,
.id4 {
    margin-top: -9px;
}

@keyframes pool-1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-100px, -30px);
    }
}

@keyframes pool-0 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-120px, -60px);
    }
}

@keyframes pool-2 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-140px, -20px);
    }
}

.id3 {
    top: 51%;
    animation-name: pool-3;
}



.id10,
.id11,
.id12,
.id13,
.id14,
.id4,
.id5,
.id6,
.id7,
.id8,
.id9 {
    width: 22px !important;
    position: absolute;
    animation-duration: 2.7s;
    animation-delay: 4s;
}

.ball-pool,
.id10,
.id11,
.id12,
.id13,
.id14,
.id4,
.id5,
.id6,
.id7,
.id8,
.id9,
.stick {
    animation-iteration-count: infinite;
}

@keyframes card-fold-1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translateX(72px);
    }
}

@keyframes card-chips-blue {

    0%,
    100% {
        transform: translate(45px, 50px);
    }

    50% {
        transform: translateX(128px);
    }
}

.id4 {
    top: 58%;
    left: 80%;
    animation-name: id4;
}

.id5,
.id6,
.id7,
.id8 {
    left: 76%;
    margin-left: -3px;
}

@keyframes id4 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(100px);
    }
}

.id5 {
    top: 35%;
    margin-top: -13px;
    animation-name: id5;
}

.id10,
.id6,
.id7,
.id9 {
    margin-top: -6px;
}

@keyframes id5 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-71px);
    }
}

.id6 {
    top: 40%;
    animation-name: id6;
}

@keyframes id6 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(40px, 40px);
    }
}

.id7 {
    top: 47%;
    animation-name: id7;
}

@keyframes id7 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-100px, -100px);
    }
}

.id8 {
    top: 54%;
    margin-top: -7px;
    animation-name: id8;
}

.id10,
.id11,
.id9 {
    left: 73%;
    margin-left: -4px;
}

@keyframes id8 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-100px, 80px);
    }
}

.id9 {
    top: 36%;
    animation-name: id9;
}

@keyframes id9 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-200px, 60px);
    }
}

.id10 {
    top: 43%;
    animation-name: id10;
}

@keyframes id10 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-300px, 20px);
    }
}

.id11 {
    top: 50%;
    margin-top: -5px;
    animation-name: id11;
}

.id12,
.id13 {
    left: 69%;
    margin-left: 1px;
}

@keyframes id11 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-200px, -60px);
    }
}

.id12 {
    top: 40%;
    margin-top: -7px;
    animation-name: id12;
}

@keyframes id12 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-100px, -60px);
    }
}

.id13 {
    top: 46%;
    margin-top: -4px;
    animation-name: id13;
}

@keyframes id13 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-330px, -96px);
    }
}

.id14 {
    top: 43%;
    left: 65%;
    margin-left: 6px;
    margin-top: -6px;
    animation-name: pool-3;
}

.ball-pool,
.stick {
    position: absolute;
    animation-name: stick;
    animation-duration: 2.8s;
}

.stick {
    top: 43%;
    left: 7%;
    width: 35% !important;
    animation-delay: 2s;
}

@keyframes stick {

    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(70px, 4px, 20px);
    }
}

.ball-pool {
    top: 42%;
    left: 51%;
    width: 22px !important;
    animation-delay: 2.9s;
}

#igaming {
    background-image: url(../img/i-gaming/bg.png);
    width: 100%;
    height: 95vh;
    align-items: center;
}

.mdm-banner {
    background-color: #fff;
    background-attachment: fixed;
    background-image: url(./../img/MDM/Banner-Bgg.png);
    background-position: center;
    background-repeat: no-repeat;
}

.mdm-services {
    background: linear-gradient(248deg, #fff 0, #e3cbf7 37%, #d3eefb 63%, #fff 100%);
}


.grocery-display-block .grocery-height {
    height: 120px !important;
}

.grocery-banner {
    background-image: url(../img/grocery/grocery-app-banner-img.png);
    background-size: cover;
    background-position: right;
    position: relative;
}

.grocery-banner:before {
    content: "";
    content: "";
    background: #fff5f5;
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
}


.grocery-Costomer-img {
    background-image: url(../img/grocery/grocery-Feature.png);
    padding: 70px 0;
}

.Costomer-app-feature .img-box img {
    width: 80%;
}

.box-shadow {
    box-shadow: none !important;
}

.grocery-Costomer-img2 {
    background-image: url(../img/grocery/grocery-Feature-2.png);
    padding: 60px 0;
}


.grocery-driver-app {
    background: #fff5f5;
}



.grocery-driver-app .intro-banner-vdo-play-btn .ripple {
    z-index: auto;
    width: 450px;
    height: 450px;

}



.grocery-driver-app .intro-banner-vdo-play-btn .Supercharge-img-box img {
    width: 80%;
}


.grocery-restaurant-managment {
    background: #fff;
    position: relative;
}

.grocery-restaurant-managment .contant-box {
    box-shadow: 0 3px 7px 1px #d8d8d8;
    border-radius: 10px;
    background: #fff;
    padding: 10px 0;
    height: 100%;
}

.w-30 {
    width: 30px;
}

.w-15 {
    width: 15px;
}

.grocery-svg .item-1 {
    position: absolute;
    top: 24%;
    left: 14%;
    animation: 3s linear infinite cart-item;
    z-index: 0;
}

@keyframes cart-item {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px) rotate(30deg);
    }
}

.Restaurant-banner {
    background-image: url(../img/restaurants/restaurants-banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.Comprehensive-Restaurant {
    background: #df4b8e;
}

.Restaurant-management .icon-content-box .icon-box,
.why-kpis .icon-content-box .icon-box {
    background: #df4b8e;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.Restaurant-management .icon-content-box .icon-box img,
.why-kpis .icon-content-box .icon-box img {
    width: 35px;
    height: 35px;
    object-fit: scale-down;
}

.taxi-banner {
    background-image: url(../img/taxi/header_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.left-slide-content .content-services-box {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    text-align: end;
    height: 165px;
}

.left-slide-content .content-services-box .img-box {
    width: 50px;
    height: 50px;
}

.right-slide-content .content-services-box {
    display: flex;
    gap: 20px;
    height: 165px;
}

.right-slide-content .content-services-box .img-box {
    width: 50px;
    height: 50px;
}

.custom-padding {
    margin-bottom: 250px;
    position: relative;
}

.custom-padding::after {
    content: "";
    border: 1px solid #e4e4e4;
    top: 0;
}

.taxi-features {
    background-image: url(../img/taxi/road.png);
    position: relative;
    background-size: cover;
    background-position: bottom;
}

.taxi-features::after {
    content: "";
    background-image: url(../img/taxi/taxi_car.png);
    top: 82%;
    right: 0;
    width: 393px;
    background-repeat: no-repeat;
    background-size: contain;
    animation: 3s linear infinite car-move;
}

@keyframes car-move {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-1800px);
    }
}

.text-red {
    color: #e52c23;
}

.text-blue-light {
    color: #07a8eb;
}

.casino_development {
    background: #f8f8ff;
}

.taxi-bg {
    background: #3A3A3A;
}

.bg-blue-light {
    background: #07a8eb;
}

.bg-blue-light:hover {
    background: #07a8eb;
}

.flash-wash {
    background-image: url(../img/car-wash/flash-wash-banner.png);
    background-position: center;
    background-size: cover;
}

.flash-wash-tabs-box .nav-tabs {
    text-align: center;
    border-bottom: 0;
    border-radius: 50px;
    background: #f1f1f1;
    padding: 15px 15px;
    justify-content: center;
    width: fit-content;
    display: flex;
    flex-wrap: unset;
    margin: 0 auto;
}

.flash-wash-tabs-box .nav-tabs>li {
    width: 28%;
    text-align: center;
    border-bottom: none;
    margin: 0 14px;
}

.flash-wash-tabs-box .nav>li>.nav-link {
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #fff;
    color: #000 !important;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 700;
    margin: 0 auto;
    white-space: nowrap;
}

/* .nav-tabs>li>.nav-link.active,
.nav-tabs>li>.nav-link:hover {
    background: transparent !important;
} */

.flash-wash-tabs-box .nav-tabs>li>.nav-link.active,
.flash-wash-tabs-box .nav-tabs>li>.nav-link:hover {
    margin: 0 auto;
    border: none !important;
    color: #fff !important;
    background: #07a8eb !important;
}

.flash-wash-tabs-box .tab-content.tab_content_app {
    background-color: #0398fc;
    background-image: url(https://www.transparenttextures.com/patterns/beige-paper.png);
    padding: 40px 15px;
    border-radius: 70px;
}

.flash-wash_core_features {
    background: rgb(247, 253, 255);
}

.carwash {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carwash:before {
    background-image: url(../img/car-wash/carwash_sideimg.png);
    width: 48%;
    min-width: 30%;
    height: 510px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: 0;
}

.carwash:after {
    background-image: url(../img/car-wash/carwash_shap.png);
    width: 118px;
    height: 360px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    right: 0;
}

.inventory-banner {
    background-image: url(../img/inventory/banner-bg.png);
    background-size: cover;
    background-position: bottom;
}

.request-demo {
    background-image: url(../img/inventory/request-demo-bg.png);
    height: 100%;
    padding: 50px 0;
    background-size: cover;
}

.our-game-service .icon-box .img-box {
    background: #f8f8fa;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.real-time-tracking {
    background-image: url(../img/inventory/real-time-inventory-bg.png);
    width: 100%;
}

.mobile-development-services {
    background: #f8f8fa;
}

.ris {
    height: 529px;
    background-image: url(../img/inventory/ris.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

.ris .row {
    background-color: #ffcde4;
}

.bg-orange {
    background: #f1fff8;
}



.fantasy-sports-bg {
    background-image: url(../img/fantasy-sports/fantasy-app-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.android-ios-bg {
    background-image: url(../img/fantasy-sports/android-ios-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.devops-solution .nav-tabs {
    text-align: center;
    border: 1px solid #df4b8e;
    border-radius: 4px;
    width: fit-content;
    margin: 0 auto;
    overflow: hidden;
}

.bb-fantasy-feature {
    border-bottom: 1px solid #e3e3e3;
}

.bl-fantasy-features {
    border-right: 1px solid #e3e3e3;
}

.portfolio-section {
    min-height: 70vh;
}

.portfolio-banner {
    background-image: url(../img/portfolio/portfolio-banner-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 470px;
    background-attachment: fixed;
    width: 100%;
}

.portfolio-study .portfolio-study-zoop-food {
    background: linear-gradient(99deg, #121928 0, #1e2941 50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;

}

.portfolio-section .logo-div img {
    width: 100px;
    height: 100px;
    object-fit: scale-down;
}

.port-h-title {
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
}

.port-sub-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.portfolio-btn {
    border: 1px solid #ffffff17;
    margin-right: 10px;
    background: #ffffff2b;
    margin-top: 20px;
    border-radius: 50px !important;
    color: #fff;
    font-size: 18px;
    -o-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    width: 157px;
    text-align: center;
    height: 48px;
    line-height: 46px;
    display: inline-block;
}

.portfolio-btn .span {
    margin-right: 12px;
    font-size: 24px;
}

.portfolio-btn .span img {
    width: 22px;
}

.portfolio-study .portfolio-study-Swag {
    background: linear-gradient(99deg, #c96043 0, #ab3717 50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;

}

.portfolio-study .portfolio-study-rummy {
    background: linear-gradient(99deg, #df680a 0, #f78123 50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.portfolio-study .portfolio-study-sealog {
    background: linear-gradient(99deg, #363636 0, #232423 50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.portfolio-banner .banner-title {
    font-size: 5rem;
}

.pt-newcustom {
    padding-top: 66px;
}

.register {
    background: -webkit-linear-gradient(left, #e94e86, #8834d3);
    margin-top: 3%;
    padding: 3%;
}

.register-left {
    color: #fff;
    margin-top: 4%;
}

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}

.register-heading {
    text-align: center;
    color: #495057;
}

.register-left .JobHunt-Office .job-title {
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
}

.register-left .JobHunt-Office ul li {
    display: flex;
    margin-bottom: 15px;
    margin-top: 30px;
}

.register .register-form {
    padding: 15px 11% 32px;
}

.node-service-width,
.register-left .JobHunt-Office ul li img {
    width: 40px;
    height: 40px;
}

.register-left .JobHunt-Office ul li span {
    vertical-align: middle;
    color: #fff;
    line-height: 24px;
    margin-left: 10px;
    padding-top: 10px;
}

.register-left .JobHunt-Office ul li a {
    color: #fff;
    font-weight: 700;
    margin-left: 3px;
    text-decoration: none;
}

.register .register-form .form-group {
    margin-bottom: 15px;
}

.register .register-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 400;
}

.register .register-form .form-group .form-control {
    margin: 4px 0;
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    margin: 11px 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.register .register-form .form-group textarea.form-control {
    height: 80px;
}

textarea.form-control {
    resize: vertical;
    min-height: 120px !important;
}



.g-recaptcha {
    width: 100%;
}

.g-recaptcha iframe {
    width: 100%;
}


.home-testimonial .testimonial-card {
    padding: 20px;
    border-radius: 130px 10px 10px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home-testimonial .client-image img {
    border: 3px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 100px !important;
    margin: 0 auto;
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

.home-testimonial .owl-carousel .owl-stage-outer {
    padding-top: 60px;
    height: 500px;
}

.home-testimonial .owl-stage {
    height: 100%;
}

.home-testimonial .owl-carousel.owl-drag .owl-item {
    height: 100%;
}

.home-testimonial .owl-carousel.owl-drag .owl-item .item {
    height: 100%;
}

.home-testimonial .client-name {
    color: #333;
    font-weight: 600;
    font-size: 18px;
}

.home-testimonial .client-designation {
    font-size: 16px;
    color: #000000;
}

.home-testimonial .testimonial-text {
    line-height: 1.6;
    font-size: 15px;
}

/* Custom Navigation Dots */
.home-testimonial .testimonial-nav {
    margin-top: 30px;
}

.home-testimonial .testimonial-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #ddd;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.home-testimonial .testimonial-dot.active {
    background: #ff6b6b;
    transform: scale(1.2);
}

.home-testimonial .testimonial-dot:hover {
    background: #ff6b6b;
}

/* Owl Carousel Customization for Testimonials */
.home-testimonial #carousel-testimonials .owl-nav {
    display: none;
}

.home-testimonial #carousel-testimonials .owl-dots {
    display: none;
}

.testimonial-nav-buttons {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.testimonial-nav-buttons .btn {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0;
    border-color: var(--bg-pink);
    color: var(--bg-pink);
}

.testimonial-nav-buttons .btn:hover {
    background-color: var(--bg-pink);
    border-color: var(--bg-pink);
    color: white;
    transform: scale(1.1);
}

.testimonial-nav-buttons .btn i {
    font-size: 18px;
}

.case-study-section .case-study-content {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    margin-top: -80px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
}

.case-study-section .owl-nav {
    position: unset;
    justify-content: center;
    margin-top: 30px;
}

.industries-section {
    background-image: url(../img/kpis/industries-section-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Find-section .owl-carousel .owl-stage-outer {
    height: 160px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.carousel-fullscreen {
    background-image: url(../img/kpis/slider-bg.png);
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.carousel-fullscreen .carousel-inner .item {
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.carousel-fullscreen .carousel-text {
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: linear-gradient(180deg, #06032A 0%, rgba(2, 34, 49, 0.00) 100%);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
    padding: 40px 20px;
    min-height: 300px;
    display: flex;
    /* flex-direction: inherit; */
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.carousel-fullscreen .carousel-caption {
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100vh; */
    /* padding: 100px 0; */
    text-align: start;
}

.carousel-fullscreen .carousel-item::after {
    display: none;
}

.cannabis-banner {
    background-image: url(../img/cannabis/cannabis-banner-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.marijuana-delivery {
    position: relative;
    display: flex;
    align-items: center;
}


.marijuana-delivery .img-box img,
.tech-img-box img {
    width: 80%;
}

.interested {
    background-image: linear-gradient(to right, #df4b8e, #9538c8);
    padding: 50px 0;
}

.interested .interested-box .content-box .img-box img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.where-infigic {
    position: relative;
}



.where-infigic .img-box img {
    width: 80%;
}

.Restaurant-management .icon-content-box .content-box h5 {
    text-transform: capitalize;
}

.Comprehensive-Restaurant .img-box img {
    width: 80px;
}

.Boost-your-restaurant .img-box img {
    width: 80px;
}




.swiper-container {
    position: relative;
}

.swiper {
    width: 100%;
    padding: 60px 0 95px 0;
}

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

.swiper-slide {

    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-wrapper .swiper-slide img {
    width: 100%;
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
    background-image: none !important;
}

.swiper-button-prev {
    background: white;
    border-radius: 50%;
    top: 47%;
    left: -30px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.17);
}

.swiper-button-prev::after {
    font-size: 1.4rem;
    content: "";
}

.swiper-button-prev svg {
    width: 25px;
}

.swiper-button-next {
    background: white;
    border-radius: 50%;
    top: 47%;
    right: -30px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.17);
}

.swiper-button-next::after {
    font-size: 1.4rem;
    content: "";
}

.swiper-button-next svg {
    width: 25px;
}

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

.icon-bullet-pt img {
    width: 15px;
}

.fantasy-tabs .nav-link {
    color: #000;
}

.reactjs-box-position {
    position: absolute;
    width: 47%;
    height: 70%;
    bottom: 6%;
    left: 0;
    background: #eef3ff;
    border-radius: 0 50px 50px 0;
}

.bg-reactjs-features {
    background: linear-gradient(90deg, #322c92 0, #7c78f8 100%);
}

.react-feature-box {
    height: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    width: 100%;
    padding: 16px 12px;
    background: #fff;
}

.bg-light-blue-mb {
    background: #eef3ff;
}

.react-services-tabs {
    background: linear-gradient(90deg, #06032c 0, #7c78f8 100%);
    padding: 30px;
    border-radius: 20px;
}

.react-services-tabs .nav-tabs {
    border-bottom: none;
    border-bottom: none;
    display: flex;
    gap: 15px;
}


.react-services-tabs .nav li {
    border-bottom: none;
    width: 100%;
    position: relative;
    text-align: left;
}

.react-services-tabs .nav li .nav-link {
    background: #7A75B4;
    border: none;
    color: #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
    gap: 15px;
    font-weight: 500;
    font-size: 18px;
    height: 50px;
}

.react-services-tabs .nav li .nav-link.active {
    background: #E7498B;
    color: white;
}

.reactjs-ul {
    padding-left: 20px;
    color: #fff;
    list-style-type: disc;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reactjs-ul li {
    color: #000;
    font-size: 13px;
}

.process-blue {
    color: #44c4ff;
}

.process-dark-blue {
    color: #5044ff;
}

.process-purple {
    color: #852dee;
}

.process-pink {
    color: #ff44a0;
}

.bg-light-blue {
    background: #eef3ff;
}

.angular-development-bg {
    background: linear-gradient(118deg, #01052b 0, #0c0235 62%, #072e79 100%);
}

.container-angular-benefit {
    background: #f3f7ff;
    border-radius: 36px;
    padding: 30px;
}

.angular-num {
    color: #d6e1f6;
    font-size: 36px !important;
    font-weight: 700 !important;
}

.angular-benefit-icon {
    width: 80px;
    height: auto;
}

.html-banner-bg {
    background: linear-gradient(180deg, #f7e2fb 0, #fff 40%);
}

.html-future-box {
    box-shadow: 0 7px 9px 0 #a00a4e12, inset 3px 0 0 #e05192;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    text-align: left;
}

.php-development-bg {
    background: linear-gradient(118deg, #021d4c 0, #166fd8 100%);
}

.php-framework-bg {
    background: linear-gradient(180deg, #003286 0, #5f7ecf 100%);
}

.php-process-circle {
    background: linear-gradient(90deg, #006ecb 0, #495ec9 100%);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    padding: 8px;
    font-size: 16px;
}

.php-polygon .polygon-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.bl-blue {
    background: #f4f7ff;
}

.php-polygon .polygon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    width: 15em;
    height: 15em;
    background: #fff;
    clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
    -webkit-clip-path: polygon(45% 1.33975%,
            46.5798% 0.60307%,
            48.26352% 0.15192%,
            50% 0%,
            51.73648% 0.15192%,
            53.4202% 0.60307%,
            55% 1.33975%,
            89.64102% 21.33975%,
            91.06889% 22.33956%,
            92.30146% 23.57212%,
            93.30127% 25%,
            94.03794% 26.5798%,
            94.48909% 28.26352%,
            94.64102% 30%,
            94.64102% 70%,
            94.48909% 71.73648%,
            94.03794% 73.4202%,
            93.30127% 75%,
            92.30146% 76.42788%,
            91.06889% 77.66044%,
            89.64102% 78.66025%,
            55% 98.66025%,
            53.4202% 99.39693%,
            51.73648% 99.84808%,
            50% 100%,
            48.26352% 99.84808%,
            46.5798% 99.39693%,
            45% 98.66025%,
            10.35898% 78.66025%,
            8.93111% 77.66044%,
            7.69854% 76.42788%,
            6.69873% 75%,
            5.96206% 73.4202%,
            5.51091% 71.73648%,
            5.35898% 70%,
            5.35898% 30%,
            5.51091% 28.26352%,
            5.96206% 26.5798%,
            6.69873% 25%,
            7.69854% 23.57212%,
            8.93111% 22.33956%,
            10.35898% 21.33975%);
}

.php-polygon .polygon-position {
    position: absolute;
    left: 0;
    text-align: center;
    padding: 25px;
    top: 12px;
    bottom: 0;
}

.java-development-bg {
    background-image: url(../img/java-development/java-development-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.deployment-tool-java {
    background-image: url(../img/java-development/deployment-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.java-microservice-box {
    background: #f4f7ff;
    border-radius: 30px;
    padding: 20px;
}

.java-microservice-box img {
    width: 80px;
}

.python-development-bg {
    background-image: url(../img/python-development/python-bg.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.python-service-box {
    border: 1px solid #ececec;
    border-radius: 15px;
    background: #fff;
    padding: 30px 20px 15px;
    text-align: left;
}

.python-position-icon {
    position: absolute;
    left: 20px;
    top: -35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
    width: 60px;
    height: 60px;
}

.bg-bl {
    background: #f3f6ff;
}

.nodejs-bg {
    background: linear-gradient(90deg, #052325 0, #00838b 100%);
}

.bl-blue {
    background: #f4f7ff;
}

.node-process-num {
    width: 40px;
    height: 40px;
    background: #f4f7ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2d7aed;
    font-size: 16px;
    font-weight: 600;
}

.swift-development {
    background: #072242;
}

.swift-services {
    background: #003068;
}

.bg-new-common {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-android-development {
    background-image: url(../img/android-development/bg-ad.png);
}

.android-studio-bg {
    background-image: url(../img/android-development/android-studio-bg.png);
}

.android-features-bg {
    background-image: url(../img/android-development/feature-bg.png);
}

.android-feature-box {
    background: #080e14;
    border: 1px solid #2f3d4a;
    box-shadow: 0 3px 10px 0 #00000011;
    padding: 15px;
}

.flutter-bg {
    background: linear-gradient(90deg, rgba(39, 41, 131, 1) 0%, rgba(13, 14, 63, 1) 100%) !important;
}

.flutter-why-kpis {
    background-image: url(../img/flutter-development/why-kpis.png);
}

.flutter-icons {
    width: 60px !important;
}

.unity-development-bg {
    background-image: url(../img/unity-development/unity-development-bg.png);
    background-attachment: fixed;
}

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

.unity-service-box {
    position: relative;
}

.unity-service-content {
    position: absolute;
    left: 0;
    padding: 0 20%;
    top: 0;
    text-align: center;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.unity-service-icons {
    display: flex;
    justify-content: center;
    width: 75px;
    height: 75px;
    margin: -60px auto 0;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 10px 12px 13px 5px #2a2a2a29;
}

.unity-benefits-box {
    padding: 20px 10px;
    box-shadow: 0 4px 34px rgba(0, 0, 0, 0.05), inset 0 -4px 0 #e05192;
    width: 100%;
    background: #fff;
    border-radius: 15px;
}

.unity-benefit-icons {
    display: flex;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: -65px auto 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.unity-hire-bg {
    background-position: center;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.unity-hire-bg {
    background-image: url(../img/unity-development/unity-hire-bg.png);
}

.usa-garden-cs {
    background-image: url(../img/usagarden-casestudy/hero-bg.png);
}

.img-postn-usa {
    position: absolute;
    bottom: -63px;
    left: 0;
    z-index: 0;
    width: 320px;
    height: auto;
}

.android-process {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: disc;
    padding-left: 17px;
}

.usa-challenges {
    background: linear-gradient(90deg, rgba(66, 0, 2, 1) 0%, rgba(185, 91, 62, 1) 100%);
}

.usa-challenges::before {
    content: "";
    position: absolute;
    background-image: url(../img/usagarden-casestudy/challenges-right.png);
    width: 178px;
    height: 276px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
}

.usa-challenges::after {
    content: "";
    position: absolute;
    background-image: url(../img/usagarden-casestudy/challenges-left.png);
    width: 178px;
    height: 239px;
    background-repeat: no-repeat;
    bottom: 54px;
    left: 0;
}

.solution-section .hr-postn::before {
    width: 85%;
}

.solution-section .nav-ul {
    margin: 30px 0;
    justify-content: center;
    gap: 15px;
}

.solution-section .nav-tabs {
    border-bottom: none;
}

.solution-section .nav-tabs>li>.nav-link {
    border: 1px solid #B7B7B7;
    border-radius: 8px;
    color: #131212;
}

.solution-section .nav>li>.nav-link {
    padding: 8px 20px;
}

.solution-section .nav li {
    border-bottom: none;
}

.solution-section .nav-tabs>li>.nav-link.active,
.solution-section .nav-tabs>li>.nav-link.active:focus,
.solution-section .nav-tabs>li>.nav-link.active:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(66, 0, 2, 1) 0%, rgba(185, 91, 62, 1) 100%) !important;
    box-shadow: 0 1px 14px 0 #00000010 !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    border: 1px solid #fff !important;
}

.solution-section .nav-tabs>li>.nav-link:hover {
    background: linear-gradient(90deg, rgba(66, 0, 2, 1) 0%, rgba(185, 91, 62, 1) 100%) !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.solution-section .tab-content {
    background: linear-gradient(90deg, rgba(66, 0, 2, 1) 0%, rgba(185, 91, 62, 1) 100%) !important;
    border-radius: 21px;
    padding: 40px;
}


.solution-ul li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    top: 9px;
    left: 4px;
}

.solution-ul li {
    margin: 0 !important;
    padding-left: 30px;
    color: #fff;
    display: block !important;
    position: relative;
    margin-top: 15px !important;
}

.usa-benefits {
    background: #F5FAFF;
}

.discussion-section {
    background: linear-gradient(90deg, rgba(66, 0, 2, 1) 0%, rgba(185, 91, 62, 1) 100%);
    border-radius: 20px;
    padding: 30px 20px;
    margin: 60px 0 0 0;
    position: relative;
    z-index: 2;
}

.discussion-section .btn {
    background: #FFC34E;
    border-radius: 11px;
    border: none;
    font-size: 14px;
    color: #000 !important;
    font-weight: 600;
    padding: 2px 16px;
}

.cc-cs-bg {
    background-image: linear-gradient(90deg, #3B145A 0%, #5C2A9E 100%) !important;
}

.solution-cc {
    background: linear-gradient(90deg, rgba(9, 34, 109, 1) 0%, rgba(132, 67, 215, 1) 100%) !important;
}

.game-development {
    background-image: url(../img/game-development/banner.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 92vh;
    position: relative;
}



.game-type-card {
    border-radius: 11.598px;
    border: 0.892px solid #85BFF9;
    background: #FFF;
    box-shadow: 0 0.892px 16.95px 0 #D7EBFF;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}

.game-type-card::before {
    content: "";
    position: absolute;
    /* border-radius: 11.598px 11.598px 0 0; */
    box-shadow: 0 0.892px 16.95px 0 #D7EBFF;
    border: 0.892px solid #85BFF9;
    bottom: -1px;
    width: 40px;
    height: 25px;
    background: #e4edf5;
    border-radius: 50px 50px 0 0;
    border-bottom: 0;
}

.game-type-card a:hover {
    color: var(--bg-pink);
}

.hire-developers-section {
    background-color: #2D0352;
    background-image: url(../img/game-development/hire-developers-section-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hire-developers-section .hire-dev-card {
    background: #FFF;
    filter: drop-shadow(0 0.93px 30.677px rgba(0, 0, 0, 0.15));
    color: #000;
}

.hire-developers-section .hire-dev-card:hover {
    background: #E7498B;
    color: #fff;
}

.hire-developers-section .hire-dev-card:hover p {
    color: #fff;
}

.hire-developers-section .hire-dev-card .dev-icon-bg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #E7498B;
    border: 5px solid #260645;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    right: 0;
}

.hire-developers-section .hire-dev-card:hover .dev-icon-bg {
    background: #fff;
}

.hire-developers-section .hire-dev-card:hover .dev-icon-bg img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(60%) saturate(3921%) hue-rotate(308deg) brightness(93%) contrast(99%);

}

.hire-developers-section .hire-dev-card .dev-icon-bg::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 6px;
    background: #260645;
    top: -6px;
    border-radius: 0px 0px 20px 20px;
}

.shape-box {
    position: relative;

}

.shape-box::before {
    content: "";
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 50% 100%, 0 75%);
    background: #E7498B;
    padding: 1px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.shape-img {
    position: absolute;
}

.shape-box-inner {
    position: relative;

    height: 100%;
    padding: 0 15px 50px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    mask-composite: intersect;
}

.shape-box-inner::after {
    content: "";
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 50% 100%, 0 75%);
    background: #fff;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
}

.shape-box-inner::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 50px;
    background: #f8f9fa;
    border-radius: 0px 0px 100px 100px;
    margin-top: 0px;
    z-index: 1;
    border: 1px solid #e7498b;
    border-top: 0;
}

.tech-icon-circle {
    width: fit-content;
    border-radius: 100%;
    overflow: hidden;
    background: linear-gradient(360deg, #FFF -12.3%, #ABB4C9 136.15%);
    border: 4px solid #C43A74;
    width: 65px;
    height: 65px;
    margin-top: -25px;

}

.tech-icon-circle img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: linear-gradient(181deg, #FFF -12.3%, #ABB4C9 136.15%);
    border-radius: 100%;
    padding: 3px;
}

.Workflow-section {
    background: rgba(221, 237, 255, 0.25);
}

.Workflow-row {
    position: relative;
    justify-content: center;
    --bs-gutter-x: 4rem;
}

.Workflow-row::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #D8EEFF;
    z-index: 1;
    width: 3px;
}

.workflow-step {
    background-image: url(../img/game-development/step-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    min-height: 150px;
    flex-direction: row-reverse;
    position: relative;
    text-align: start;
    position: relative;
}



.workflow-step-right {
    flex-direction: row;
    background-image: url(../img/game-development/step-bg-right.png);
}

.icon-shape {
    width: 60px;
    height: 60px;
    background-image: url(../img/game-development/icon-shape.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-shape img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.workflow-area-right {
    padding-top: 88px;
}

.no-type {
    background: #FFF;
    filter: drop-shadow(0 1px 11px rgba(0, 0, 0, 0.25));
    position: absolute;
    right: -50px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 1;
    color: #e7498b;
    font-weight: bold;
}

.no-type::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #e7498b;
    z-index: -1;
    left: -16px;
}

.workflow-area-right .no-type-right {
    background: #FFF;
    filter: drop-shadow(0 1px 11px rgba(0, 0, 0, 0.25));
    position: absolute;
    left: -50px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 1;
    color: #e7498b;
    font-weight: bold;
}

.workflow-area-right .no-type-right::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #e7498b;
    z-index: -1;
    right: -16px;
}

.why-choose-gd {
    background-image: url(../img/game-development/why-choose-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.why-gd-list {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #3C1A5B;
    padding: 15px;

}

.why-gd-items .why-gd-item {
    background: #fff;
    color: #2A0B3C;
    padding: 16px;
    border: none;
    border-radius: 0 !important;
    width: 100%;
    text-align: start;
    font-weight: 600;
}

.why-gd-feature .tab-pane img {
    width: 180px;
    height: 180px;
    object-fit: scale-down;
}

.e-commerce {
    background: linear-gradient(177deg, #09003C 3.46%, #680886 35.16%, #9E249D 54.27%, #810A9A 67.32%, #09003C 92.5%);
    height: 100vh;
}

.solution-smart {
    background-image: url(../img/choose-smart/solution-bg.png);
}

.bg-new-common {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.choose-smart-tabs .nav-tabs {
    border-bottom: none !important;
}

.choose-smart-tabs .nav-ul {
    margin: 0 !important;
}

.choose-smart-tabs .nav li {
    border-bottom: none !important;
    margin-right: 12px;
}


.choose-smart-tabs .nav-tabs>li .nav-link {
    border-radius: 9px !important;
    background: #fff !important;
    color: #000 !important;
}

.choose-smart-tabs .nav-tabs li .nav-link.active {
    background: #FF7C43 !important;
    border: none !important;
    color: #fff !important;
}

.orange-count {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #E7498B;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}

.tech-collaboration {
    background: #2C2C2C;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0 14px 44px 0 #00000025, inset 0 3px 0 0 #FF7C43;
    margin: 60px 0 0 0;
    position: relative;
}

.smart-now {
    background: #2C2C2C;
    border-radius: 20px;
    padding: 30px 20px;
    margin: 60px 0 0 0;
    position: relative;
    z-index: 2;
}

.smart-now::before {
    content: "";
    position: absolute;
    background-image: url(../img/choose-smart/right-circle.png);
    width: 120px;
    height: 100px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
}

.smart-now::after {
    content: "";
    position: absolute;
    background-image: url(../img/choose-smart/left-circle.png);
    width: 120px;
    height: 100px;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.smart-now .btn {
    background: #FFC34E;
    border-radius: 11px;
    border: none;
    font-size: 14px;
    color: #000 !important;
    font-weight: 600;
    position: relative;
}

.hr-postn::before {
    content: "";
    width: 70%;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 15px;
}

.csn-benefits {
    background: #fff;
    padding: 12px;
    box-shadow: 0 4px 4px 0 #00000025;
}

.eCommerce-services-section .owl-item {
    border-radius: 100%;
    padding: 3px;
}

.eCommerce-services-section .service-circle {
    background: #fff;
    padding: 20px;
    overflow: auto;
    position: relative;
    z-index: 1;
    border: 1px solid #e7498b;
    border-top: 8px solid #e7499a;
    border-radius: 75px 5px 75px 5px;
    height: 350px;

}

.eCommerce-services-section .service-circle::-webkit-scrollbar {
    width: 0px;
}

.eCommerce-services-section .owl-dots {
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

.eCommerce-services-section .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50px;
    opacity: 0.5;
    margin-top: 30px;
}

.eCommerce-services-section .owl-dots .owl-dot.active {
    background: #E7498B;
    opacity: 1;
}

.ecom-tabs-section {
    background: #2D0359;
}

.ecom-tabs-section .nav {
    flex-wrap: nowrap;
}

.ecom-tabs-section .nav .nav-item {
    width: 100%;
    height: 100%;
    display: contents;
}

.ecom-tabs-section .nav .nav-item .nav-link {
    background: #fff;
    color: #7E7E7E;
    width: 100%;
    padding: 10px;
}

.ecom-tabs-section .nav .nav-item .nav-link.active {
    background: #E7498B;
    color: #fff;
}

.ecom-tabs-section .list-features {
    list-style: disc;
    padding-left: 15px;
    font-size: 18px;
}

.image-frame {
    border: 14px solid #e7498b;
    border-radius: 0 0 0 75px;
    border-top: 0;
    border-right: 0;
    width: 100%;
    height: 100%;
}

.image-frame img {
    max-width: 100%;
    display: block;
}

.dotted-border {
    right: 0px;
    bottom: -7px;
    top: 0;
    left: -15px;
    border-radius: 0 0 0 75px;
    border: 2px dashed rgba(255, 122, 172, 0.9);
    box-sizing: border-box;
    position: absolute;
    border-right: 0;
    border-top: 0;
}

.ecom-tabs-section .tab-content .tab-pane {}

.ecom-tabs-section .tab-content .tab-pane .accordion-button {
    display: none !important;
}

.ecom-tabs-section .tab-content .tab-pane .collapse {
    display: block;
}

.platforms-section {
    background: #f8fbff;
}

.platform-card {
    background: #fff;
    border-radius: 12px;
    padding: 26px;
    box-shadow: 0 8px 20px rgba(34, 34, 34, 0.07);
    position: relative;
    overflow: visible;
}

.platform-accent {
    position: absolute;
    left: 0;
    right: 0;
    top: 22px;
    bottom: 22px;
    background: linear-gradient(180deg, #ff6fa7 0%, #ff3b88 100%);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(255, 63, 120, 0.12);
}

.platform-icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #fff6fb;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(238, 180, 210, 0.25);
    margin-bottom: 14px;
    font-size: 22px;
    color: #ff3b88;
}

.platform-icon img {
    width: 40px;
}

.platform-title {
    font-weight: 700;
    margin-bottom: 8px;
    color: #222;
}

.platform-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.emerging-tech-section {
    background: rgba(234, 213, 255, 0.30);
}

.em-tech-card {
    border-radius: 89.378px 0;
    border: 0.739px solid #E7498B;
    background: #FFF;
    box-shadow: 0 1.477px 11.819px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px !important;
    text-align: center;
}

.em-tech-card .icon-wrap {
    position: absolute;
    top: -22px;
    background: #FFF;
    border: 1px solid #E7498B;
    box-shadow: 0 3.249px 8.122px rgba(0, 0, 0, 0.25);
    width: 55px;
    height: 55px;
    border-radius: 100px;
    padding: 8px;
}

.em-tech-accent {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    padding-top: 25px;
}

.em-tech-card .icon-wrap img {
    width: 100%;
}

.eCommerce-industries-section {
    background: #2b0349;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

.industries-image-frame {
    border: 14px solid #e7498b;
    border-radius: 0 75px 0 0;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    width: 100%;
    height: 100%;

}

.industries-image-frame img {
    width: 100%;
    border-radius: 0 65px 0 95px;
}

.industries-dotted-border {
    right: 14px;
    bottom: -1px;
    top: -2px;
    left: -1px;
    border-radius: 0 68px 0 100px;
    border: 2px dashed rgb(231 73 139);
    box-sizing: border-box;
    position: absolute;

}

.btn-industry {
    background: #fff;
    color: #111;
    border-radius: 0px;
    padding: 16px 20px;
    border: 0;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    font-weight: 600;
}

.btn-industry i {
    color: #333;
}

.btn-industry.active,
.btn-industry:focus,
.btn-industry:active {
    background: #ff5fb1;
    background-color: #ff5fb1 !important;
    color: #fff;
}

.btn-industry:hover {
    background: #fff;
    color: #000;
}

.industry-content {
    background: #FFA4CA;
    border-radius: 0px;
    padding: 18px;
    color: #0a0a0a;
}

.industry-content p {
    color: #0a0a0a;
}

/* ensure collapsed chevrons rotate */
.btn-industry.collapsed i {
    transform: rotate(0deg);
    transition: transform .25s;
}

.btn-industry:not(.collapsed) i {
    transform: rotate(180deg);
    transition: transform .25s;
}

.security-solutions-section .security-card {
    --cut-size: 40px;
    position: relative;
    background: #fff;
    border: 2px dashed rgb(235 46 140);
    border-radius: 12px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: left;
    overflow: hidden;
    /* cut top-right corner */
    -webkit-clip-path: polygon(0 0, calc(100% - var(--cut-size)) 0, 100% var(--cut-size), 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - var(--cut-size)) 0, 100% var(--cut-size), 100% 100%, 0 100%);
}

/* optional decorative accent for the clipped corner */
.security-solutions-section .security-card::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 9px;
    height: var(--cut-size);
    pointer-events: none;
    background: #ffffff;
    width: 52px;
    height: 50px;
    border: 3px dashed rgb(235 46 140);
    transform: rotate(45deg);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;

}

.security-solutions-section .icon-circle {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #eb2e8c;
    font-size: 22px;
}

.security-solutions-section .icon-circle img {
    width: 40px;
    height: 40px;
    object-fit: contain;

}

.eCommerce-hire-box {
    background: linear-gradient(270deg, #480391 0%, #2D0359 100%);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.05);
}

.eCommerce-process-section {
    background: linear-gradient(135deg, #f8f4ff 0%, #e8e3ff 100%);
    position: relative;
    overflow: hidden;
}

.eCommerce-process-container {
    position: relative;
    background: linear-gradient(0deg, rgba(62, 3, 124, 0.00) 0%, rgba(62, 3, 124, 0.18) 15%, rgba(62, 3, 124, 0.62) 55%, rgb(62 3 124 / 55%) 84%, #3e037c9c 100%);
    padding: 40px;
    border-radius: 20px;
}

.eCommerce-process-card {
    background: #E7498B;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    padding: 30px 20px;
    position: relative;
    padding-top: 60px;
    min-height: 250px;
}

.eCommerce-process-card::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 1px;
    right: 5px;
    bottom: 2px;
    background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}


.eCommerce-process-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #E7498B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    top: -20px;
}


.eCommerce-process-icon img {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
}

.eCommerce-process-title {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}

.eCommerce-process-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.what-makes-us-section {
    background: linear-gradient(135deg, #4A1A5C 0%, #2D1B3D 100%);
    position: relative;
    overflow: hidden;
}

.what-makes-us-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
    pointer-events: none;
}

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

.feature-item .icon-circle {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-item .icon-circle img {
    width: 40px;
    height: 40px;
}

.feature-content h6 {
    font-size: 16px;
    line-height: 1.4;
}

.what-makes-image {
    position: relative;
    z-index: 2;
}

.mockup-container {
    position: relative;
}