/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12-Jul-2023, 2:44:28 PM
    Author     : iconflux
*/
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */

/* variables  */
:root {
    --blue: #2966FF;
    --bg-blue: #0049FE;
    --dark-blue: #0034B7;
    --yellow: #FFCE33;
    --dark-yellow: #DDA907;
    --theme1-light-gray: #F7F9FB;
}

@font-face {
    font-family: 'manrope-light';
    src: url('../fonts/Manrope-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'manrope-medium';
    src: url('../fonts/Manrope-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'manrope-regular';
    src: url('../fonts/Manrope-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'manrope-semibold';
    src: url('../fonts/Manrope-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'manrope-bold';
    src: url('../fonts/Manrope-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

body {
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: 'manrope-regular';
}

/* global classes  */
.ff-manrope-medium {
    font-family: 'manrope-medium';
}

.ff-manrope-semibold {
    font-family: 'manrope-semibold' !important;
}

.ff-manrope-bold {
    font-family: 'manrope-bold' !important;
}

.ff-newsreader-bold {
    font-family: 'Newsreader', serif;
    font-weight: 700 !important;
    font-style: italic;
}

.fs-40 {
    font-size: 40px;
    line-height: 1.2;
}

.rounded-t-40 {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.rounded-b-40 {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.home__wrapper .fs-46 {
    font-size: 46px;
}

.home__wrapper .fs-36 {
    font-size: 36px;
}

.home__wrapper .fs-32 {
    font-size: 32px;
}

.home__wrapper .fs-30 {
    font-size: 30px;
}

.home__wrapper .fs-24 {
    font-size: 24px;
}

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

.home__wrapper .fs-20 {
    font-size: 20px;
}

.home__wrapper .fs-17 {
    font-size: 19px;
}

.home__wrapper .fs-18 {
    font-size: 18px;
}

.home__wrapper .fs-17 {
    font-size: 17px;
}

.home__wrapper .fs-14 {
    font-size: 14px;
}

.home__wrapper .fs-12 {
    font-size: 12px;
}

.home__wrapper .fs-10 {
    font-size: 10px;
}

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

.accordion-button.active {
    color: #000000 !important;
    font-family: 'manrope-bold';
}

.home__wrapper .clr-dark,
.home__wrapper .nav-link {
    color: #1D1D20;
}

.clr-black-100 {
    color: #1d1d20;
}

.clr-black-90 {
    color: #1d1d20e6;
}

.clr-black-60 {
    color: #1d1d2099;
}

.clr-white-80 {
    color: #ffffffcc;
}

.clr-black {
    color: #1D1D20;
}

.clr-black-80 {
    color: #1d1d20cc;
}

.clr-black-70 {
    color: #1d1d20b3;
}

.clr-blue {
    color: #002060 !important;
}

.lh-30 {
    line-height: 30px;
}

.lh-34 {
    line-height: 34px;
}

.home__wrapper .border-black-15 {
    border: 1px solid #1D1D2026;
}

.home__wrapper .border-night-15 {
    border: 1px solid #27282D26;
}

.home__wrapper .border-blue-15 {
    border: 1px solid #00206026;
}

.p-3-5 {
    padding: 20px;
}

.home__wrapper .transition {
    transition: all 0.5s ease;
}

.home__wrapper .bg-white-gradient {
    padding: 15px;
    border: double 3px transparent;
    border-radius: 15px;
    background-image: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 11%) 80%),
        linear-gradient(270deg, rgb(255 255 255 / 12%) 20%, rgb(255 255 255 / 22%) 80%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.home__wrapper .gradient-border {
    border-radius: 12px;
    position: absolute;
    inset: 0;
    color: #fff;
}

.home__wrapper .gradient-border:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 22%) 100%);
    border-radius: inherit;
    mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
}

.home__wrapper .gradient-background {
    background: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 11%) 80%);
    border-radius: 12px;
    position: absolute;
    inset: 0;
}

.home__wrapper .gradient__wrapper {
    position: relative;
    padding: 10px 15px;
    color: #fff;
    border-radius: 12px;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}

.home__wrapper .build_your_team .card::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.05) 1.56%, rgba(247, 249, 251, 0.3) 101.35%);
    border-radius: inherit;
    mask: conic-gradient(#fff 0 0) content-box exclude, conic-gradient(#fff 0 0);
}

.home__wrapper .build_your_team .card.yellow::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(143.07deg, rgb(255, 206, 51) 1.56%, rgb(255, 206, 51) 101.35%);
    border-radius: inherit;
    mask: conic-gradient(#fff 0 0) content-box exclude, conic-gradient(#fff 0 0);
}

.gradient__wrapper.text-uppercase {
    letter-spacing: 0.2em;
}

.site-wrapper {
    overflow-x: visible;
}

.home__wrapper .py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bg-light-gray {
    background-color: #F7F9FB !important;
}

section.bg-light-gray {
    border-radius: 40px;
}

.home__wrapper .section_head {
    font-size: 46px;
}

.home__wrapper .clr-black-80 {
    color: #1D1D20CC;
}

.home__wrapper .clr-black-70 {
    color: #1d1d20b3;
}

.home__wrapper .clr-black-60 {
    color: #1d1d2099;
}

.home__wrapper .clr-blue {
    color: var(--bg-blue);
}

.img-fluid {
    max-width: 100% !important;
}

/* logo with animation */
.logo {
    height: 40px;
    width: 155px;
}

.logo img {
    position: absolute;
    object-fit: contain;
}

.logo-part-1 {
    opacity: 0;
    animation: fade-in 0.3s ease 1s forwards;
}

.logo-part-2 {
    opacity: 0;
    left: -50px;
    animation: fade-left 0.3s ease 1.5s forwards;
}

.logo-part-3 {
    opacity: 0;
    right: -50px;
    animation: fade-right 0.3s ease 1.5s forwards;
}

.home__wrapper .we-creative .card h5 {
    font-family: 'manrope-medium' !important;
}


/* buttons design  */
.home__wrapper .btn,
header .btn {
    border-radius: 10px;
    padding: 1px;
    width: fit-content;
    font-family: 'manrope-semibold';
    transition: background 0.5s ease !important;
    overflow: hidden;
}

.home__wrapper .btn-blue,
header .btn-blue {
    background: linear-gradient(180deg, var(--blue) 0%, var(--blue) 100%);
    border: 1px solid #1D1D2026
}

.home__wrapper .btn-yellow {
    background: linear-gradient(180deg, var(--yellow) 0%, var(--yellow) 100%);
}

.btn-dark-blue {
    background: linear-gradient(180deg, #002060 0%, #002E89 100%);
}

.home__wrapper .btn-yellow:hover {
    background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);
}

.home__wrapper .btn-white {
    border: none;
    background: linear-gradient(180deg, #1D1D2026 0%, #1D1D2026 100%);
}

.home__wrapper .btn-blue:hover,
header .btn-blue:hover {
    background: linear-gradient(180deg, var(--blue) 0%, var(--dark-blue) 100%);
    border: 1px solid #1D1D2000;
}

.home__wrapper .btn-inner,
header .btn-inner {
    height: 54px;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 8px;
    width: fit-content;
    line-height: 16px;
    font-family: 'manrope-semibold';
    font-size: 15px;
    z-index: 1;
}

.home__wrapper .btn .img,
header .btn .img {
    fill: black;
    width: 30px;
    height: 30px;
    background-color: #ffffff1a;
}

header .extraBtn .btn .img {
    background-color: #ffffff10;
}

.home__wrapper .btn-yellow .btn-inner {
    background: var(--yellow);
}

.btn-dark-blue .btn-inner {
    background-color: #002060;
}

.btn-dark-blue:hover {
    box-shadow: 0px 8px 8px -4px #002060B2 !important;
}

.home__wrapper .btn-white .btn-inner {
    background: #F7F9FB;
}

.latest-post .home__wrapper .btn-white .btn-inner,
.new__category__listing.home__wrapper .btn-white .btn-inner {
    background: var(--white);
}

.home__wrapper .btn-blue .btn-inner,
header .btn-blue .btn-inner {
    background: var(--blue);
    max-height: 50px;
}

.home__wrapper .btn:hover,
header .btn:hover {
    box-shadow: 0px 8px 8px -4px #FFCE33B2;
}

.home__wrapper .btn-white:hover {
    background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);
}

.home__wrapper .btn-blue:hover,
header .btn-blue:hover {
    box-shadow: 0px 8px 8px -4px #2966FFB2;
}

.home__wrapper .btn-white:hover .btn-inner {
    background: var(--yellow) !important;
}

.home__wrapper .btn::after,
header .btn::after {
    content: '';
    height: 97.37px;
    width: 36.98px;
    position: absolute;
    top: 50%;
    left: -100px;
    background: linear-gradient(78.84deg, #f5f5f5 -19.28%, #FFFFFF 42.04%, #f8f8f8 97.53%);
    filter: blur(24px);
    mix-blend-mode: Plus-lighter;
    transform: skewX(-17deg) translateY(-50%);
    transition: all 0.8s ease;
    border-radius: 60px;
    opacity: 80%;
    z-index: 9;
}

.home__wrapper .btn:hover::after,
header .btn:hover::after {
    left: calc(100% + 100px);
}

.home__wrapper .swiper-wrapper {
    transition-timing-function: linear !important;
    padding-block-start: 2rem;
}

.clientSwiper {
    pointer-events: none;
}

/* navbar design  */
header nav {
    max-height: 98px;
}

.site-header {
    background: rgb(255 255 255 / 80%);
}

header .nav-link {
    color: #1D1D20;
    padding-inline: 2px;
    margin-inline: 8px;
    /*white-space: nowrap;*/
}

header .main-link::before {
    content: '';
    position: absolute;
    width: 0px !important;
    height: 2px !important;
    background-color: var(--blue);
    bottom: 0;
    left: -1px;
    top: unset !important;
    transition: all 0.5s ease;
}

header .main-link:hover::before,
.main-link.active::before {
    width: calc(100% + 10px) !important;
}

header .main-link:hover,
.main-link.active {
    color: var(--blue) !important;
    font-weight: 600 !important;
}

header .dropdown-toggle span {
    position: relative;
}

header .dropdown-toggle span::after {
    content: '' !important;
    border-top: none !important;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: none;
    height: 5px !important;
    width: 5px !important;
    transform: rotate(45deg) translateY(-50%);
    transition: all 0.5s ease;
    position: absolute;
    top: 50%;
    right: -11px;
}

header .dropdown-toggle:hover span::after,
.dropdown-toggle.active span::after {
    transform: rotate(-135deg);
    border-bottom-color: var(--blue);
    border-right-color: var(--blue);
}

header .dropdown-menu:has(.nav-menu) {
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
    border-radius: 0px;
    padding-top: 98px;
}

/* header .dropdown-menu:has(.nav-menu) .container-fluid{background-color: #00000066 !important;backdrop-filter: blur(10px);} */
header.header-sticky .dropdown-menu:has(.nav-menu) {
    padding-top: 66px;
}

header #serviceMegaMenu,
header #hireMegaMenu {
    left: 25% !important;
    transform: translateX(-25%) !important;
}

header #hireMegaMenu .nav-menu {
    height: 500px !important;
}

.object-cover {
    object-fit: cover;
}

header .nav-menu {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 26px !important;
    background-color: #ffffff;
    border-top: 1px solid #00206026;
    width: fit-content;
    box-shadow: 0px 2px 4px 0px #0000000D;
}

header .first-button .nav-link {
    padding: 40px 30px 25px !important;
    font-size: 20px !important;
    font-family: 'manrope-bold';
    color: #0049FE;
}

header .first-button .nav-link span {
    background-color: #ffffff;
    z-index: 1;
    position: relative;
}

header .first-button .fa {
    margin-left: -40px;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 0;
}

header .first-button .nav-link:hover .fa,
.first-button .nav-link.active .fa {
    margin-left: 0px;
    opacity: 1;
}

header .first-button .nav-link.active {
    color: var(--bg-blue);
}

header .sub-links .nav-link {
    padding: 10px 30px !important;
    color: #1D1D20;
    font-family: 'manrope-medium';
}

header .header-card {
    padding: 10px 30px !important;
}

header .min-w-320 {
    width: 335px !important;
}

header .sub-links .fa {
    margin-left: -47px;
    margin-right: 30px;
    width: 12px !important;
    transition: all 0.5s ease;
}

header .sub-links .nav-link:hover,
.sub-links .nav-link.active {
    color: var(--bg-blue);
    font-family: 'manrope-medium';
}

header .sub-links .nav-link:hover .fa,
.sub-links .nav-link.active .fa {
    margin-left: 0px;
    margin-right: 6px;
}

header .mobile-navbar .first-button a {
    padding-top: 15px !important;
}

header .accordion-button:not(.collapsed),
header .accordion-button:focus {
    background-color: #ffffff;
    box-shadow: none;
}

header .accordion.mobile-navbar {
    max-height: 90vh;
    overflow: auto;
}

header .nav-item.dropdown.w-full .nav-menu {
    width: 100%;
}

header .nav-item.dropdown.w-half .nav-menu {
    width: 580px;
}

header .stretched-link {
    color: #1D1D20 !important;
}

header .stretched-link:hover {
    color: var(--bg-blue) !important;
}

header .internal-menu {
    overflow: visible;
    flex-grow: 1;
}

header .internal-menu .col-lg-6,
header .internal-menu .col-12 {
    padding: 40px 47px;
}

header .internal-link .icon_wrapper {
    height: 35px;
    width: 35px;
    border-radius: 7px;
    background-color: #F7F9FB;
    border: 1px solid #00206014;
    margin-right: 18px;
}

header .internal-link {
    color: #1D1D20 !important;
    padding: 7px 0px;
    margin: 6px 0px;
    white-space: nowrap;
    transition: all 0.5S ease;
    font-size: 18px;
}

header .internal-link:hover,
header .internal-link.active {
    color: var(--bg-blue) !important;
}

.primary-nav {
    justify-content: flex-start !important
}

.second-level-nav {
    width: 400px !important;
    right: 0;
    margin: 0 !important
}

.primary-nav,
.primary-nav ul {
    position: fixed;
    bottom: 0;
    right: -2px;
    top: 70px;
    height: 100vh;
    overflow-y: scroll !important;
    width: 400px;
    max-width: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    overflow: hidden
}

.primary-nav li {
    border-bottom: 1px solid #e3e3e3
}

.primary-nav li.go-back a,
.primary-nav li.go-back-second-level a {
    font-weight: 700;
    margin-left: 20px
}

.primary-nav li.go-back a .fa,
.primary-nav li.go-back-second-level a .fa {
    font-size: 25px;
    position: absolute;
    left: 15px;
    top: 5px
}

.primary-nav li a {
    font-size: 14px;
    text-decoration: none
}

.primary-nav li .sub-menu-dropdown-block,
.primary-nav li a {
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.primary-nav .third-level-nav-list li a {
    padding-left: 15px
}

.primary-nav .third-level-nav-list li a .nav-link {
    padding-left: 0;
    font-size: 14px
}

.primary-nav .third-level-nav-list li a img {
    width: 30px
}

.primary-nav .second-level-nav.is-hidden,
.primary-nav .third-level-nav-list.is-hidden,
.primary-nav.moves-out-nav>li>.social-media a,
.primary-nav.moves-out-nav>li>.sub-menu-dropdown-block,
.primary-nav.moves-out-nav>li>a,
.second-level-nav.moves-out-nav>li>.sub-menu-dropdown-block,
.second-level-nav.moves-out-nav>li>a {
    -webkit-transform: translateX(300%);
    transform: translateX(300%)
}

.sub-menu-dropdown-block {
    justify-content: space-between
}

.mobile-navbar .submenu-dropdown-arrow {
    transform: rotate(270deg);
    top: 0;
    right: 10px;
    width: auto;
    z-index: 999
}

/* home page design */
.home {
    background-color: var(--bg-blue);
    height: calc(100vh - 100px);
    width: 100%;
    max-height: 682px;
    min-height: 682px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

/* .home.contact-us-banner{max-height: 632px;min-height: 632px;} */
.home.blog-home-hero {
    max-height: 590px;
    min-height: 590px;
}

.home .bg-part-1 {
    top: -100%;
    animation: bgFromTop 1.5s ease 1s 1 forwards;
}

.home .bg-part-2 {
    bottom: -100%;
    animation: bgFromBottom 1.5s ease 1s 1 forwards;
    right: 0;
}

.home .bg-part-3 {
    top: -100%;
    animation: bgFromTop 1.5s ease 1s 1 forwards;
}

/* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;object-fit: cover;object-position: top right;} */
/* .home .bg-part-1 img{width: 50%;object-fit: cover;object-position: top right;top: -36px;position: relative;left: -65px;} */
.home .bg-part-1 img {
    width: 44.7%;
    /*object-fit: cover;*/
    object-position: top right;
    top: 0;
    position: relative;
}

.home .bg-part-2 img {
    width: 55.19vw;
    max-height: calc(682px - 100px);
    object-fit: cover;
    object-position: top left;
}

.home.blog-home-hero .bg-part-2 img {
    max-height: calc(590px - 100px);
}

.bg-light-gray .blog-list .card-body {
    background-color: #fff;
}

.bg-light-gray .btn-white .btn-inner {
    background: #ffffff;
}

.home .bg-part-3 img {
    width: 46.83vw;
    height: 100px;
    object-fit: cover;
    object-position: bottom center;
}

.home .bg-white-gradient.text-uppercase {
    letter-spacing: 14.5%;
}

.home h1 {
    font-size: 60px;
    line-height: 110%;
    max-width: 1000px;
    transform: translateY(100px);
    opacity: 0;
    animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;
}

.hero-star-img {
    top: -26px;
    right: 31px;
}

.client-section {
    padding: 50px 0px 53px;
}

.core-service-card {
    border-radius: 35px;
    border: 1px solid #1D1D2026;
}

.core-service-card .nav-link {
    padding: 43px 40px !important;
    border-color: #1D1D2026 !important;
}

.core-service-card .nav-link.active,
.core-service-card .nav-link:hover {
    background-color: var(--blue) !important;
    color: #ffffff !important;
}

.core-service-card .nav-link .icon_wrapper {
    height: 60px;
    width: 60px;
    background-color: #FFFFFF1A;
    border: 1px solid #ffffff80;
    border-radius: 12px;
}

.core-service-card .nav-link.active img,
.core-service-card .nav-link:hover img {
    filter: invert(1);
}

.core-service-card .tab-pane {
    padding: 36px 40px !important;
}

.creativity-section {
    background: var(--bg-blue);
    border-radius: 40px;
}

.creativity-section .card_wrapper {
    border: 1px solid #FFFFFF80;
    border-radius: 45px;
    padding: 25px;
}

.creative-card {
    background-color: rgba(255, 255, 255, 10%);
    min-height: 231px;
    min-width: 251px;
    border: 1px solid rgba(255, 255, 255, 50%);
    border-radius: 30px;
    aspect-ratio: 251 / 231;
}

.creative-card h1 {
    font-size: 50px;
}

.creative-card p {
    font-size: 18px;
}

.creative-card-data *,
.creative-card-data {
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    margin: 0px;
    text-align: center;
    transition: all 0.5s ease;
}

.creative-card:hover .creative-card-data {
    scale: 1.2;
}

.creative-card-top,
.creative-card-bottom {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    transition: all 0.5s ease;
}

.creative-card-top {
    background: url('../images/New-Design/creative-card-top-bg.png') no-repeat top right;
    top: 0;
    background-size: 84.86% auto;
}

.creative-card-bottom {
    background: url('../images/New-Design/creative-card-bottom-bg.png') no-repeat bottom left;
    bottom: 0;
    background-size: 100% auto;
}

.creative-card:hover .creative-card-top {
    top: -100%;
}

.creative-card:hover .creative-card-bottom {
    bottom: -100%;
}

.creative-card::before,
.creative-card::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 11px;
    border-radius: 10px;
    background-color: #FFCE33;
    right: 50%;
    transform: translateX(50%);
    transition: all 0.5s ease;
}

.creative-card::before {
    top: 0;
}

.creative-card::after {
    bottom: 0;
}

.creative-card:hover::before {
    right: 25%;
}

.creative-card:hover::after {
    right: 75%;
}

.technology-card,
.tech-stack-card {
    border-radius: 45px;
    border: 1px solid #0000000D;
}

.technology-card .nav-link {
    border-radius: 0;
    border-top: 0;
    border-bottom: 4px solid transparent !important;
    transition: all 0.4s ease;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

/* .technology-card .nav-link.active, .technology-card .nav-link:hover{border-radius: 0 !important; border-top:0; background: linear-gradient(180deg, #F7F9FB 81.32%, rgba(255, 255, 255, 0.8) 100%);border-bottom: 4px solid var(--bg-blue) !important;border-right: 1px solid #00206026;border-left: 1px solid #00206026;} */
.technology-card .tab-content {
    padding: 34px 40px;
}

.technology-card .nav-link.active,
.technology-card .nav-link:hover {
    background: linear-gradient(180deg, #F7F9FB 81.32%, rgba(255, 255, 255, 0.8) 100%);
    border-bottom-color: var(--bg-blue) !important;
    border-right-color: #00206026 !important;
    border-left-color: #00206026 !important;
}

.case-study-slide {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    padding: 20px 20px;
    width: fit-content;
}

.case-study-slide .card-img {
    height: 275px;
    /*width: 512px;*/
    overflow: hidden;
    border-radius: 20px;
}

.case-study-slide:hover img {
    scale: 1.2;
}

.case-study-slide:hover {
    background-color: #f5f7fa !important;
}

.sector-card {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    padding: 31px 30px;
    max-width: 362px;
    height: 427px;
}

.sector-card .icon_wrapper {
    border-radius: 15px;
    height: 71px;
    width: 71px;
    background-color: var(--bg-blue);
    border: 1px solid var(--bg-blue);
    flex-shrink: 0 !important;
}

.sector-card .labels {
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #1D1D201A;
    width: fit-content;
}

.sector-card::after,
.sector-card::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    transition: all 0.5s ease;
}

.sector-card::before {
    background: url('../images/New-Design/sector-card-top-bg.png') no-repeat top right;
    top: -100%;
}

.sector-card::after {
    background: url('../images/New-Design/sector-card-bottom-bg.png') no-repeat bottom left;
    bottom: -100%;
}

.sector-card:hover {
    background-color: var(--bg-blue) !important;
}

.sector-card:hover .clr-black {
    color: #ffffff !important;
}

.sector-card:hover .clr-black-70 {
    color: #ffffffb3;
}

.sector-card:hover .labels {
    background: #F7F9FB33 !important;
    border: 1px solid #FFFFFF26;
    backdrop-filter: blur(50px);
}

.sector-card:hover hr {
    border-color: #ffffffa0 !important;
}

.sector-card:hover .icon_wrapper {
    background: #fff;
    border: 1px solid #fff;
}

.sector-card:hover .icon_wrapper img {
    filter: invert(41%) sepia(100%) saturate(6000%) hue-rotate(215deg) brightness(105%) contrast(105%);
}

.sector-card:hover::before {
    animation: bgFromTop 1s ease 0s 1 forwards;
}

.sector-card:hover::after {
    animation: bgFromBottom 1s ease 0s 1 forwards;
}

.tech-stack-card .nav-link.active,
.tech-stack-card .nav-link:hover {
    background-color: var(--bg-blue) !important;
    color: #fff !important;
}

.tech-stack-tabs {
    padding: 26px 30px 37px;
}

.tech-stack-card .tab-pane {
    max-width: 1150px;
}

.tech-stack-tabs .img_wrapper .upper {
    height: 91px;
    width: 91px;
    border-radius: 15px;
    border: 1px solid #27282D1A;
    padding: 5px;
    background-color: #f8fafc80;
}

.tech-stack-tabs .img_wrapper .inner {
    border-radius: 12px;
    border: 1px solid #27282D1A;
}

.why-us-card {
    padding: 28px 28px;
    box-shadow: 0px 1px 4px 0px #0000000D;
    border: 1px solid #27282D26 !important;
    border-radius: 30px;
}

.hire-labels {
    min-height: 150px;
}

.hire-labels .label {
    border-radius: 10px;
    border: 1px solid #27282D1A;
    width: fit-content;
    min-width: 199px;
    margin-top: -10px;
}

.hire-labels .label-1 {
    left: 0;
    top: 0;
}

.hire-labels .label-2 {
    left: 50%;
    top: 41px;
    transform: translateX(-50%);
}

.hire-labels .label-3 {
    left: calc(100% - 199px);
    top: 82px;
}

.hire-us-card:hover .label {
    scale: 1.1;
    left: 50%;
    transform: translateX(-50%) !important;
}

.hire-us-card:hover .label-1 {
    top: -18px;
}

.hire-us-card:hover .label-3 {
    top: 100px;
}

.timezone-card img {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    margin-bottom: -20px;
    margin-top: 10px;
    transform: translateY(12px);
}

.timezone-card:hover img {
    background-color: var(--bg-blue);
    scale: 1.01;
    transform: translateY(2px);
}

.ce-team-wrapper .card {
    width: 110px;
    border-radius: 7px;
    border: 1px solid #0020601A;
    padding: 7px 10px;
    box-shadow: 0px 0px 0px 5px #ffffff;
    height: fit-content;
}

.ce-team-wrapper .card-1 {
    margin-top: 25px;
    z-index: 1;
}

.ce-team-wrapper .card-2 {
    margin-top: 50px;
    margin-left: -20px;
    z-index: 3;
}

.ce-team-wrapper .card-3 {
    margin-top: 0px;
    margin-left: -28px;
    z-index: 2;
}

.ce-team-card .card:hover {
    scale: 1.1;
    z-index: 4;
}

.testimonial-card {
    width: 361px;
    min-height: 520px;
    background-color: var(--bg-blue);
    border-radius: 30px;
    padding: 25px;
}

.testimonial-card .rating-icon {
    height: 15px;
    width: 15px;
}

.testimonail-round-img {
    height: 54px;
    width: 54px !important;
}

.testimonial-card .client-img {
    padding: 25px;
    height: 100%;
}

.testimonial-card:hover .client-img {
    height: 0px;
    padding: 0px;
}

.testimonial-card .client-img.aston {
    background: url('../images/New-Design/aston.png');
}

.testimonial-card .client-img.john {
    background: url('../images/New-Design/john.png');
}

.testimonial-card .client-img.bhavik {
    background: url('../images/New-Design/bhavik.png');
}

.cta-section {
    border-radius: 40px;
    background-color: var(--bg-blue);
}

.cta-section .cta-bg {
    max-width: 96%;
    left: 2%;
}

.cta-section .rotate-bg {
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    opacity: 0.15;
    animation: rotation 25s infinite linear;
}

.blog-link-card {
    border-radius: 18.15px;
    border: 1px solid #1D1D2026;
}

.blog-link-card:hover {
    background-color: #f5f7fa !important;
}

.blog-link-card .card-img {
    max-height: 221px;
}

.blog-link-card .card-img img {
    object-position: left;
    transform-origin: left;
}

.blog-link-card:hover .card-img img {
    transform: scale(1.5);
}

.blog-link-card .card-body {
    padding: 22px 26px;
}

.blog-link-card .blue-arrow-btn {
    transition: all 0.5s ease;
}

.blog-link-card:hover .blue-arrow-btn {
    opacity: 1 !important;
    transition: all 0.5s ease;
}

.blog_head {
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
}

.blog-list .card a img.card-img {
    transition: all 0.5s ease;
    transform-origin: left center;
}

.blog-list .card:hover a img.card-img {
    transform: scale(1.3);
    transition: all 0.5s ease;
}

.singleBlog.blog-hero {
    border-radius: 30px;
}

.singleBlog.blog-hero .feature-image {
    border-radius: 15px;
}

.singleBlog.blog-hero .heading h1 {
    font-size: 44px;
}

.singleBlog.blog-hero .cat-name {
    display: inline-flex;
    color: #1D1D20;
    padding: 5px 10px;
    font-size: 1rem;
    border: 1px solid #27282D26;
    border-radius: 10px;
    background: #fff;
}

.singleBlog.blog-hero .author {
    font-family: 'manrope-medium' !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #1D1D20;
}

.singleBlog.blog-hero .date {
    font-family: 'manrope-medium' !important;
    font-weight: 500;
    font-size: 1rem;
    color: #1D1D2099;
}

.singleBlog.blog-hero .author,
.singleBlog.blog-hero .date,
.author-details-wrapper .written-by,
.author-details-wrapper .name {
    font-family: 'manrope-medium' !important;
    font-weight: 500;
}

.author-details-wrapper .written-by {
    color: #1D1D2099;
    font-size: 1rem;
}

.author-details-wrapper .name {
    font-weight: 500;
    font-size: 2.2rem;
    color: #1D1D20;
    line-height: 120%;
}

.author-details-wrapper .details__card {
    display: grid;
    grid-template-columns: 255px 1fr;
    gap: 0;
}

.author-details-wrapper .details__card .author-image img {
    height: 225px;
    width: 225px;
    border-radius: 16px;
    margin: 0;
}

.author-details-wrapper .details__card .badge {
    font-size: 0.875rem;
    border-radius: 8px;
    line-height: 150%;
    padding-block: .3rem;
}

.author-details-wrapper .details__card .name {
    font-size: 1.75rem;
    line-height: 100%;
    font-family: 'manrope-semibold' !important;
    font-weight: normal !important;
}

.blog-list .card .author {
    font-family: 'manrope-medium' !important;
    font-weight: 500;
}

.blog-list .card .date {
    font-family: 'manrope-regular' !important;
    font-weight: 400;
}

.blog-tags {
    display: inline-flex;
    background: #F7F9FB;
    padding: 10px;
    border: 1px solid #1D1D2026;
    gap: 10px;
}

.blog-tags .list {
    border: 1px solid #1D1D2026;
    padding: 11px 13px;
}

.blog-tags .list a {
    color: #1D1D2099;
    font-size: 12.3px;
    line-height: 106%;
    letter-spacing: -3%;
    display: block;
}

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

.blog-description h2,
.blog-description h3,
.blog-description h4 {
    font-weight: 600;
    font-family: 'manrope';
}

.faq-section .accordion-item {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
}

.faq-section .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
    color: #1D1D20;
}

.faq-section .accordion-button::after {
    background-image: none;
    height: 40px;
    width: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1D1D2026;
    font-size: 22px;
    font-weight: 700;
    content: '-';
    background-color: #F7F9FB;
    color: #1D1D20;
}

.faq-section .accordion-button.collapsed::after {
    content: '+';
    background-color: #fff;
}

/* details page hero section  */
.listing__wrapper .home {
    background-color: var(--bg-blue);
    height: calc(100vh - 100px);
    width: 100vw;
    max-height: 614px;
    min-height: 614px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.listing__wrapper .home .bg-part-1 img {
    width: 55.83vw;
    top: -150px;
    left: -200px;
    object-fit: cover;
    object-position: top right;
}

.listing__wrapper .home .bg-part-2 img {
    width: 55.19vw;
    max-height: calc(614px - 100px);
    object-fit: cover;
    object-position: top left;
}

.listing__wrapper .home .bg-part-3 img {
    width: 46.83vw;
    height: 100px;
    object-fit: cover;
    object-position: bottom center;
}

/* emerging-technologies css */
.services_we_offer .accordion-item {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    transition: background-color 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.services_we_offer #serviceAccordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    background-color: var(--bg-blue);
}

.services_we_offer .accordion-button:not(.collapsed) {
    box-shadow: none;
    outline: none !important;
    background: transparent;
    color: #212529;
    transition: all 0.8s ease;
}

.services_we_offer .accordion-button {
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    padding-inline: 35px;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    font-size: 20px;
    font-family: 'manrope-semibold' !important;
    color: #1D1D20;
    padding-top: 23px;
    padding-bottom: 23px;
}

/* .services_we_offer .accordion-collapsed .accordion-button{color: #fff;padding-inline: 55px;} */
.services_we_offer .accordion-button:not(.collapsed) {
    color: #fff !important;
    padding-inline: 55px;
}

.services_we_offer .accordion-button.collapsed:hover {
    background-color: #F7F9FB;
}

.services_we_offer .accordion-collapse {
    padding-inline: 35px;
    transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: transparent !important;
}

.services_we_offer .accordion-button::after {
    background-image: url('../images/New-Design/yellow_arrow.svg');
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    transform: rotate(0);
    transition: all 0.8s ease;
}

.services_we_offer .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
    transition: all 0.8s ease;
}

.leading_business_industry {
    background-color: var(--bg-blue);
    border-radius: 40px;
    height: 360px;
    padding: 157px 0;
}

/* .leading_business_industry.ai.bottom-cta{padding: 131px 0;} */
/* .leading_business_industry img{transform: translateY(100px);opacity: 0;;animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;} */
.leading_business_industry img.leading-business {
    transform: translateY(34px) !important;
    opacity: 0;
    transition: none;
}

.leading_business_industry img.animate-in {
    animation: lead-fade-in 0.5s ease 0.5s forwards, lead-fade-up 0.5s ease 0.5s forwards;
}

.engagement_model_card {
    border-radius: 30px;
    border: 1px solid #1D1D2026;
}

.engagement_model_card .card-head {
    padding: 28px 40px;
    border-bottom: 1px solid #1D1D2026;
    box-shadow: 0px 1px 4px 0px #0000000D;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.engagement_model_card .card-body {
    padding: 40px;
}

.build_your_team {
    background-color: var(--bg-blue);
    border-radius: 40px;
}

.build_your_team .card {
    border-radius: 25px;
    background: linear-gradient(180deg, rgba(247, 249, 251, 0.05) 81.32%, rgba(255, 255, 255, 0.04) 100%) !important;
    box-shadow: 0px 5px 8px 0px #00000014;
    backdrop-filter: blur(49px)
}

.build_your_team .card-upper {
    border-bottom: 2px solid rgba(247, 249, 251, 0.2) !important;
    padding: 40px 20px 27px;
}

.build_your_team .card-bottom {
    padding: 27px 20px 40px;
}

.build_your_team .card.yellow,
.build_your_team .card.card-upper {
    border-color: #FFCE33;
}

.build_your_team .card.yellow .position-absolute {
    border-bottom-left-radius: 25px;
    border-bottom: 2px solid #FFCE33;
    border-left: 2px solid #FFCE33;
    background: linear-gradient(276.48deg, rgba(255, 206, 51, 0) 0%, rgba(255, 206, 51, 0.3) 166.07%);
    padding: 14px 28px;
}

.dream__project {
    background-color: var(--bg-blue);
    background-image: url('../images/New-Design/dream_project_img.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 40px;
}

/* ai-agent css */
.home__wrapper .we-creative .card {
    height: 313px !important;
    overflow: hidden !important;
    transition: all 0.5s ease;
    border: 1px solid #1D1D201A !important;
    border-radius: 15px !important;
}

.home__wrapper .we-creative .card:hover {
    background-color: var(--yellow) !important;
}

.home__wrapper .we-creative .card:hover .card-img.mb-5 {
    margin-top: -100px !important;
    margin-bottom: 170px !important;
}

.home__wrapper .we-creative .card:hover .card-img.mt-5 {
    visibility: visible;
    opacity: 1;
}

.home__wrapper .we-creative .card .card-img.mb-5 {
    margin-bottom: 143px !important;
    transition: all 0.5s ease;
}

.home__wrapper .we-creative .card .card-img.mt-5 {
    margin-top: 15px !important;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.home__wrapper .info-box {
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%) !important;
    border: 1px solid #1D1D2026 !important;
    border-radius: 20px !important;
    padding: 27px 37px !important;
}

.home__wrapper .card_swiper .red_dot {
    width: 18px;
    height: 18px;
    background-color: #FF725D;
}

.home__wrapper .card_swiper .yellow_dot {
    width: 18px;
    height: 18px;
    background-color: #FFB84B;
}

.home__wrapper .card_swiper .green_dot {
    width: 18px;
    height: 18px;
    background-color: #55CD3E;
}

.home__wrapper .card_swiper .card {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
}

.home__wrapper .card_swiper .card_header {
    padding: 30px 45px;
    border-bottom: 1px solid #1D1D2026;
}

.home__wrapper .card_swiper .card_body {
    padding: 41px 45px;
}

.home__wrapper .leading_business_industry.ai {
    height: unset !important;
}

.services_we_offer.ai .accordion-button::after {
    background-image: url('../images/New-Design/clear_arrow.svg');
    height: 50px;
    width: 50px;
}

.where_ai_belongs .card {
    border: 1px solid #1D1D2026;
    padding: 27px 37px;
    border-radius: 20px;
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);
    transition: all 0.5s ease;
}

.where_ai_belongs .card:hover {
    background: var(--bg-blue);
}

.where_ai_belongs .card:hover .clr-black {
    color: #fff;
}

.where_ai_belongs .card img {
    scale: 1.2;
    margin-bottom: -7px;
}

.ctaWithBG {
    position: relative;
    overflow: hidden;
}

.ctaWithBG::after {
    content: '';
    position: absolute;
    width: 50%;
    aspect-ratio: 1/1;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    opacity: 30%;
    ;
    background-image: url('../images/New-Design/home_rotate_logo_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    animation: rotation 30s infinite linear;
}

.where_ai_belongs .card:hover .clr-black {
    color: #fff !important;
}

/* .ctaWithBG{background-image: url('../images/New-Design/cta-bg.png');background-repeat: no-repeat;background-position: right;} */
/* .iot-app-development .ctaWithBG, .ai-integration .ctaWithBG, .ai-consulting .ctaWithBG, .cloud-app-development .ctaWithBG, .cloud-integration .ctaWithBG, .cloud-managed-service .ctaWithBG{background-image: none !important;} */
hr.text-theme-primary-light {
    margin: 8px 0px !important;
}

.scroll-content .info-box {
    transition: all 0.5s ease;
}

.scroll-content .info-box:hover {
    background: linear-gradient(180deg, rgba(0, 73, 254, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}

.benifits_of_iot .benifit_card {
    border-radius: 25px;
    border: 1px solid #27282D26;
    padding: 30px 27px;
    background-color: #F7F9FB;
}

.benifits_of_iot .arrow_wrapper {
    height: 50px;
    width: 50px;
    background-color: #fff;
    border: 1px solid #27282D26;
    border-radius: 11px;
}

.benifits_of_iot .benifit_card:hover {
    background-color: var(--bg-blue);
}

.benifit_card:hover .arrow_wrapper {
    background-color: var(--yellow);
}

.benifit_card:hover .arrow_wrapper img {
    rotate: 45deg;
}

.benifit_card:hover .clr-black {
    color: #ffffff !important;
}

.benifit_card:hover .clr-black-80 {
    color: #ffffff !important;
}

.feature_of_iot .tab-content {
    overflow: hidden;
    position: relative;
}

.feature_of_iot .nav-link,
.cloud_services .nav-link {
    color: #1D1D20 !important;
}

.feature_of_iot .nav-link:hover,
.feature_of_iot .nav-link.active,
.cloud_services .nav-link:hover,
.cloud_services .nav-link.active {
    font-family: 'manrope-semibold';
}

.feature_of_iot .nav-link .fa,
.cloud_services .nav-link .fa {
    margin-left: -45px;
    opacity: 0;
    color: var(--bg-blue);
}

.feature_of_iot .nav-link:hover .fa,
.feature_of_iot .nav-link.active .fa,
.cloud_services .nav-link:hover .fa,
.cloud_services .nav-link.active .fa {
    margin-left: 0px;
    opacity: 1;
}

.feature-card {
    border: 1px solid #1D1D2026;
    padding: 30px;
    border-radius: 25px;
}

/* Career openings section */
.career-openings .openings-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.career-openings .opening-item {
    list-style: none;
}

.career-openings .opening-card {
    border: 1px solid #1D1D2026;
    border-radius: 20px;
    padding: 25px 30px;
    background-color: var(--theme1-light-gray);
}

.career-openings .opening-card .btn {
    min-width: 150px;
    height: 56px;
}

.career-openings .opening-details {
    transition: height 0.35s ease;
}

@media (min-width: 992px) {
    .career-openings .openings-list {
        gap: 20px;
    }

    .career-openings .opening-card {
        padding: 25px 30px;
    }
}

/* Contact addresses cards */
.contact-addresses .address-card {
    background-color: var(--theme1-light-gray);
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.contact-addresses .icon-30 {
    height: 30px;
    width: 30px;
}

.contact-addresses .icon-26 {
    height: 26px;
    width: 26px;
}

/* =====================
     Benefits section (Career)
     ===================== */
.benefits-section,
.life-culture,
.about-us-section-two {
    background-color: var(--theme1-light-gray);
    padding: 100px 0;
}

.benefits-section .benefits-header {
    display: grid;
    gap: 10px;
    justify-items: center;
    text-align: center;
    margin-bottom: 45px;
}

.benefits-section .benefits-title {
    font-family: 'manrope-bold';
    font-size: 46px;
    line-height: 54px;
    color: #1d1d20;
    margin: 0;
}

.benefits-section .benefits-subtitle {
    font-family: 'manrope-regular';
    font-size: 18px;
    line-height: 30px;
    color: rgba(29, 29, 32, 0.8);
    margin: 0;
    max-width: 791px;
}

.benefits-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.benefit-card {
    background: #fff;
    border: 1px solid rgba(29, 29, 32, 0.15);
    border-radius: 20px;
    padding: 20px 20px;
    transition: all 0.5s ease;
}

.benefit-card:hover {
    background-color: var(--bg-blue);
    padding: 20px 30px;
}

.benefits-section .transform-arrow {
    transform: translateX(-200%);
    margin-left: auto;
    transition: all 0.5s ease;
    opacity: 0;
}

.benefits-section .benefit-card:hover .transform-arrow {
    transform: translateX(0);
    opacity: 1;
}

.benefit {
    display: block;
    width: 100%;
}

.benefit-main {
    display: flex;
    align-items: center;
    gap: 30px;
}

.benefit-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.benefit-icon {
    height: 60px;
    width: 60px;
    border-radius: 12px;
    background: var(--theme1-light-gray);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.benefit-icon-inner {
    display: grid;
    place-items: center;
    height: 100%;
    width: 100%;
    border-radius: inherit;
}

.benefit-icon-img {
    display: block;
}

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

.benefit-text {
    font-family: 'manrope-medium';
    font-size: 20px;
    line-height: 30px;
    color: #1d1d20;
    margin: 0;
    transition: all 0.5s ease;
}

.benefits-section .benefit-card:hover .benefit-text {
    color: #ffffff;
}

.benefit-arrow {
    height: 30px;
    width: 30px;
    margin-left: auto;
}

.benefit-arrow img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 991.98px) {
    .benefits-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .benefits-section {
        padding: 60px 0;
    }
}

@media (max-width: 575.98px) {
    .benefit-main {
        gap: 16px;
    }

    .benefit-left {
        gap: 14px;
    }

    .benefits-section .benefits-title {
        font-size: 36px;
        line-height: 44px;
    }

    .benefits-section .benefits-subtitle {
        font-size: 16px;
        line-height: 26px;
    }
}

.feature-card .icon_wrapper {
    background-color: var(--bg-blue);
    height: 70px;
    width: 70px;
    border-radius: 13px;
}

/* .feature_of_iot .tab-pane {opacity: 0;transform: translateY(50px);transition: opacity 1s ease, transform 1s ease;pointer-events: none;} */
.feature_of_iot .tab-pane.active.show.fadeUp {
    animation: fadeDown 1.5s ease 0s 1 both;
}

.feature_of_iot .tab-pane.active.show.fadeDown {
    animation: fadeUp 1.5s ease 0s 1 both;
}

.hire_iot_card {
    background-color: #fff;
    border: 1px solid #1D1D2026;
    padding: 30px;
    border-radius: 25px;
}

.hire_iot_card .icon_wrapper {
    background-color: #F7F9FB;
    border: 1px solid #27282D26;
    height: 66px;
    width: 66px;
    border-radius: 15px;
}

.hire_iot_card:hover {
    background-color: var(--bg-blue);
    padding: 30px 40px;
}

.hire_iot_card:hover .icon_wrapper {
    background-color: var(--yellow);
}

.hire_iot_card:hover .clr-black,
.hire_iot_card:hover .clr-black-80 {
    color: #fff !important;
}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02 {
    background-color: var(--theme1-light-gray);
}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.iot-app-development .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-consulting .sec_02 .section_head {
    margin-bottom: 1rem;
}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.iot-app-development .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-consulting .sec_02 .scroll-container {
    mask-image: linear-gradient(to bottom transparent 0%, white 5%, white 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, white 5%, white 85%, transparent 100%);
}

.emerging_tech_wrapper .view-sub-content.ai-agent .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-ml .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.iot-app-development .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.blockchain .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.computer-vision .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-integration .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-consulting .tech-stack-section .section_head {
    margin-bottom: .75rem !important;
}

/* clooud and dev ops pages */
.we-creative.cloud .card {
    height: 246px !important;
}

.we-creative.cloud .card .card-img.mb-5 {
    margin-bottom: 85px !important;
}

.we-creative.cloud .card:hover .card-img.mb-5 {
    margin-bottom: 110px !important;
}

.industry_first_swiper .swiper_img {
    height: 435px;
    width: 100%;
    max-width: 653.46;
    overflow: hidden;
    border-radius: 18px;
    position: relative;
    opacity: 35% !important;
    scale: 0.92 0.85;
}

.industry_first_swiper .swiper_img .overlay {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.56%, #000000 97.67%);
    padding: 26px 30px;
}

.industry_first_swiper .swiper_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.industry_first_swiper .swiper-slide-active .swiper_img {
    opacity: 100% !important;
    scale: 1;
}

.industry_first_swiper .swiper-button-next,
.industry_first_swiper .swiper-button-prev {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s ease;
    border: 1px solid #1D1D2026;
}

.industry_first_swiper .swiper-button-next:hover,
.industry_first_swiper .swiper-button-prev:hover {
    background-color: var(--bg-blue);
}

.industry_first_swiper .swiper-button-next::after,
.industry_first_swiper .swiper-button-prev::after {
    font-weight: 800;
    color: var(--bg-blue);
    font-size: 15px;
}

.industry_first_swiper .swiper-button-next:hover::after,
.industry_first_swiper .swiper-button-prev:hover::after {
    color: #ffffff;
}

.industry_first_swiper .swiper-button-next {
    right: 28.5%;
}

.industry_first_swiper .swiper-button-prev {
    left: 28.5%;
}

.card_swiper.cloud .card-stack-animate {
    margin: 300px auto 0;
    height: 450px;
}

.cloud_services .icon-wrap {
    height: 70px;
    width: 70px !important;
    background-color: var(--bg-blue);
    border-radius: 13px;
    flex-shrink: 0;
}

.cloud_and_dev_ops_cta {
    background-color: var(--bg-blue);
    background-image: url('../images/New-Design/cloud-and-devops-cta-bg.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
    border-radius: 40px;
}

.cloud_and_dev_ops_cta .fs-40,
.cta-section .section_head {
    font-size: 36px;
}

.cloud-process::-webkit-scrollbar {
    width: 1px;
    background: #00000000;
}

.cloud-process::-webkit-scrollbar-thumb {
    background: #00000000;
}

.cloud-process::-webkit-scrollbar-thumb:hover {
    background: #000000;
}

.cloud-process .icon_wrap {
    background-color: var(--yellow);
    padding: 12px 24px;
    border: 1px solid #1D1D2026;
    border-radius: 10px;
    rotate: -5deg;
    width: fit-content;
}

.cloud-process .left-column {
    top: 100px !important;
    max-width: 500px !important;
}

.cloud-process .process-section {
    gap: 80px !important;
}

.cloud-process .info_box {
    min-height: 230px;
    margin-bottom: 0px !important;
}

.our-process.cloud-process .step .progress {
    height: 200px !important;
    top: 23px !important;
}

.cloud-process .info_box .dot {
    height: 14px;
    width: 14px;
    background-color: #D9D9D9;
}

.cloud-process .info_box .line {
    width: 4px;
    background-color: #D9D9D9;
}

.cloud-process .info_box.active .dot {
    height: 14px;
    width: 14px;
    background-color: var(--bg-blue);
}

.cloud-process .info_box.active .line {
    width: 4px;
    background-color: var(--bg-blue);
}

.other-services.cloud-and-dev-ops {
    background: var(--bg-blue) !important;
    border-radius: 40px;
}

.other-services.cloud-and-dev-ops ul img {
    background: linear-gradient(146.13deg, #0049FE -0.41%, rgba(0, 73, 254, 0) 101.68%);
    border-radius: 15px;
}

.bg-gradient-white {
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.2) 1.56%, rgba(247, 249, 251, 0) 101.35%);
    border-radius: 25px;
    border: 1px solid #ffffff10;
    transform: translateY(400px);
    opacity: 0;
}

.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(even) {
    animation: fade65 1s ease 0s 1 forwards;
}

.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(odd) {
    animation: fadeFull 1s ease 0s 1 forwards;
}


/* Application Development CSS */
.dev-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.dev-cards .card {
    padding: 26px 41px;
    height: 100%;
    border: 1px solid #00206026;
    border-radius: 25px;
}

.dev-cards .w-third {
    grid-column: span 2;
    animation: fade-in 1s ease 0s 1 both;
}

.dev-cards .w-full .card-text {
    display: none;
}

.dev-cards .w-full .row {
    flex-direction: column;
}

.dev-cards .w-full .row .col-12 {
    width: 100% !important;
}

.transform_sub_head {
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);
    background-color: #27282D26 !important;
    padding: 10px 12px;
    border-radius: 10px;
    width: fit-content;
}

.transform_card {
    border-radius: 30px;
    padding: 50px 61px;
    border-color: #27282D26;
}

.transform_card .icon_wrapper {
    height: 86px;
    width: 86px;
    background-color: #ffffff;
    border: 1px solid #27282D26;
    border-radius: 15px;
    transition: all 0.5s ease;
}

.transform_card .swiper-slide:hover .icon_wrapper {
    background-color: var(--yellow);
}

.transform_card .swiper-slide-next {
    border-left: 1px solid #00000014;
    border-right: 1px solid #00000014;
}

.transform_card .swiper-slide {
    padding: 0px 30px !important;
}

.transform_card .swiper-wrapper {
    align-items: stretch !important;
}

.transform_card .swiper-wrapper .swiper-slide {
    min-height: 350px;
}

.transform_card .swiper-button-next,
.transform_card .swiper-button-prev {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s ease;
    border: 1px solid #1D1D2026;
    padding: 15px;
}

.transform_card .swiper-button-next::after,
.transform_card .swiper-button-prev::after {
    font-size: 20px;
    color: #000;
    font-weight: 800;
}

.transform_card .swiper-button-next:hover,
.transform_card .swiper-button-prev:hover {
    background-color: var(--yellow);
}

.transform_card .swiper-button-next {
    right: -26px;
}

.transform_card .swiper-button-prev {
    left: -26px;
}

.pricing_sub_head {
    background-color: #ffffff1a;
    padding: 10px 15px;
    border-radius: 15px;
    width: fit-content;
    border: 1px solid #ffffff65;
}

.web_tech_stack .card {
    border-radius: 30px;
    border: 1px solid #1D1D2026;
}

.web_tech_stack .first_btn {
    padding: 20px 35px;
    border: 1px solid #1D1D201A;
    width: 242px;
}

.web_tech_stack .tech_btn {
    border: 1px solid #27282D1A;
    border-radius: 11px;
    padding: 11px 14px;
    color: #1D1D20;
    background-color: #ffffff;
    cursor: pointer;
}

.web_tech_stack .tech_btn:hover {
    color: #ffffff;
    background-color: var(--bg-blue);
}

.experience_cta {
    background-color: var(--bg-blue);
    border-radius: 40px;
    background-image: url('../images/New-Design/experience_cta_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.animate-blink {
    transition: all 0.5s ease;
}

.animate-blink:hover {
    opacity: 0.6;
}

.perk_card {
    padding: 26px 30px;
    border: 1px solid #1D1D2026;
    border-radius: 25px;
    transition: all 0.5s ease;
    background-color: #ffffff;
    box-shadow: 0px 1px 4px 0px #0000000D;
}

.perk_card:hover {
    box-shadow: 0px 4px 4px 0px #0000001A;
    transform: translateY(-8px);
    background-color: var(--bg-blue);
}

.perk_card:hover .clr-black,
.perk_card:hover .text-black-60 {
    color: #fff !important;
}

.ui_ux_icon_wrapper {
    background: linear-gradient(180deg, #FFFFFF -2.44%, #F7F9FB 88.67%);
    height: 100px;
    width: 100px;
    border: 1px solid #27282D26;
    border-radius: 20px;
}

.info-box.bg-light-gray {
    background: #F7F9FB !important;
}

.sec_02.ui_ux .info-box {
    border-color: #00000000 !important;
    border-radius: 0px !important;
    padding: 0px 0px 0px 40px !important;
    position: relative;
}

.sec_02.ui_ux .info-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 80%;
    background: linear-gradient(#0049FE, rgba(0, 73, 254, 0));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.ui-ux-design-services .main_card {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    padding: 10px;
}

.ui-ux-design-services .sub_card {
    border: 1px solid #1D1D2026;
    border-radius: 25px;
    padding: 30px;
    background: #ffffff;
    transition: all 0.5s ease;
}

.ui-ux-design-services .icon_wrapper {
    height: 66px;
    width: 66px;
    background-color: #F7F9FB;
    border: 1px solid #27282D26;
    border-radius: 12px;
    transition: all 0.5s ease;
}

.ui-ux-design-services .sub_card:hover {
    background: #F7F9FB;
    box-shadow: 0px 4px 8px 0px #0000000F;
}

.ui-ux-design-services .sub_card:hover .icon_wrapper {
    background: var(--yellow);
}

.tech_stack_scalable.full-stack .head {
    min-height: 95px;
    display: flex;
    align-items: center;
}

.tech_stack_scalable .body {
    background: linear-gradient(to bottom, #FFFFFF 81.25%, #F7F9FB 100%) !important;
}

/* Application Development New CSS */
.custom_web_dev .row {
    border: 1px solid #00206026;
    border-radius: 25px;
    padding: 14px 15px;
}

.custom_web_dev .row .accordion-item {
    border-radius: 15px;
    border: 1px solid #00206026;
    background-color: #F7F9FB;
    margin-bottom: 12px;
}

.custom_web_dev .row .accordion-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
    padding: 20px;
}

.custom_web_dev .row .accordion-button:not(.collapsed)::after {
    background-image: url('../images/New-Design/accr_arrow_up.svg');
    transform: rotate(0deg);
    height: 30px;
    width: 30px;
    background-size: cover;
    transition: all 0.5s ease;
}

.custom_web_dev .row .accordion-button.collapsed::after {
    background-image: url('../images/New-Design/accr_arrow_down.svg');
    height: 30px;
    width: 30px;
    background-size: cover;
    transition: all 0.5s ease;
}

.pill_heading {
    border: 1px solid #00206026;
    width: fit-content;
}

.why_relay_on_ic.web-dev .dot {
    height: 34px;
    width: 34px;
    font-size: 15px;
}

.why_relay_on_ic.web-dev .card {
    max-width: 400px;
}

.why_relay_on_ic.web-dev .dot.bg-blue {
    left: -17px;
}

.why_relay_on_ic.web-dev .left-card .dot.bg-yellow {
    right: -17px;
}

.why_relay_on_ic.web-dev .right-card .dot.bg-yellow {
    left: -17px;
}

.why_relay_on_ic.web-dev .right-card::after,
.why_relay_on_ic.web-dev .right-card::before,
.why_relay_on_ic.web-dev .left-card::after,
.why_relay_on_ic.web-dev .left-card::before {
    height: calc(100% - 55px);
    top: 40px;
}

.why_relay_on_ic.web-dev .card .icon_wrapper {
    height: 40px;
    width: 40px;
    border-radius: 11px;
}

.why_relay_on_ic.web-dev .why_img {
    height: 230px;
    width: 360px;
}

.why_relay_on_ic.web-dev .ab-none img {
    border-radius: 25px;
    object-fit: cover;
    object-position: center;
}

.why_relay_on_ic.web-dev .ab-none::before,
.why_relay_on_ic.web-dev .ab-none::after {
    display: none;
}

.simplify_challanges .row {
    border: 1px solid #00206026;
    border-radius: 25px;
    padding: 15px;
}

.simplify_challanges .card {
    background-color: #FFFFFF;
    border: 1px solid #1D1D2026;
    border-radius: 20px;
    padding: 25px;
}

.simplify_challanges .card .icon_wrapper {
    background: #F7F9FB;
    width: 174px;
    min-height: 181px;
    border: 1px solid #1D1D2026;
    border-radius: 25px;
    transition: all 0.4s ease;
}

.simplify_challanges .card:hover {
    background-color: var(--bg-blue);
}

.simplify_challanges .card:hover .clr-black,
.simplify_challanges .card:hover .clr-black-60 {
    color: #fff !important;
}

.simplify_challanges .card:hover .icon_wrapper {
    background: #FFFFFF1A;
    border: 1px solid #356FFE;
}

.simplify_challanges .card:hover .icon_wrapper img {
    filter: invert(1);
}

.simplify_challanges .card:hover .icon_wrapper .main_img {
    rotate: -12deg;
    scale: 1.05;
}

.simplify_challanges .card:hover .icon_wrapper .shadow-img {
    scale: 1.2;
}

.small_cta.web {
    background-color: var(--bg-blue);
    border-radius: 20px;
    margin-top: 45px;
    position: relative;
}

.info-box.common {
    min-width: 173px;
    background: #ffffff !important;
    border: 1px solid #00206026;
    border-radius: 20px;
    padding: 30px 20px !important;
    transition: all 0.5s ease;
}

.info-box.common .img-wrapper {
    height: 70px;
    width: 70px;
    border-radius: 15px;
    border: 1px solid #27282D26;
    background-color: #F7F9FB;
    transition: all 0.5s ease;
}

.info-box.common:hover {
    background: var(--bg-blue) !important;
    padding: 30px 30px !important;
    transform: translateY(-5px);
    box-shadow: 0px 1px 4px 0px #0000000D;
}

.info-box.common:hover .clr-black {
    color: #fff !important;
}

.info-box.common:hover .img-wrapper {
    background-color: var(--yellow);
}

.future_ready_swiper .card {
    min-height: 370px;
    background-color: #F7F9FB;
    border: 1px solid #00206026;
    border-radius: 25px;
    padding: 25px;
    transition: all 0.5s ease;
    z-index: 2;
}

.future_ready_swiper .card .icon_wrapper {
    height: 70px;
    width: 70px;
    background-color: #ffffff;
    border-radius: 15px;
    border: 1px solid #00206026;
    z-index: 2;
}

.z-2 {
    z-index: 2;
}

.future_ready_swiper .blue_back {
    border-radius: 25px;
    background-color: var(--bg-blue);
    z-index: 1;
    height: 0px;
    transition: all 0.5s ease;
}

.future_ready_swiper .card:hover {
    background-color: transparent;
}

.future_ready_swiper .card:hover .blue_back {
    height: 100%;
}

.future_ready_swiper .card:hover .clr-black,
.future_ready_swiper .card:hover .clr-black-60 {
    color: #fff !important;
}

.future_ready_swiper .future-pagination {
    position: static !important;
    height: 4px !important;
    width: 100%;
    display: flex;
    align-items: center;
}

.future-pagination .swiper-pagination-bullet {
    flex-grow: 1;
    background-color: #0020601A;
    border-radius: 0px !important;
    margin: 0px !important;
    border: none !important;
    height: 4px !important;
    transition: all 0.5s linear;
}

.future-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bg-blue);
    height: 4px !important;
    transition: all 0.5s linear;
}

.web-dev .technology-section,
.mobile-dev .technology-section,
.enterprise-dev .technology-section {
    background-color: #F7F9FB;
}

.custom_software_cta {
    background-color: var(--bg-blue);
    background-image: url('../images/New-Design/custom_software_cta_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.scale_cards .row {
    border-radius: 35px;
    border: 1px solid #1D1D2026;
    padding: 25px;
    position: sticky;
    top: 150px;
}

.scale_img_wrapper {
    border-radius: 25px;
    border: 1px solid #27282D26;
    padding: 10px;
}

.scale_img_wrapper img {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    object-fit: cover;
    object-position: top;
    max-height: 350px;
}

.scale_cards .icon_wrapper {
    height: 86px;
    width: 86px;
    border-radius: 18px;
    border: 1px solid #27282D26;
    background-color: #ffffff;
    transition: all 0.5s ease;
}

.scale_cards .w-97 {
    width: 97% !important;
}

.scale_cards .w-94 {
    width: 94% !important;
}

.scale_cards .row:hover .icon_wrapper {
    background-color: var(--yellow);
}

.scroll_card_stack .label_head {
    width: fit-content;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);
    border: 1px solid #27282D26
}

.scroll_card_stack.custom_software_development .icon_wrapper {
    height: 86px;
    width: 86px;
}

.scroll_card_stack.custom_software_development .scroll_card {
    padding: 25px;
}

.scroll_card_stack.custom_software_development .scroll_card .point {
    top: -8px !important;
    right: -8px;
}

.et_for_app.custom_software_development .card {
    background-color: #ffffff;
}

.et_for_app.custom_software_development .icon_wrapper {
    height: 66px;
    width: 66px;
    border-radius: 12px;
    border: 1px solid #27282D26;
    background-color: #F7F9FB;
    transition: all 0.5s ease;
}

.et_for_app.custom_software_development .card:hover .icon_wrapper {
    background-color: #ffffff;
}

.et_for_app.custom_software_development .card img {
    opacity: 1;
}

.development_methodology .icon_wrapper {
    height: 100px;
    width: 100px;
    background: linear-gradient(180deg, #FFFFFF -2.44%, #F7F9FB 88.67%);
    border: 1px solid #27282D26;
    border-radius: 20px;
}

.development_methodology .small_icon_wrapper {
    background: linear-gradient(180deg, #FFFFFF -2.44%, #F7F9FB 88.67%);
    height: 42px;
    width: 42px;
    border-radius: 8.16px;
    border: 1px solid #27282D26;
}

.development_methodology .line {
    width: 3px;
    background: linear-gradient(to bottom, #0049FE, #0049FE00);
}

.development_methodology .card {
    min-height: 164px;
}

.development_methodology .headings {
    position: sticky;
    top: 100px;
}

.emerging_tech_wrapper .casestudy-details-page.bg-white {
    background: #ffffff !important;
}

.why_relay_on_ic.pdc .icon_wrapper {
    width: fit-content !important;
    height: 36px !important;
}

.why_relay_on_ic.web-dev.ssd .card {
    max-width: 480px;
}

.ssd_cta_1 {
    transition: all 0.5s ease;
    opacity: 1;
}

.ssd_cta_2 {
    transition: all 0.5s ease;
    opacity: 0;
    right: 0;
    transform: translateY(20px);
}

.ai-cta-section.hire:hover .ssd_cta_1 {
    opacity: 0;
    transform: translateY(-20px);
}

.ai-cta-section.hire:hover .ssd_cta_2 {
    opacity: 1;
    transform: translateY(0);
}

.service_sec_2 .card {
    padding: 31px 30px;
    border: 1px solid #00206026;
    border-radius: 20px;
    transition: all 0.3s ease;
    min-height: 427px;
}

.service_sec_2 .card .arrow {
    rotate: -45deg;
    height: 40px;
    width: 40px;
}

.service_sec_2 .card:hover {
    background-color: var(--bg-blue);
}

.service_sec_2 .card:hover .clr-black,
.service_sec_2 .card:hover .clr-black-80 {
    color: #fff !important;
}

.service_sec_2 .card:hover .arrow {
    rotate: 0deg;
}

.service_sec_2 .top-img {
    top: -400%;
    transition: all 0.6s ease;
    opacity: 0;
}

.service_sec_2 .bottom-img {
    bottom: -200.5%;
    right: -13.5%;
    transition: all 0.4s ease;
    opacity: 0;
}

.service_sec_2 .card:hover .top-img {
    top: -105%;
    opacity: 1;
}

.service_sec_2 .card:hover .bottom-img {
    bottom: -73.5%;
    right: -13.5%;
    opacity: 1;
}

.dream__project.service {
    min-height: 450px;
    background-image: none !important;
}

.indusSlider .icon_wrapper {
    height: 71px;
    width: 71px;
    border-radius: 15px;
    transition: all 0.5s ease;
    background-color: #F7F9FB;
    border: 1px solid #00206026;
}

.indusSlider .card {
    border-radius: 20px;
    padding: 31px 30px;
    border: 1px solid #00206026;
    position: relative;
    overflow: hidden;
}

.indusSlider .card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background-color: var(--bg-blue);
    z-index: 1;
    transition: all 0.4s ease;
}

.indusSlider .card:hover::before {
    height: 100%;
}

.indusSlider .card .card-body {
    background: transparent;
    z-index: 2;
}

.indusSlider .swiper-wrapper .swiper-slide .card:hover {
    background-color: #ffffff !important;
}

.indusSlider .card:hover .icon_wrapper {
    background-color: #ffffff;
}

.indusSlider .card:hover .clr-black,
.indusSlider .card:hover .clr-black-80 {
    color: #fff !important;
}



.scroll_card .icon_wrapper {
    height: 68px;
    width: 68px;
    border-radius: 16px;
    border: 1px solid #27282D26;
    background-color: #ffffff;
}

.scroll_card {
    border: 1px dashed #1D1D2026;
    border-radius: 30px;
    padding: 40px 50px;
    position: sticky;
}

.scroll_card:nth-child(1) {
    top: 100px;
}

.scroll_card:nth-child(2) {
    top: 140px;
}

.scroll_card:nth-child(3) {
    top: 180px;
}

.scroll_card:nth-child(4) {
    top: 220px;
}

.scroll_card .point {
    height: 11px;
    width: 11px;
    top: -16px !important;
    right: -22px !important;
    left: unset !important;
}

.scroll_card .point.blue-point {
    background-color: var(--bg-blue);
    outline: 3px solid #0049FE33;
}

.scroll_card .point.yellow-point {
    background-color: var(--yellow);
    outline: 3px solid #FFCE3333;
}

.scroll_card:has(.blue-point) {
    rotate: -2deg;
    box-shadow: 0px 9px 8px 0px #0049FE0D;
}

.scroll_card:has(.yellow-point) {
    rotate: 2deg;
    box-shadow: 0px 9px 8px 0px #FFCE330D;
}

.scroll_card_stack .heading_section {
    position: sticky !important;
    top: 100px !important;
}

.real_impact .top-img {
    border: 1px solid #27282D26;
    padding: 10px;
    background: #FFFFFF;
    top: 67px;
    left: -50px;
    border-radius: 17px;
    z-index: 5;
}

.real_impact .bottom-img {
    border: 1px solid #27282D26;
    padding: 10px;
    background: #FFFFFF;
    bottom: -40px;
    right: -40px;
    border-radius: 25px;
    z-index: 5;
}

.real_impact .main_img {
    border: 1px solid #27282D26;
    padding: 10px;
    background: #FFFFFF;
    border-radius: 45px;
    overflow: hidden;
}

.real_impact .main_img::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 35px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.34%, #000000 100%);
    z-index: 1;
    transition: all 0.5s ease;
    opacity: 0;
}

.real_impact .main_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url('../images/New-Design/real-impact-ic-logo.svg') no-repeat center center;
    z-index: 2;
    rotate: 15deg;
    transition: all 0.5s ease;
    opacity: 0;
}

.real_impact .img_wrapper:hover .main_img::before,
.real_impact .img_wrapper:hover .main_img::after {
    opacity: 1;
    rotate: 0deg;
}

.et_for_app .card_wrapper {
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #1D1D2026;
    padding: 15px;
}

.et_for_app .card {
    background-color: #F7F9FB;
    border-radius: 25px;
    padding: 25px 25px;
    border: 1px solid #1D1D2026;
    transition: all 0.5s ease;
}

.et_for_app .card img {
    opacity: 0;
    transition: all 0.5s ease;
}

.et_for_app .card:hover img {
    opacity: 1;
}

.et_for_app .card:hover {
    background-color: var(--bg-blue);
    padding: 25px 35px;
}

.et_for_app .card:hover .clr-black,
.et_for_app .card:hover .clr-black-60 {
    color: #fff !important;
}

.right-card::after {
    content: '';
    height: calc(100% - 40px);
    width: 4px;
    border: 2px solid transparent;
    border-image: repeating-linear-gradient(to bottom, #1D1D201A 0 15px, transparent 0px 21px) 33;
    position: absolute;
    top: 30px;
    left: -2px;
    z-index: 4;
    border-radius: 50px;
}

.left-card::after {
    content: '';
    height: calc(100% - 40px);
    width: 4px;
    border: 2px solid transparent;
    border-image: repeating-linear-gradient(to bottom, #1D1D201A 0 15px, transparent 0px 21px) 33;
    position: absolute;
    top: 30px;
    right: -2px;
    z-index: 4;
    border-radius: 50px;
}

.right-card::before,
.left-card::before {
    content: '';
    height: calc(100% - 40px);
    width: 4px;
    position: absolute;
    top: 30px;
    z-index: 5;
    border-radius: 50px;
    background: linear-gradient(to bottom, var(--line-color) calc(var(--progress, 0) * 100%), #00000000 0);
}

.right-card:has(.bg-blue)::before {
    left: -2px;
    --line-color: var(--bg-blue);
}

.right-card:has(.bg-yellow)::before {
    left: -2px;
    --line-color: var(--yellow);
}

.left-card::before {
    right: -2px;
    --line-color: var(--yellow);
}

.why_relay_on_ic .dot {
    height: 20px;
    width: 20px;
    top: 0;
}

.why_relay_on_ic .dot.bg-blue {
    left: -10px;
    background-color: var(--bg-blue);
}

.why_relay_on_ic .left-card .dot.bg-yellow {
    right: -10px;
    background-color: var(--yellow);
}

.why_relay_on_ic .right-card .dot.bg-yellow {
    left: -10px;
    background-color: var(--yellow);
}

.why_relay_on_ic .card {
    padding: 25px;
    border-radius: 25px;
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
    opacity: 0;
    transition: all 0.5s ease;
}

.why_relay_on_ic .right-card .card {
    transform: translateX(300px);
}

.why_relay_on_ic .left-card .card {
    transform: translateX(-300px);
}

.why_relay_on_ic .card.active {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease;
}

.why_relay_on_ic .card .icon_wrapper {
    height: 55px;
    width: 55px;
    border-radius: 15px;
    border: 1px solid #1D1D2026;
}

.why_relay_on_ic .icon_wrapper.bg-blue {
    background-color: var(--bg-blue);
}

.why_relay_on_ic .icon_wrapper.bg-yellow {
    background-color: var(--yellow);
}

.tech_stack_scalable .wrapper {
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid #1D1D2026;
}

.tech_stack_scalable .head {
    padding: 20px 30px;
    background-color: #F7F9FB;
    border-right: 1px solid #1D1D2026;
    border-bottom: 1px solid #1D1D2026;
}

.tech_stack_scalable .body {
    padding: 20px 30px;
    border-right: 1px solid #1D1D2026;
}

.engagement_models_new .wrapper {
    border-radius: 35px;
    padding: 25px;
    border: 1px solid #1D1D2026;
}

.engagement_models_new .nav-pills {
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
    border-radius: 25px;
    padding: 15px;
}

.engagement_models_new .nav-link {
    border-radius: 15px !important;
    padding: 25px !important;
}

.engagement_models_new .nav-link {
    color: #00000040 !important;
}

.engagement_models_new .nav-link img {
    filter: grayscale(100%) brightness(278%);
    opacity: 6;
}

.engagement_models_new .nav-link.active {
    background-color: #ffffff !important;
    border: 1px solid var(--bg-blue) !important;
    color: #1D1D20 !important;
}

.engagement_models_new .nav-link.active img {
    filter: none;
    opacity: 1;
}

.engagement_models_new .tab-content .img-fluid {
    background-color: #F7F9FB;
    width: 470px !important;
    height: 420px !important;
    padding: 10px;
    border: 1px solid #1D1D2026;
    object-fit: cover;
    border-radius: 25px;
}

#whatifaccr {
    border-radius: 25px;
    border: 1px solid #00206026;
}

#whatifaccr .accordion-button {
    color: #000000 !important;
    box-shadow: none !important;
}

#whatifaccr .accordion-button.collapsed::after {
    background-image: none !important;
    content: '+' !important;
}

#whatifaccr .accordion-button:not(.collapsed)::after {
    background-image: none !important;
    content: '-' !important;
}

#whatifaccr .accordion-button img {
    margin-left: -40px;
    opacity: 0 !important;
    transition: all 0.5s ease;
}

#whatifaccr .accordion-button:hover img,
#whatifaccr .accordion-button:not(.collapsed) img {
    margin-left: 0px;
    opacity: 1 !important;
    transition: all 0.5s ease;
}

#whatifaccr .accordion-button {
    background-color: #ffffff !important;
    padding: 27px 42px;
    transition: all 0.5s ease;
}

#whatifaccr .accordion-button:hover,
#whatifaccr .accordion-button:not(.collapsed) {
    background-color: #F7F9FB !important;
    padding: 27px 60px;
    transition: all 0.5s ease;
}

#whatifaccr .accordion-body {
    padding: 0px 60px 27px;
}

.app-development-wrapper .services_we_offer #serviceAccordion .accordion-item {
    background-color: #F7F9FB;
}

/* .app-development-wrapper .services_we_offer #serviceAccordion .accordion-item.show{background-color: var(--bg-blue);} */


.feature_of_iot .nav-link,
.cloud_services .nav-link {
    color: #1D1D20 !important;
}

.feature_of_iot .nav-link:hover,
.feature_of_iot .nav-link.active,
.cloud_services .nav-link:hover,
.cloud_services .nav-link.active {
    font-family: 'manrope-semibold';
}

.feature_of_iot .nav-link .fa,
.cloud_services .nav-link .fa {
    margin-left: -45px;
    opacity: 0;
    color: var(--bg-blue);
}

.feature_of_iot .nav-link:hover .fa,
.feature_of_iot .nav-link.active .fa,
.cloud_services .nav-link:hover .fa,
.cloud_services .nav-link.active .fa {
    margin-left: 0px;
    opacity: 1;
}

.why_relay_on_ic.web_development .header {
    position: sticky;
    top: 100px;
}

.why_relay_on_ic.web_development .right-card .card {
    transform: translateX(0px);
    opacity: 1;
    background-color: #F7F9FB;
}

.why_relay_on_ic.web_development .right-card::after {
    border-image: none;
    border: 2px solid hsla(220, 100%, 19%, 0.05);
    height: calc(100% + 35px);
    top: 0;
}

.why_relay_on_ic.web_development .right-card::before {
    height: calc(100% + 35px);
    top: 0;
}

.why_relay_on_ic.web_development .right-card .icon_wrapper {
    height: 76px;
    width: 76px;
    border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #27282D26;
    transition: all 0.5s ease;
}

.why_relay_on_ic.web_development .right-card .icon_wrapper img {
    max-width: 40px;
}

.cloud_and_dev_ops_cta.web-dev {
    background-image: url('../images/New-Design/web-application-cta-bg.png');
}


.solution_sec_2 {
    background-image: url('../images/New-Design/sol_sec_2_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}

.sol_sec_03 .icon-wrap {
    height: 70px;
    width: 70px;
    border-radius: 13px;
    background-color: #F7F9FB;
    border: 1px solid #27282D26;
    padding: 8px;
}

.sol_sec_03 .content-wrapper {
    position: sticky;
    top: 150px;
}

.sol_sec_03 .info-box {
    transition: all 0.5s ease;
}

.sol_sec_03 .info-box:hover {
    background: var(--bg-blue) !important;
}

.sol_sec_03 .info-box:hover .icon-wrap {
    background-color: var(--yellow);
}

.sol_sec_03 .info-box:hover .clr-black,
.sol_sec_03 .info-box:hover .clr-black-60 {
    color: #fff !important;
}

.sol_sec_03.asset_management .row {
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #1D1D2026;
    padding: 15px;
}

.sol_sec_03.asset_management .card {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    box-shadow: 0px 1px 4px 0px #0000000D;
    padding: 26px 30px 10px;
    transition: all 0.5s ease;
    background: linear-gradient(to bottom, #FFFFFF 46.61%, #ffffff 57.32%);
}

.sol_sec_03.asset_management .card:hover {
    box-shadow: 0px 2px 19.1px 0px #0000001A;
    background: linear-gradient(to bottom, #FFFFFF 46.61%, rgba(247, 249, 251, 0.8) 57.32%);
}

.sol_sec_03.asset_management .card:hover .img_wrapper {
    transform: translateY(-9px);
}

.sol_sec_03.asset_management .card .img_wrapper img {
    width: calc(100% + 18px) !important;
    max-width: unset !important;
    margin-left: -14px;
}

.sol_sec_03.asset_management .card .fs-14 {
    font-size: 13px !important;
    line-height: 24px !important;
}

.solution_sec_4 .img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.5s ease;
}

.solution_sec_4 .sec_4_cards {
    gap: 28px;
    transition: all 0.5s ease;
}

.solution_sec_4 .sec_4_cards .card {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    box-shadow: 0px 1px 4px 0px #0000000D;
    width: calc(33.33% - 14px);
    height: 370px;
    transition: width 0.5s ease;
}

.solution_sec_4 .sec_4_cards .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.57%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    padding: 30px 27px;
    transition: background 0.5s ease;
}

.solution_sec_4 .sub-text {
    opacity: 0;
    margin-top: 0px;
    transition: all 0.8s ease;
    pointer-events: none;
    height: 0px;
    width: calc(600px - 54px);
}

.solution_sec_4 .sec_4_cards .card:hover {
    width: 600px !important;
    flex-shrink: 0;
}

.solution_sec_4 .sec_4_cards .card:hover .overlay {
    background: linear-gradient(180deg, rgba(247, 249, 251, 0.05) 81.32%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.solution_sec_4 .sec_4_cards .card:hover .sub-text {
    opacity: 1;
    margin-top: 10px;
    height: fit-content;
}

.solution_key_feature .card_wrapper {
    border-radius: 30px;
    border: 1px solid #1D1D2026;
    padding: 10px;
}

.solution_key_feature .card {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    padding: 30px;
    transition: all 0.5s ease;
}

.solution_key_feature .icon_wrapper {
    height: 55px;
    width: 55px;
    background-color: #F7F9FB;
    border-radius: 10px;
    border: 1px solid #1D1D2026;
}

.solution_key_feature .card.bg-light-gray .icon_wrapper {
    background-color: #ffffff;
}

.solution_key_feature .card:hover {
    box-shadow: 0px 0px 14px 0px #0000001A;
}

.solution_key_feature .card:hover .icon_wrapper {
    background-color: var(--yellow);
}

.solution_key_feature .card:hover .img_wrapper img {
    scale: 1.05;
}

.solution_key_feature .card:has(.img_wrapper) {
    padding-bottom: 10px;
}

.solution_key_feature .fs-14 {
    font-size: 16px;
}

.implement_solution_main_card {
    margin-top: 80px;
}

.implement_solution_main_card.asset_management {
    margin-top: 145px;
    margin-bottom: 127px;
}

.implement_solution_main_card .row {
    --bs-gutter-x: 52px;
}

.implement_solution_main_card .card {
    border-radius: 15px;
    border: 1px solid #1D1D2026;
    transition: all 0.5s ease;
    padding: 15px;
    max-width: 420px;
}

.implement_solution_main_card .parent_card {
    height: 84px;
    border-radius: 20px;
    border: 2px dashed #1D1D2026;
    padding: 0px;
}

.implement_solution_main_card .parent_card.h-84 {
    height: 88px;
}

.implement_solution_main_card.asset_management .parent_card .card {
    width: 380px;
}

.implement_solution_main_card .parent_card.first_left {
    width: calc(100% - 160px);
}

.implement_solution_main_card .parent_card.first_left .card {
    left: -160px;
    top: unset;
    bottom: 40px;
}

.implement_solution_main_card .parent_card.first_left .dot {
    position: absolute;
    left: 153px;
    bottom: -6px;
}

.implement_solution_main_card .parent_card.first_left .yellow_dot.left {
    left: 77%;
    top: unset;
    bottom: -3px;
}

.implement_solution_main_card .parent_card.second_left {
    width: calc(100% - 160px);
}

.implement_solution_main_card .parent_card.second_left .card {
    left: -160px;
    top: 45px;
}

.implement_solution_main_card .parent_card.second_left .blue_dot.left {
    left: 57%;
    top: -3px;
    bottom: unset;
}

.implement_solution_main_card .parent_card.second_left .dot {
    position: absolute;
    left: 153px;
    top: -9px;
}

.implement_solution_main_card .parent_card.first_right {
    width: calc(100% - 160px);
}

.implement_solution_main_card .parent_card.first_right .card {
    right: -160px;
    top: unset;
    bottom: 40px;
}

.implement_solution_main_card .parent_card.first_right .dot {
    position: absolute;
    right: 153px;
    bottom: -6px;
}

.implement_solution_main_card .parent_card.first_right .blue_dot.right {
    right: 40%;
    top: unset;
    bottom: -3px;
}

.implement_solution_main_card .parent_card.second_right {
    width: calc(100% - 160px);
}

.implement_solution_main_card .parent_card.second_right .card {
    right: -160px;
    top: 45px;
}

.implement_solution_main_card .parent_card.second_right .dot {
    position: absolute;
    right: 153px;
    top: -9px;
}

.implement_solution_main_card .parent_card.second_right .yellow_dot.right {
    right: 80%;
    top: -3px;
    bottom: unset;
}

.implement_solution_main_card .top-40 {
    top: -40%;
}

.implement_solution_main_card .top-50 {
    top: -50% !important;
}

.implement_solution_main_card .card.ms-auto {
    right: 0px;
}

.implement_solution_main_card .dot {
    height: 12px;
    width: 12px;
    border: 1px solid #27282D26;
    flex-shrink: 0;
}

.implement_solution_main_card .dot.mr-21 {
    margin-top: 3px;
    margin-right: -21px;
}

.implement_solution_main_card .dot.ml-21 {
    margin-top: 3px;
    margin-left: -21px;
}

.implement_solution_main_card .center_icon {
    height: 156px;
    width: 156px;
    border: 1px solid var(--dark-yellow);
    background-color: var(--yellow);
    position: absolute;
    top: 38%;
    right: 50%;
    transform: translate(50%, -50%);
    padding: 15px;
}

.implement_solution_main_card .blue_dot {
    height: 6.42px;
    width: 6.42px;
    background-color: var(--bg-blue);
    border-radius: 50%;
    position: absolute;
}

.implement_solution_main_card .yellow_dot {
    height: 6.42px;
    width: 6.42px;
    background-color: var(--yellow);
    border-radius: 50%;
    position: absolute;
}

.implement_solution_main_card .blue_dot.left {
    left: 80%;
    top: -3px;
}

.implement_solution_main_card .blue_dot.right {
    right: 80%;
    top: -3px;
}

.implement_solution_main_card .yellow_dot.left {
    left: 90%;
    top: -3px;
}

.implement_solution_main_card .yellow_dot.right {
    right: 90%;
    top: -3px;
}

.faq_accr_item:has(.collapsing) button {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.faq_accr_item {
    border: 1px solid #00206026;
    border-radius: 20px;
    overflow: hidden;
}

.faq_accr_item button {
    gap: 6px;
    font-size: 16px !important;
}

.faq_accr_item .accordion-body {
    font-size: 15px !important;
}

.faq_accr_item .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg) !important;
}

.faq_accr_item button::after {
    background-color: #F7F9FB !important;
}

.grad_line_faq {
    height: 1px;
    background: linear-gradient(90deg, rgba(29, 29, 32, 0) 0%, rgba(29, 29, 32, 0.15) 47.6%, rgba(29, 29, 32, 0) 100%);
}

.cta-bg.solutions {
    background-image: url('../images/New-Design/home_rotate_logo_bg.png');
    opacity: 0.2;
    background-position: center;
    background-size: 100%;
    animation: rotation 25s infinite linear;
    aspect-ratio: 1 / 1 !important;
    height: unset !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.ev_across_industries .card_wrapper {
    border-radius: 30px;
    border: 1px solid #00206026;
    padding: 10px;
}

.ev_across_industries .card {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    transition: all 0.5s ease;
    padding: 30px;
    background-color: #ffffff;
}

.ev_across_industries .icon_wrapper {
    height: 66px;
    width: 66px;
    background-color: #F7F9FB;
    border-radius: 12px;
    border: 1px solid #1D1D2026;
}

.ev_across_industries .right_arrow {
    opacity: 0;
    transition: all 0.5s ease;
}

.ev_across_industries .card:hover {
    background-color: var(--bg-blue);
    padding: 30px 40px;
}

.ev_across_industries .card:hover .icon_wrapper {
    background-color: var(--yellow);
}

.ev_across_industries .card:hover .clr-black,
.ev_across_industries .card:hover .clr-black-70 {
    color: #fff !important;
}

.ev_across_industries .card:hover .right_arrow {
    opacity: 1;
}

.ev-industries-swiper .swiper-slide .card {
    min-height: 360px;
}

.card_wrapper .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: -25px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #27282D26;
    background-color: #ffffff;
}

.card_wrapper .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: -25px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #27282D26;
    background-color: #ffffff;
}

.card_wrapper .swiper-button-next:after,
.card_wrapper .swiper-button-prev:after {
    font-size: 20px;
    color: #000000;
    font-weight: 900;
    -webkit-text-stroke: 1px #000;
}

.card_wrapper .swiper-button-next:hover,
.card_wrapper .swiper-button-prev:hover {
    background-color: var(--yellow);
}

.hire_hero_vector {
    transform: translateY(200px);
    opacity: 0;
    animation: fadeFull 1.5s ease 1s 1 forwards;
}

.desktop-hd-form {
    position: sticky;
    top: 100px;
}

.hire-form-feild {
    border: 1px solid #1D1D2014 !important;
    border-radius: 11px !important;
}

.hire-btn.btn-theme-primary:hover {
    background: var(--bg-blue) !important;
}

.section-two.hire .eyebrow {
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);
    border-radius: 10px;
    padding: 10px 12px;
    border: 1px solid #27282D26;
    width: fit-content;
}

.benefits.hire .icon_wrapper {
    height: 71px !important;
    width: 71px !important;
    border-radius: 15px !important;
    border: 1px solid #1D1D2026 !important;
    background-color: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
}

.benefits.hire .card {
    border-radius: 30px;
    border: 1px solid #1D1D2026;
    padding: 10px;
}

.benefits.hire .card-body {
    background-color: #F7F9FB;
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    padding: 30px;
}

.benefits.hire h4 {
    width: fit-content;
}

.benefits.hire .card:hover .grad_line_faq {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
}

.benefits.hire .card:hover .icon_wrapper {
    background-color: var(--yellow) !important;
}

.benefits.hire .card:hover .card-body {
    background-color: var(--bg-blue);
    padding: 30px 35px;
}

.benefits.hire .card:hover .clr-black,
.benefits.hire .card:hover .clr-black-80 {
    color: #fff !important;
}

.we-app-development.hire .iconBox {
    height: 71px;
    width: 71px;
    border-radius: 15px;
    border: 1px solid #1D1D2026;
    background-color: #F7F9FB;
}

.we-app-development.hire .card {
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #1D1D2000;
    transition: all 0.5s ease;
}

.we-app-development.hire .right_arrow {
    opacity: 0;
    transition: all 0.5s ease;
    margin-right: 60px;
}

.we-app-development.hire .card:hover {
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
}

.we-app-development.hire .card:hover .iconBox {
    background-color: #ffffff;
}

.we-app-development.hire .card:hover .right_arrow {
    opacity: 1;
    margin-right: 0px;
}

.cloud-process::-webkit-scrollbar {
    width: 1px;
    background: #00000000;
}

.cloud-process::-webkit-scrollbar-thumb {
    background: #00000000;
}

.cloud-process::-webkit-scrollbar-thumb:hover {
    background: #000000;
}

.cloud-process .icon_wrap {
    background-color: var(--yellow);
    padding: 12px 24px;
    border: 1px solid #1D1D2026;
    border-radius: 10px;
    rotate: -5deg;
    width: fit-content;
}

.cloud-process .left-column {
    top: 100px !important;
    max-width: 500px !important;
}

.cloud-process .process-section {
    gap: 80px !important;
}

.cloud-process .info_box {
    min-height: 230px;
    margin-bottom: 0px !important;
}

.our-process.cloud-process .step .progress {
    height: 200px !important;
    top: 23px !important;
}

.cloud-process .info_box .dot {
    height: 14px;
    width: 14px;
    background-color: #D9D9D9;
}

.cloud-process .info_box .line {
    width: 4px;
    background-color: #D9D9D9;
}

.cloud-process .info_box.active .dot {
    height: 14px;
    width: 14px;
    background-color: var(--bg-blue);
}

.cloud-process .info_box.active .line {
    width: 4px;
    background-color: var(--bg-blue);
}

.account-type.hire {
    background-color: var(--bg-blue);
    border-radius: 40px;
    background-image: none !important;
}

.ctaWithBG {
    position: relative;
    overflow: hidden;
}

.ctaWithBG::after {
    content: '';
    position: absolute;
    width: 50%;
    aspect-ratio: 1/1;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    opacity: 30%;
    ;
    background-image: url('../images/New-Design/home_rotate_logo_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    animation: rotation 30s infinite linear;
}

.ai-cta-section.ctaWithBG {
    padding: 60px 0;
}

.ai-cta-section.ctaWithBG .ai-cta-img.w-50 img {
    max-width: 330px;
    z-index: 5;
    position: relative;
}

.ai-integration .ai-cta-img.w-50 img,
.ai-consulting .ai-cta-img.w-50 img {
    max-width: 330px !important;
}

/* .ai-cta-img.w-50 img{margin-top: 20px;} */
.ctaWithBG.hire {
    background-image: none !important;
}

.other-services.cloud-and-dev-ops {
    background: var(--bg-blue) !important;
    border-radius: 40px;
}

.other-services.cloud-and-dev-ops ul img {
    background: linear-gradient(146.13deg, #0049FE -0.41%, rgba(0, 73, 254, 0) 101.68%);
    border-radius: 15px;
}

.bg-gradient-white {
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.2) 1.56%, rgba(247, 249, 251, 0) 101.35%);
    border-radius: 25px;
    border: 1px solid #ffffff10;
    transform: translateY(400px);
    opacity: 0;
}

.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(even) {
    animation: fade65 1s ease 0s 1 forwards;
}

.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(odd) {
    animation: fadeFull 1s ease 0s 1 forwards;
}

.hire_cta_1 {
    transition: all 0.5s ease;
    max-width: 300px !important;
}

.hire_cta_2 {
    transition: all 0.5s ease;
    max-width: 300px !important;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%) translateY(20px);
}

.hire_cta_1.js,
.hire_cta_2.js {
    min-width: 500px !important;
}

.ai-cta-section.hire:hover .hire_cta_1 {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.5s ease;
}

.ai-cta-section.hire:hover .hire_cta_2 {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(50%) translateY(0px);
}

.main_div_hire_qa {
    width: 50%;
    height: 350px;
    min-width: 550px;
}

.qa_screen {
    bottom: 0px;
    width: 400px;
    max-width: unset !important;
    left: 0 !important;
    transform: translateX(0) !important;
}

.qa_status {
    top: 0;
    right: -10px;
    transform: translateX(0) !important;
    transition: all 0.5s 1.8s ease !important;
}

.qa_glass {
    bottom: 0px;
    left: 250px;
    transform: translateX(0) !important;
    transition: all 0.5s ease !important;
    height: 180px;
    width: 180px;
}

.ai-cta-section.hire:hover .qa_glass {
    animation: scan 2s linear 0.1s 1 normal forwards;
}

.hire_team_main_sec_2 .card {
    height: 220px;
    box-shadow: 0px 1px 4px 0px #0000000D;
    border: 1.23px solid #1D1D2026;
    background-color: #ffffff;
    border-radius: 25px;
    transition: all 0.5s ease;
}

.hire_team_main_sec_2 .yellow-arrow {
    transition: all 0.8s ease;
    transform: translateX(-300px) scale(1.2);
}

.hire_team_main_sec_2 .tech-icon {
    transition: all 0.8s ease;
    scale: 1.1;
}

.hire_team_main_sec_2 .card:hover {
    background-color: var(--bg-blue);
}

.hire_team_main_sec_2 .card:hover .clr-black {
    color: #fff !important;
}

.hire_team_main_sec_2 .card:hover .yellow-arrow {
    transform: translateX(0px) scale(1.2);
}

.hire_team_main_sec_2 .card:hover .tech-icon {
    transform: translateX(300px);
}

.et_for_app.hire_team .card {
    background-color: #ffffff;
}

.et_for_app.hire_team .icon_wrapper {
    height: 71px;
    width: 71px;
    background-color: #F7F9FB;
    border: 1px solid #1D1D201A;
    border-radius: 15px;
}

.et_for_app.hire_team .icon_wrapper img {
    opacity: 1;
}

.et_for_app.hire_team .card:hover .icon_wrapper {
    background-color: var(--yellow);
}

.et_for_app.hire_team .card:hover {
    background-color: var(--bg-blue);
    box-shadow: 0px 3px 8px 0px #0000000A !important;
}

.hire_main_cta_img {
    max-width: 400px;
}



/* footer css */
.footer-form {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    padding: 30px 34px;
}

.footer-icon-wrapper {
    height: 50px;
    width: 50px;
    background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);
    border: 1px solid #00206014;
    border-radius: 10px;
}

.footer-btn {
    height: 38px;
    width: 38px;
    background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);
    border: 1px solid #00206014;
    transition: all 0.4s ease;
}

.footer-card:hover .footer-btn {
    transform: rotate(45deg);
    transition: all 0.4s ease;
}

.footer-card:hover {
    background-color: var(--bg-blue) !important;
}

.footer-card:hover .clr-black {
    color: #fff !important;
}

.footer-card:hover .footer-icon-wrapper,
.footer-card:hover .footer-btn {
    background: #fff;
}

.footer-card:hover .footer-icon-wrapper img {
    scale: 1.15;
}

.footer-card .de-box {
    translate: 0px;
    transition: all 0.4s ease;
}

.footer-card:hover .de-box {
    translate: 6px;
    transition: all 0.4s ease;
}


.footer-form .card-form {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
}

.footer-form .card-form .form-control {
    background-color: #F7F9FB !important;
    border-radius: 11px !important;
}

.footer-form .btn-theme-primary,
.hire-btn.btn-theme-primary {
    box-shadow: 0px 4.24px 7.41px 0px #0049FD33;
    background-color: var(--bg-blue) !important;
    border-radius: 15px !important;
    padding: 10px 21px !important;
}

.footer-form .btn-theme-primary::after,
.hire-btn.btn-theme-primary::after {
    display: none !important;
}

.footer-form .fa-angle-down.position-absolute {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.presence .row {
    border-radius: 30px !important;
    overflow: hidden;
    border: 1px solid #1D1D2026;
}

.presence .row .col-12 {
    border-right: 1px solid #1D1D2026;
    padding: 27px 30px;
}

.presence .row .col-12:hover {
    background: #F7F9FB;
}

.presence .clr-black {
    color: #1D1D20 !important;
}

.followus a {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    background-color: #2C303D;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.followus svg {
    width: 17px;
    fill: #FFFFFF;
}

.followus a:hover {
    background-color: var(--bg-blue) !important;
}

.followus a:hover svg {
    fill: #ffffff !important;
}

footer .last-row {
    background-color: var(--bg-blue);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding: 24px;
}

label.error {
    color: red;
    font-size: 13px;
}

.tech-banner-twid {
    width: 70%;
}

.tech-banner-head {
    width: 80%;
}

.our-process .process-section {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}

.our-process .left-column {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: flex-start;
    max-width: 450px;
    overflow: visible;
    padding: 32px 0 0;
    position: sticky;
    top: 116px;
    width: 1px;
    z-index: 1;
}

.our-process .left-column .heading {
    text-align: center;
    margin-bottom: 20px;
}

.our-process .left-column .heading p {
    font-size: 1.2rem;
    color: #1D1D20;
    font-weight: 600;
}

.our-process .left-column h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

/* .our-process .left-column h2 span{color: #697289;} */
.our-process .left-column .description p {
    font-size: 1rem;
    color: #697289;
    line-height: 1.6;
    text-align: left;
}

.our-process .right-column {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 1px;
}

.our-process .step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.our-process .step.active {
    opacity: 1;
    transform: translateY(0);
}

.our-process .step .left {
    flex: 0 0 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.our-process .step .circle {
    width: 40px;
    height: 40px;
    border: 1px solid #D9DFE8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1D1D20;
    z-index: 1;
    background-color: #f5f5f5;
}

.our-process .step .progress {
    width: 4px;
    height: 115px;
    background: linear-gradient(to bottom, #ECEFF4 0%, #ECEFF4 100%);
    position: absolute;
    top: 50px;
    transition: background 0.5s ease;
}

.our-process .step .right {
    flex: 1;
    padding-left: 20px;
    padding-bottom: 20px;
}

.our-process .step .content {
    background-color: transparent;
    border-radius: 24px;
    padding: 10px 20px 15px;
}

.our-process .step .title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.our-process .step h5 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1D1D20;
    margin-right: 10px;
}

.our-process .step .arrow {
    width: 24px;
    height: 24px;
}

.our-process .step .arrow svg {
    width: 100%;
    height: 100%;
    fill: #1461FC;
}

.stack-cards__item {
    position: sticky;
    top: 110px;
    transform-origin: center top;
    border-radius: 8px;
    margin-bottom: 1em;
    will-change: transform;
    border-radius: 30px;
}

.stack-cards__item:nth-child(1) {
    transform: translateY(0);
}

.stack-cards__item:nth-child(2) {
    transform: translateY(1em);
}

.stack-cards__item:nth-child(3) {
    transform: translateY(2em);
}

.stack-cards__item:nth-child(4) {
    transform: translateY(3em);
}


.scroll-container {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.scroll-content {
    display: flex;
    flex-direction: column;
    animation: scroll-loop 15s linear infinite;
}

.scroll-container:hover .scroll-content {
    animation-play-state: paused;
}

.card-stack-animate {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 200px auto 0;
}

.card-stack-animate .col-xl-5 img {
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    padding: 15px 13px;
    width: 410px;
    height: 246px;
    max-width: 95%;
    object-fit: cover;
    object-position: center;
}

.card-stack-animate .card {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: transform 0.4s ease, z-index 0.4s ease;
    background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);
}

.card-stack-animate .card[data-pos="0"] {
    transform: translateY(0) scale(1);
    z-index: 4;
    box-shadow: 0 0px 17px rgba(0, 0, 0, 0.09);
}

.card-stack-animate .card[data-pos="1"] {
    transform: translateY(-100px) scale(0.95);
    z-index: 3;
}

.card-stack-animate .card[data-pos="2"] {
    transform: translateY(-197px) scale(0.90);
    z-index: 2;
}

.card-stack-animate .card[data-pos="3"] {
    transform: translateY(-290px) scale(0.85);
    z-index: 1;
}

.service-hover-accordion .accordion-panel-item {
    padding: 25px;
    border: 1px solid rgba(29, 29, 32, 0.15);
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    position: relative;
    transform-origin: top;
    background-color: #ffffff !important;
}

.service-hover-accordion .accordion-panel-item .accordion-header {
    cursor: pointer;
}

.service-hover-accordion .accordion-panel-item .panel-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    overflow: hidden;
    cursor: auto;
    pointer-events: none;
}

.service-hover-accordion .accordion-panel-item.show .panel-content {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

/* .service-hover-accordion .accordion-panel-item:hover .panel-content{max-height: 1000px;opacity: 1;visibility: visible;transition: all 0.5s ease-in-out;}
.service-hover-accordion .accordion-panel-item:hover{animation: panelBounce 0.7s ease;transform-origin: top;}
.service-hover-accordion .accordion-panel-item:hover + .accordion-panel-item{animation: siblingNudge 0.7s ease;transform-origin: bottom;} */
.service-hover-accordion .accordion-panel-item .panel-icon-after {
    position: absolute;
    right: 25px;
    top: 30px;
    border: 0.83px solid rgba(39, 40, 45, 0.15);
    background: rgba(247, 249, 251, 1);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.service-hover-accordion .accordion-panel-item .panel-icon-after img {
    display: block;
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out;
    will-change: transform;
    padding: 16px;
}

.service-hover-accordion .accordion-panel-item.show .panel-icon-after {
    background: rgba(255, 206, 51, 1);
}

.service-hover-accordion .accordion-panel-item.show .panel-icon-after img {
    transform: rotate(90deg);
}

.ai-cta-section.ctaWithBG {
    padding: 60px 0;
}

.ai-cta-section.ctaWithBG .ai-cta-img.w-50 img {
    max-width: 330px;
    z-index: 5;
    position: relative;
}

.ai-integration .ai-cta-img.w-50 img,
.ai-consulting .ai-cta-img.w-50 img {
    max-width: 330px !important;
}

/* .ai-cta-img.w-50 img{margin-top: 20px;} */

.badge.bg-warning {
    background-color: var(--bg-blue) !important;
    height: 13px !important;
    width: 13px !important;
}

.portfolio_cta {
    background-color: var(--bg-blue);
}

.portfolio_cta_logo {
    z-index: 10;
    position: relative;
}

.outer-circle {
    height: 672px;
    width: 672px;
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.075) 1.56%, rgba(247, 249, 251, 0) 101.35%);
    border-left: 1px solid #F7F9FB80;
    border-right: 1px solid #f7f9fb27;
    box-shadow: 0px 5.26px 8.41px 0px #00000014;
    backdrop-filter: blur(51.6600341796875px);
    z-index: 1;
    transform: translateY(-50%);
    transition: background 1s ease;
}

.middle-circle {
    height: 494px;
    width: 494px;
    position: relative;
    border-left: 1px solid #F7F9FB80;
    border-right: 1px solid #f7f9fb27;
    box-shadow: 0px 5.26px 8.41px 0px #00000014;
    backdrop-filter: blur(51.6600341796875px);
    z-index: 2;
    transition: background 1s ease;
}

.middle-circle::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.075) 1.56%, rgba(247, 249, 251, 0) 101.35%);
    transition: all 0.5s linear;
    z-index: 2;
}

.inner-circle {
    height: 282px;
    width: 282px;
    position: relative;
    border-left: 1px solid #F7F9FB80;
    border-right: 1px solid #f7f9fb27;
    box-shadow: 0px 5.26px 8.41px 0px #00000014;
    z-index: 2;
    transition: background 1s ease;
}

.inner-circle::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(123, 161, 255, 0.5) 0%, rgba(0, 73, 254, 0.5) 100%);
    backdrop-filter: blur(51.6600341796875px);
    border-radius: 50%;
    z-index: 3;
    transition: all 0.5s linear;
}

.tech_1,
.tech_2 {
    height: 100px;
    width: 100px;
    border-top: 1px solid #F7F9FB80;
    border-bottom: 1px solid #F7F9FB27;
    backdrop-filter: blur(51.6600341796875px);
    box-shadow: 0px 5.26px 8.41px 0px #00000014;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
}

.sub-tech img {
    z-index: 6;
}

.sub-tech::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #6591FF 0%, #0049FE 100%);
    z-index: 4;
    transition: all 0.5s linear;
    border-radius: 50%;
}

/* .tech_1{left: -40px;}
.tech_2{right: -40px;} */
.tech_1.napino.php {
    top: 123px;
    left: 0;
}

.tech_1.napino.angular {
    bottom: 141px;
    left: -8px;
}

.tech_1.napino.flutter {
    top: 11px;
    right: 33px;
}

.tech_1.napino.aws {
    top: 195px;
    right: -134px;
}

.tech_1.napino.js {
    bottom: 27px;
    right: 31px;
}

.cta_arrow.napino.php {
    top: 82px;
    left: -29px;
}

.cta_arrow.napino.angular {
    top: -37px;
    left: 0;
    rotate: 110deg;
}

.cta_arrow.napino.flutter {
    top: 33px;
    left: 106px;
    rotate: -104deg;
}

.cta_arrow.napino.aws {
    top: 44px;
    left: -38px;
}

.cta_arrow.napino.js {
    top: 12px;
    left: 106px;
    rotate: -158deg;
}

.label.napino.php {
    top: 118px;
    left: -67px;
}

.label.napino.angular {
    top: -69px;
    left: -43px;
}

.label.napino.flutter {
    top: 58px;
    left: 137px;
}

.label.napino.aws {
    top: 58px;
    left: -97px;
}

.label.napino.js {
    top: 0;
    left: 137px;
}

.tech_1 .cta_arrow {
    bottom: -40px;
    left: -10px;
}

.tech_2 .cta_arrow {
    bottom: -40px;
    right: -10px;
    rotate: -90deg;
}

.portfolio_cta .label p {
    padding: 5px 12px;
    border-radius: 8.15px;
    overflow: hidden;
    border-top: 1px solid #F7F9FB80;
    border-bottom: 1px solid #F7F9FB27;
}

.portfolio_cta .label p span {
    position: relative;
    z-index: 5;
    color: #FFFFFF;
    font-family: 'Manrope-Semibold';
}

.portfolio_cta .label p::after {
    content: '';
    width: 150%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(180.03deg, #4A7EFF -22.59%, #0049FE 99.97%);
    z-index: 4;
    transition: all 0.5s linear;
}

.tech_1 .label {
    bottom: -78px;
    left: -45px;
}

.tech_2 .label {
    bottom: -78px;
    right: -65px;
}

.position-middle {
    left: 50%;
    height: 672px;
    width: 672px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(-50%);
}

.portfolio_cta:hover .inner-circle::after,
.portfolio_cta:hover .middle-circle::after {
    rotate: 90deg;
}

.portfolio_cta:hover .sub-tech::before {
    rotate: 150deg;
}

.portfolio_cta:hover .label p::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.yellow-line {
    height: 48px;
    width: 8px;
    border-radius: 10px;
    background-color: var(--yellow);
}

.blue-line {
    height: 48px;
    width: 8px;
    border-radius: 10px;
    background-color: var(--bg-blue);
}

.summary-section-arenagear.performance_tracking {
    background-image: url('../images/New-Design/performance-tracking-objective-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: black;
}

.section-4-arenagear .bg-grad {
    background: linear-gradient(180deg, rgba(247, 249, 251, 0.8) 81.32%, rgba(255, 255, 255, 0.64) 100%);
    backdrop-filter: blur(500px);
    box-shadow: 0px 5px 8px 0px #00000014;
    border-radius: 25px !important;
}

.section-4-arenagear .bg-grad .badge {
    height: 20px;
    width: 20px;
    background-color: var(--yellow);
}

.box.solSwiper {
    min-height: 445px;
    border-radius: 35px;
    transition: all 0.5s ease;
    padding: 40px 35px;
}

.box.solSwiper:hover {
    background-color: var(--bg-blue) !important;
    transition: all 0.5s ease;
}

.box.solSwiper:hover p {
    color: #fff !important;
}

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

.ai-research-impact {
    max-height: 400px;
}

.footer-case-study-seiper-img {
    height: 300px;
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    margin-bottom: 25px;
}

.footer-case-study-seiper-img img {
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}

.footer-case-study-seiper-img:hover img {
    scale: 1.05;
}

.key-feature-card.c1::after {
    content: '';
    position: absolute;
    height: 250px;
    width: 100px;
    background-color: #00000000;
    border-top-right-radius: 10px;
    border-top: 2px dashed #cccccc;
    border-right: 2px dashed #cccccc;
    top: 50%;
    left: 100%;
    z-index: 1;
}

.key-feature-card.c2::after {
    content: '';
    position: absolute;
    height: 125px;
    width: 100px;
    background-color: #00000000;
    border-top: 2px dashed #cccccc;
    top: 50%;
    left: 100%;
    z-index: 1;
}

.key-feature-card.c4::after {
    content: '';
    position: absolute;
    height: 250px;
    width: 100px;
    background-color: #00000000;
    border-bottom-right-radius: 10px;
    border-bottom: 2px dashed #cccccc;
    border-right: 2px dashed #cccccc;
    bottom: 50%;
    left: 100%;
    z-index: 1;
}

.key-feature-card.c3::after {
    content: '';
    position: absolute;
    height: 125px;
    width: 100px;
    background-color: #00000000;
    border-top: 2px dashed #cccccc;
    top: 50%;
    left: 100%;
    z-index: 1;
}

.key-feature-card.c1::before {
    content: '';
    position: absolute;
    height: 30px;
    width: 150px;
    background-color: #00000000;
    border-bottom: 2px dashed #cccccc;
    border-left: 2px dashed #cccccc;
    top: 335px;
    right: -248px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

.key-feature-card.c4::before {
    content: '';
    position: absolute;
    height: 30px;
    width: 150px;
    background-color: #00000000;
    border-top: 2px dashed #cccccc;
    border-left: 2px dashed #cccccc;
    bottom: 335px;
    right: -248px;
    border-top-left-radius: 10px;
    z-index: 1;
}

.key-feature-card.c1,
.key-feature-card.c2,
.key-feature-card.c3,
.key-feature-card.c4,
.features-section img {
    position: relative;
    z-index: 2;
}

.cloud-process.ocr .step .progress {
    width: 8px !important;
    left: 0px !important;
    height: 200px !important;
}

.cloud-process.ocr .step .progress.first {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.cloud-process.ocr .step .progress.second {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.cloud-process.ocr .info_box .ocr-right-arrow {
    margin-left: -55px;
    opacity: 0;
    transition: all 0.5s ease;
}

.cloud-process.ocr .info_box.active .ocr-right-arrow {
    margin-left: 0px;
    opacity: 1;
    transition: all 0.5s ease;
}

.radio-row label {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    background-color: #ffffff;
    padding: 24px 25px;
    color: #1D1D20;
}

.radio-row input {
    accent-color: var(--dark-yellow);
    height: 20px;
    width: 20px;
    transition: all 0.5s ease;
}

.radio-row label.active {
    background-color: var(--bg-blue);
    border: 1px solid var(--bg-blue);
    color: #ffffff;
    box-shadow: 3px 4px 7px 0px #00000026;
    box-shadow: 0px 4px 8px 0px #00000026 inset;
    position: relative;
    transition: all 0.5s ease;
}

.radio-row label.active::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    left: 100%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--bg-blue);
    transition: all 0.5s ease;
}

.radio-row .img_wrapper {
    background-color: #ffffff;
    border: 1px solid #1D1D2026;
    border-radius: 20px;
    padding: 8px;
}

.radio-row .img_wrapper img {
    border-radius: 19px;
    border: 1px solid #1D1D2026;
    max-height: 351px;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}

.playground-solutions .card {
    padding: 30px 25px;
    border-radius: 25px;
    border: 1px solid #1D1D2026;
}

.playground-use-cases .row {
    margin-top: -100px;
    margin-bottom: 100px;
}

.playground-use-cases .col-lg-6 {
    height: 200px;
}

.playground-use-cases .card-container.from-left::before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
}

.playground-use-cases .card-container.from-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
}

.playground-use-cases .card-container .line {
    z-index: 1;
    width: 100px;
    height: 2px;
    background: repeating-linear-gradient(to right, #d3d3d3, #d3d3d3 15px, #ffffff00 15px, #ffffff00 30px);
    position: relative;
}

.playground-use-cases .card {
    border: 1px solid #1D1D2026;
    border-radius: 25px;
    padding: 25px;
    margin-bottom: -100px;
    margin-top: 100px;
    z-index: 4;
}

.playground-use-cases .card-container.from-left .card {
    transform: translateX(-200px);
    opacity: 0;
    transition: all 0.5s 1s ease;
}

.playground-use-cases .card-container.from-right .card {
    transform: translateX(200px);
    opacity: 0;
    transition: all 0.5s 1s ease;
}

.playground-use-cases .card .icon_wrapper {
    height: 66px;
    width: 66px;
    border-radius: 12px;
    background-color: #F7F9FB;
    border: 1px solid #27282D26;
    max-width: 450px;
}

.playground-use-cases .card-container.from-left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    height: 0px;
    width: 2px;
    background-color: var(--bg-blue);
    transition: all 0.5s ease;
}

.playground-use-cases .card-container.from-right::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    height: 0px;
    width: 2px;
    background-color: var(--bg-blue);
    transition: all 0.5s ease;
}

.playground-use-cases .card-container.from-left .line::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--bg-blue);
    height: 2px;
    width: 0%;
    transition: all 0.5s 0.5s ease;
    z-index: 2;
}

.playground-use-cases .card-container.from-right .line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bg-blue);
    height: 2px;
    width: 0%;
    transition: all 0.5s 0.5s ease;
    z-index: 2;
}

.playground-use-cases .card-container.active.from-left::after {
    height: 200px;
}

.playground-use-cases .card-container.active.from-right::after {
    height: 200px;
}

.playground-use-cases .card-container.active.from-left .line::after {
    width: 100%;
}

.playground-use-cases .card-container.active.from-right .line::after {
    width: 100%;
}

.playground-use-cases .card-container.active .card {
    transform: translateX(0px) !important;
    opacity: 1 !important;
}

.playground-use-cases .bullet {
    bottom: 87px;
    height: 26px;
    width: 26px;
    z-index: 4;
}

.playground-use-cases .bullet.start-0 {
    left: -13px !important;
}

.playground-use-cases .bullet.end-0 {
    right: -13px !important;
}

.playground-impact-section .row {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
}

.playground-impact-section .card {
    border: 1px solid #27282D26;
    border-radius: 25px;
    padding: 30px 30px;
    transition: all 0.5s ease;
    background-color: #ffffff;
}

.playground-impact-section .icon_wrapper {
    height: 90px;
    width: 90px;
    border-radius: 16px;
    border: 1px solid #27282D26;
    transition: all 0.5s ease;
    background-color: #F7F9FB;
}

.playground-impact-section .card:hover {
    background-color: var(--bg-blue);
    padding: 30px 40px;
    transition: all 0.5s ease;
}

.playground-impact-section .card:hover .icon_wrapper {
    background-color: #ffffff;
    transition: all 0.5s ease;
}

.playground-impact-section .card:hover p {
    color: #ffffff !important;
    transition: all 0.5s ease;
}

.playground-conclusion .card {
    border: 1px solid #1D1D2026;
    border-radius: 30px;
    padding: 40px;
}

.playground-key-feature {
    background-image: url('../images/New-Design/playground-key-feature-bg.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left;
}

.playground-key-feature .card {
    background: linear-gradient(180deg, rgba(247, 249, 251, 0.05) 81.32%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #F7F9FB1f;
    border-bottom: 1px solid #F7F9FB60;
    backdrop-filter: blur(49.11717987060547px);
    box-shadow: 0px 5px 8px 0px #0000000D;
}

.meeting-solutions .row {
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    background-color: #F7F9FB;
}

.meeting-solutions .card {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    padding: 20px 20px;
    transition: all 0.5s ease;
}

.meeting-solutions .card .icon_wrapper {
    height: 87px;
    width: 87px;
    border-radius: 15px;
    border: 1px solid #27282D26;
    background-color: #F7F9FB;
    transition: all 0.5s ease;
}

.meeting-solutions .card:hover {
    background-color: var(--bg-blue);
    padding: 20px 30px;
}

.meeting-solutions .card:hover .icon_wrapper {
    background-color: #ffffff;
}

.meeting-solutions .card:hover p {
    color: #ffffff !important;
}

.meeting-objective .card {
    max-width: 554px;
    border-radius: 25px;
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
    padding: 8px;
    opacity: 0;
    transform: translateY(-20px);
}

.meeting-objective .card {
    transition: all 0.5s linear;
}

.meeting-objective .card .card-body {
    border-radius: 20px;
    border: 1px solid #1D1D2026;
    padding: 23px 27px;
    background-color: #ffffff;
}

.meeting-objective .card .icon_wrapper {
    height: 66px;
    width: 66px;
    border: 1px solid #27282D26;
    background-color: #F7F9FB;
    border-radius: 12px;
}

.wrapper_wrapper.right {
    height: 50%;
    width: calc(100% - 831px);
    left: 554px;
    top: 50%;
}

.wrapper_wrapper.left {
    height: 50%;
    width: calc(100% - 831px);
    right: 554px;
    top: 50%;
}

.arc-wrapper {
    height: 144px;
    width: 100%;
}

.arc.arc-blue {
    background: var(--bg-blue) !important;
    z-index: 3 !important;
    height: 0px;
    width: 0px;
    opacity: 0;
    transition: width 0.25s 0.75s linear, height 0.25s 0.75s linear, opacity 0.25s 1s linear;
}

.meeting-objective .h-line::after {
    content: '';
    height: 100%;
    width: 0;
    top: 0;
    position: absolute;
    background-color: var(--bg-blue);
    transition: width 0.5s 0.5s linear;
}

.meeting-objective .right .h-line::after {
    left: 0;
}

.meeting-objective .left .h-line::after {
    right: 0;
}

.meeting-objective .v-line.blue {
    background: var(--bg-blue) !important;
    height: 0px !important;
    transition: all 0.5s 1s linear;
}

.arc-wrapper.right .arc {
    --b: 4px;
    --a: 82deg;
    width: 128px;
    aspect-ratio: 1;
    padding: var(--b);
    border-radius: 50%;
    background: repeating-linear-gradient(to bottom right, #1D1D2026, #1D1D2026 10px, #ffffff00 10px, #ffffff00 20px);
    --_g: /var(--b) var(--b) no-repeat radial-gradient(50% 50%, #000 97%, #0000);
    mask: top var(--_g), calc(50% + 50%*sin(var(--a))) calc(50% - 50%*cos(var(--a))) var(--_g), linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--a), #0000 0);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.arc-wrapper.right .h-line {
    background: repeating-linear-gradient(to right, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
    width: calc(100% - 64px);
    height: 4px;
}

.arc-wrapper.right .v-line {
    background: repeating-linear-gradient(to bottom, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
    height: calc(100% - 64px);
    width: 4px;
    position: absolute;
    right: 1px;
    top: 56px;
}

.arc-wrapper.left .arc {
    --b: 4px;
    --a: 82deg;
    width: 128px;
    aspect-ratio: 1;
    padding: var(--b);
    border-radius: 50%;
    background: repeating-linear-gradient(to top left, #1D1D2026, #1D1D2026 10px, #ffffff00 10px, #ffffff00 20px);
    --_g: /var(--b) var(--b) no-repeat radial-gradient(50% 50%, #000 97%, #0000);
    mask: top var(--_g), calc(50% + 50%*sin(var(--a))) calc(50% - 50%*cos(var(--a))) var(--_g), linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--a), #0000 0);
    position: absolute;
    top: 0;
    left: 0px;
    rotate: -82deg;
    z-index: 2;
}

.arc-wrapper.left .h-line {
    background: repeating-linear-gradient(to right, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
    width: calc(100% - 64px);
    height: 4px;
}

.arc-wrapper.left .v-line {
    background: repeating-linear-gradient(to bottom, #1D1D2026, #1D1D2026 15px, #ffffff00 15px, #ffffff00 30px);
    height: calc(100% - 64px);
    width: 4px;
    position: absolute;
    left: 1px;
    top: 56px;
}


.meeting-objective .card-row.active .card {
    opacity: 1;
    transform: translateY(0);
}

.meeting-objective .card-row.active .h-line::after {
    width: 100%;
}

.meeting-objective .card-row.active .arc.arc-blue {
    height: 128px !important;
    width: 128px !important;
    opacity: 1;
}

.meeting-objective .card-row.active .v-line.blue {
    height: calc(100% - 64px) !important;
}



/* .testimonial-carousel-container{position: relative;width: 100%;height: 600px;overflow: visible;} */
/* .testimonial-carousel-container .carousel-box{display: flex;justify-content: center;align-items: center;height: 100%;} */
/* .testimonial-carousel-container .card-slider{position: absolute;width: 780px;border: 1.08px solid #1D1D2026;border-radius: 21.58px;background: #F7F9FB;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 9px;transition: all 0.5s ease;} */
.testimonial-carousel-container .swiper-slide {
    transition: .5s transform ease-in-out;
}

.testimonial-carousel-container .swiper-slide:hover {
    transform: translateY(-20px);
}

.testimonial-carousel-container .swiper-slide:hover .slider-content {
    background: linear-gradient(360deg, #FFFFFF 0%, #F7F9FB 91.11%);
}

.testimonial-carousel-container .slider-content {
    height: 310px;
    transition: background 0.5 ease;
}

/* .view-sub-content.iot-app-development .testimonial-section{background-color: #ffffff !important;} */
.testimonial-section.bg-light-gray .slider-content {
    background: linear-gradient(360deg, #FFFFFF 0%, #ffffff 91.11%);
}

.testimonial-section.bg-white .slider-content {
    background: linear-gradient(360deg, #F7F9FB 0%, #F7F9FB 91.11%);
}

.testimonial-carousel-container .card-slider {
    border-radius: 16.19px;
}

.testimonial-carousel-container .card-slider .slider-content {
    border-radius: 16.19px;
    border: 1.08px solid #1D1D2026;
    padding: 32px 35px;
    display: grid;
}

/* .testimonial-carousel-container .card-slider.left{transform: translateX(-800px);opacity: 0.7;z-index: 1;}
.testimonial-carousel-container .card-slider.center{transform: translateX(0) scale(1);opacity: 1;z-index: 2;}
.testimonial-carousel-container .card-slider.right{transform: translateX(800px);opacity: 0.7;z-index: 1;} */
/* .testimonial-carousel-container .card-slider.hidden{transform: translateX(0) scale(0.5);opacity: 0;z-index: 0;pointer-events: none;} */
.testimonial-carousel-container .controls {
    position: absolute;
    display: flex;
    justify-content: space-between;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0px;
    gap: 10px;
}

.testimonial-carousel-container .client-info {
    border-top: 1.08px solid #1D1D2014
}

.testimonial-carousel-container .controls button.prev-btn {
    transform: rotate(180deg);
}

.testimonial-carousel-container .controls button {
    width: 50px;
    height: 50px;
    background: #ffffff;
    color: var(--blue);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    outline: none;
    border: 1px solid #00000026;
}

.testimonial-carousel-container .controls button img {
    filter: invert(0.2);
}

.testimonial-carousel-container .controls button:hover img {
    filter: invert(1);
}

.testimonial-carousel-container .controls button:hover {
    color: #ffffff;
    background-color: var(--yellow);
}

.testimonial-section .text-md-end {
    text-align: start !important;
}

.img-quote {
    top: -68px;
}

#captcha_contactus {
    width: 270px !important;
}

.blur__content {
    filter: blur(2px);
    pointer-events: none;
}

.mask-gradient-right {
    mask-image: linear-gradient(to right transparent 0%, white 5%, white 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, white 5%, white 85%, transparent 100%);
}

.controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1rem;
    margin-block-start: 2rem;
}

.controls .testimonials-button-prev,
.controls .testimonials-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #1D1D2026;
    transition: background-color .5s ease-in-out;
}

.controls .testimonials-button-prev:hover,
.controls .testimonials-button-next:hover {
    background-color: #FFD029;
}

.controls .testimonials-button-prev img,
.controls .testimonials-button-next img {
    filter: invert(1);
}

.controls .testimonials-button-prev img {
    transform: rotate(180deg);
}

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

.hero_content {
    padding: 0px 6% !important;
}


/* New portfolio page css start */
.client-challenge .badge {
    border: 1px solid #1D1D20;
}

.client-challenge ul li {
    border: 1px solid rgba(29, 29, 32, 0.15);
    transition: all 0.5s ease;
}

.client-challenge ul li .about-list-item {
    transition: all 0.5s ease;
}

.client-challenge ul li:hover {
    background: var(--blue) !important;
    transition: all 0.5s ease;
}

.client-challenge ul li:hover .about-list-item {
    translate: 10px;
    transition: all 0.5s ease;
}

.client-challenge ul li .about-list-item span {
    transition: all 0.5s ease;
}

.client-challenge ul li:hover .about-list-item span {
    color: var(--white) !important;
    transition: all 0.5s ease;
}

.objective .objective-content::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: url(/uploads/case-study/ocr/ocr-border.png);
    width: 8px;
    height: 100%;
    background-size: contain;
}

.core-component {
    background: var(--bg-blue);
}

.core-component::before {
    position: absolute;
    content: url('/uploads/case-study/ocr/ocr-bg-overlay1.png');
    right: 0;
    top: 0;
    overflow: hidden;
}

.core-component::after {
    position: absolute;
    content: url('/uploads/case-study/ocr/ocr-bg-overlay2.png');
    left: 0;
    top: 50%;
    overflow: hidden;
    z-index: 0;
}

.core-component .gradient__wrapper {
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08);
}

.core-component .gradient__wrapper.backdrop-none {
    backdrop-filter: none;
}

.features-section .key-feature-card {
    border: 1px solid rgba(29, 29, 32, 0.15);
    transition: all 0.5s ease;
}

.features-section .key-feature-card .key-feature-icon {
    border: 1px solid rgba(39, 40, 45, 0.15);
    transition: all 0.5s ease;
}

.features-section .key-feature-card:hover {
    background: var(--blue) !important;
    transition: all 0.5s ease;
}

.features-section .key-feature-card .key-i {
    transition: all 0.5s ease;
}

.features-section .key-feature-card:hover .key-i {
    transform: translateY(15px);
    transition: all 0.5s ease;
}

.features-section .key-feature-card .keyf-content {
    transition: all 0.5s ease;
}

.features-section .key-feature-card:hover .keyf-content {
    transform: translateY(-15px);
    transition: all 0.5s ease;
}

.features-section .key-feature-card:hover .key-feature-icon {
    background: var(--white);
    border-color: var(--white);
    transition: all 0.5s ease;
}

.features-section .key-feature-card .key-feature-icon svg,
.features-section .key-feature-card .keyf-content h3,
.features-section .key-feature-card .keyf-content p,
.features-section .key-feature-card .keyf-content p span {
    transition: all 0.5s ease;
}

.features-section .key-feature-card .key-feature-icon svg path {
    transition: all 0.2s ease;
}

.features-section .key-feature-card:hover .key-feature-icon svg {
    fill: var(--yellow);
    transition: all 0.5s ease;
}

.features-section .key-feature-card:hover .key-feature-icon svg path {
    stroke: var(--yellow);
    transition: all 0.2s ease;
}

.features-section .key-feature-card:hover .keyf-content h3,
.features-section .key-feature-card:hover .keyf-content p,
.features-section .key-feature-card:hover .keyf-content p span {
    color: var(--white) !important;
    transition: all 0.5s ease;
}

.key-feature-card:hover .key-card-trans .key-feature-icon {
    background-color: #F7F9FB !important;
}

.key-feature-card .key-feature-pin {
    height: 26px;
    width: 26px;
    background-color: #F7F9FB;
    border: 1px solid #1D1D2026;
    top: 50%;
    transform: translateY(-50%);
    right: -13px;
}

.last-img-easydraft {
    max-height: 685px;
}

.easydraft-header .problem-box {
    border: 1px solid rgba(29, 29, 32, 0.15);
}

.insight .insight-box {
    border: 1px solid rgba(29, 29, 32, 0.15);
}

.insight .border-title::before {
    position: absolute;
    content: '';
    background: var(--bg-blue);
    height: 45px;
    width: 8px;
    left: 0;
    top: 0;
    border-radius: 50px;
}

.ai-research-tool-for-investment-company .img_wrapper img,
.easydraft-portfolio-design .img_wrapper img,
.ocr-invoice-reading .img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.solution_sec_4 .img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.features-section.f-solution .key-feature-card:hover .key-i {
    transform: translateY(0);
    transition: all 0.5s ease;
}

.features-section.f-solution .key-feature-card:hover .keyf-content {
    transform: translateY(0);
    transition: all 0.5s ease;
}

.features-section.f-solution .key-feature-card .key-card-trans {
    transition: all 0.9s ease;
}

.features-section.f-solution .key-feature-card:hover .key-card-trans {
    translate: 10px;
    transition: all 0.9s ease;
}

.features-section.f-solution .key-feature-card:hover {
    background: var(--white) !important;
    transition: all 0.5s ease;
}

.features-section.f-solution .key-feature-card:hover .key-feature-icon {
    background: #F7F9FB;
    border-color: rgba(39, 40, 45, 0.15);
    transition: all 0.5s ease;
}

.features-section.f-solution .key-feature-card:hover .keyf-content h3,
.features-section.f-solution .key-feature-card:hover .keyf-content p,
.features-section.f-solution .key-feature-card:hover .keyf-content p span {
    color: #1d1d20 !important;
    transition: all 0.5s ease;
}

.title-border-bottom h2::before {
    position: absolute;
    content: '';
    background: var(--bg-blue);
    bottom: -10px;
    width: 80px;
    height: 4px;
    border-radius: 50px;
}

.title-border-bottom h2.yellow::before {
    background: var(--yellow);
}

.solution-ai {
    overflow: hidden;
}

.solution-ai::before {
    position: absolute;
    content: url('/uploads/case-study/ai-research/solution-bg-1.png');
    right: 0;
    top: -10%;
    z-index: 0;
    filter: blur(1px);
}

.solution-ai::after {
    position: absolute;
    content: url('/uploads/case-study/ai-research/solution-bg-2.png');
    left: 0;
    bottom: -6px;
    z-index: 0;
    filter: blur(1px);
}

.whats-next .trans-box .trans-item {
    transition: all 0.5s ease;
}

.whats-next .trans-box .bg-light-gray:hover .trans-item {
    transform: translateX(14px);
    transition: all 0.5s ease;
}

.why-worked {
    height: 500px;
    background-color: black;
}

.why-worked img {
    width: 1200px !important;
    height: auto;
}

.why-worked .img-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.b-cta {
    overflow: hidden;
}

.b-cta::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: url('/uploads/case-study/ai-research/bottom-cta1.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: contain;
    background-position: left;
}

.b-cta::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: url('/uploads/case-study/ai-research/bottom-cta2.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: contain;
    background-position: right;
}

/* Portfoio CSS END */


/* Life at iconflux page CSS */
.eventsList .image-block img {
    scale: 1;
    height: 231px;
}

.eventsList .image-block img:hover {
    scale: 1.08;
}

.filter-section .year-filter {
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgba(29, 29, 32, 0.15);
    border-radius: 15px;
    padding: 8px;
    background: #fff;
}

.filter-section .year-filter ul {
    width: 100%;
}

.filter-section .year-filter ul li {
    padding: 6px 30px;
    display: inline-block;
    margin-top: 0px;
}

.filter-section .year-filter ul li.active {
    background: var(--theme1-light-gray);
    border-radius: 10px;
    border: 1px solid rgba(39, 40, 45, 0.15)
}

.filter-section .year-filter ul li a {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 600;
    font-family: 'manrope-semibold';
}

.filter-section .year-filter ul li.active a {
    color: #000
}

.rounded-25 {
    border-radius: 25px;
}

.life-slider .carousel-control-prev span.img-icon,
.life-slider .carousel-control-next span.img-icon {
    opacity: 1;
    padding: 12px;
    border: 1.79px solid rgba(247, 249, 251, 1);
    border-radius: 15px;
    width: 42px;
    height: 42px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    justify-content: center;
    padding: 7px;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

.life-slider .carousel-control-next span.img-icon {
    background: linear-gradient(180deg, rgba(247, 249, 251, 0.3) 81.32%, rgba(255, 255, 255, 0.24) 100%) !important;
}

.life-slider .carousel-control-prev {
    rotate: 180deg
}

.life-slider .carousel-control-next,
.life-slider .carousel-control-prev {
    opacity: 1 !important;
}

.work-culture .work-ovrlay-box {
    transition: all 0.4s ease;
    max-height: 550px;
}

.work-ovrlay-img {
    max-height: 550px;
}

.work-culture .work-ovrlay-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-blue);
    z-index: 1;
    transition: all 0.4s ease;
    z-index: 0;
    transform: translateY(101%);
    border-radius: 30px;
}

.work-culture .work-ovrlay-box .content-wrp {
    transform: translateY(calc(100% - 138px));
    transition: all 0.5s ease;
}

.work-culture .work-ovrlay-box .content-wrp img.icon-img {
    transition: all 0.4s ease;
}

.work-culture .work-ovrlay-box:hover .content-wrp img.icon-img {
    rotate: 45deg;
    transition: all 0.4s ease;
}

.work-culture .work-ovrlay-box:hover .work-ovrlay-img {
    position: unset !important;
}

.work-culture .work-ovrlay-box:hover .layer {
    z-index: 0 !important;
    background: transparent !important;
}

.work-culture .work-ovrlay-box:hover {
    transition: all 0.4s ease;
}

.work-culture .work-ovrlay-box:hover::before {
    transform: translateY(0);
}

.work-culture .work-ovrlay-box:hover .content-wrp {
    transform: none;
    transition: all 0.4s ease;
}

.work-culture .work-ovrlay-box .work-text {
    opacity: 0;
    transition: all 0.5s ease;
}

.work-culture .work-ovrlay-box:hover .work-text {
    opacity: 1;
    transition: all 0.5s ease;
}

/* Life at iconflux page CSS End */

/* Contact Us Page CSS */
.contact-us.cf-form .footer-form {
    transform: translateY(50%);
    opacity: 0;
    transition: 1s ease-in-out
}

.contact-us.cf-form .footer-form.show {
    transform: translateY(0);
    opacity: 1
}

.contact-us.cf-form .box .form-wrapper {
    box-shadow: none;
    border: 1.5px solid #1d1D2026
}

.contact-us.cf-form .box {
    box-shadow: 0 3px 8px 0 #00000014;
    border: 1.5px solid #1d1D2026;
    background: #f7f9fb;
    padding: 15px;
    border-radius: 35px
}

.contact-us.cf-form .box .form-wrapper .verification_code_input .d-flex {
    align-items: center !important
}

.contact-us.cf-form .box .form-wrapper .form-wrap.mt-4 {
    margin-block: 0 !important
}

.contact-us.cf-form .box .form-wrapper .form-wrap.mt-4>.btn {
    margin-top: .5rem !important
}

.contact-us.cf-form .box .form-wrapper #captcha-wrap {
    margin-top: 20px !important;
    padding-top: 10px !important;
    display: flex;
    align-items: center;
    gap: 0 10px
}

.contact-us.cf-form .box .form-wrapper #captcha-wrap .fa {
    color: #0049fe;
    cursor: pointer
}

.contact-us.cf-form .box .form-wrapper #captcha-wrap img {
    border-radius: 10px
}

.contact-addresses .address-card .box {
    padding: 30px;
    height: 250px;
    display: flex;
    flex-direction: column;
    transition: all .5s ease-in-out;
}

.contact-addresses .address-card .box:hover {
    background: #fff;
}

.contact-addresses .address-card .box .clr-black-70 {
    color: #1d1D20CC !important;
    font-family: manrope-medium
}

/* Contact Us Page CSS End */

/* Career Page CSS */
.cta-section.career .section_head {
    font-size: 28px
}

.cta-section.career .hire_cta_1,
.cta-section.career .hire_cta_2 {
    max-width: 100% !important
}

.cta-section.career .ai-cta-box a {
    padding: 15px 25px;
}

.cta-section.career .ai-cta-box a {
    overflow: hidden
}

.cta-section.career .ai-cta-box a .gradient-background,
.cta-section.career .ai-cta-box a .gradient-border,
.cta-section.career .ai-cta-box a .transform-arrow,
.cta-section.career .ai-cta-box a .transform-section {
    transition: .4s ease-in-out
}

.cta-section.career .ai-cta-box a .transform-section {
    transform: translateX(-8.5%)
}

.cta-section.career .ai-cta-box a .transform-section .transform-arrow-left {
    opacity: 0;
    transition: .4s ease-in-out
}

.cta-section.career .ai-cta-box a:hover .transform-section {
    transform: translateX(0)
}

.cta-section.career .ai-cta-box a:hover .transform-section .transform-arrow-left {
    opacity: 1
}

.cta-section.career .ai-cta-box a:hover .transform-arrow {
    transform: translateX(150%);
    opacity: 0;
}

.cta-section.career .ai-cta-box a:hover .gradient-border:before {
    background: linear-gradient(270deg, rgb(255 255 255 / 6%) 10%, rgb(255 255 255 / 10%) 100%)
}

.cta-section.career .ai-cta-box a:hover .gradient-background {
    background: linear-gradient(270deg, rgb(255 255 255 / 20%) 8%, rgb(255 255 255 / 5%) 100%)
}

.career-openings .btn-yellow:active {
    border-color: #ffce33
}

.career-openings h3 {
    transform: translateY(75%)
}

.career-openings .opening-card {
    position: relative;
    overflow: hidden
}

.career-openings .opening-card .job-details {
    transform: translateY(150%)
}

.career-openings .opening-card .card-content:has(+ .details-section.show) h3,
.career-openings .opening-card .card-content:has(+ .details-section.show) .job-details {
    transform: translateY(0) !important;
}

.career-openings .opening-card .job-details,
.career-openings .opening-card h3 {
    transition: transform .4s ease-in-out
}

.career-openings .opening-card:hover .job-details,
.career-openings .opening-card:hover h3 {
    transform: translateY(0)
}

.life-culture h2 {
    font-size: 46px;
    color: #1d1d20
}

.life-culture .expert {
    font-size: 18px;
    color: #1d1D20CC
}

.life-culture .gallery .img-wrap {
    background-color: #fff;
    border: 1px solid #1d1D2026;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.life-culture .gallery .img-wrap::after {
    content: '';
    height: 120%;
    width: 30px;
    position: absolute;
    transform: skew(130deg) translateY(-50%);
    background: linear-gradient(78.84deg, #CFCFCF -19.28%, #FFFFFF 42.04%, #BABABA 97.53%);
    filter: blur(24px);
    top: 50%;
    left: -200%;
    transition: all 0.6s linear;
}

.life-culture .gallery .img-wrap img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    padding: 10px;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.life-culture .gallery .img-wrap:hover::after {
    left: 100%
}

/* Career Page CSS End*/

/* industries pages css */
.section-finance-app .box {
    min-height: 200px;
    transition: all 0.5s ease;
}

.section-finance-app .box:hover {
    background-color: #ffffff !important;
}

.section-finance-app .box .line {
    height: 50%;
    width: 1px;
    background-color: #DDDDDE;
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    transition: all 0.5s ease;
}

.start-sm-0.top-sm-50 {
    top: 50% !important;
    left: 0 !important;
}

.section-finance-app .box:hover .line {
    height: 100%;
}

.tales_of_three_cards .card_wrapper {
    padding: 15px;
    border-radius: 25px;
    border: 1px solid #1D1D2026;
    gap: 15px;
}

.tales_of_three_cards .card {
    border: 1px solid #1d1d2026;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 9px 0px #0000000D;
    border-radius: 20px;
    padding: 20px;
    min-height: 312px;
    flex-basis: 33%;
    transition: all 0.5s ease;
}

.tales_of_three_cards .card:hover {
    flex-basis: 550px;
    flex-shrink: 0;
}

.tales_of_three_cards .count {
    color: #1D1D205C;
}

.tales_of_three_cards .story {
    width: 510px;
    transition: all 0.5s ease;
}

.tales_of_three_cards .story_cover::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, #F7F9FB 1%, #00000000 9%);
    transition: all 0.5s ease;
}

.tales_of_three_cards .card:hover .story_cover::after {
    background: linear-gradient(to left, #00000000, #00000000);
}

.industries_features .icon_wrapper {
    height: 70px;
    width: 70px;
    border-radius: 13px;
}

.industries_features .icon_wrapper img {
    max-width: 37px;
}

.our-process.cloud-process.industries_features .step .progress {
    height: 160px !important;
    top: 80px !important;
}

.cloud-process.industries_features .info_box {
    min-height: 270px;
}

.images_animate .center_img {
    border: 1px solid #1D1D2026;
    box-shadow: 0px 1px 4px 0px #0000000D;
    padding: 10px 8px;
    border-radius: 40px;
    transition: all 0.5s ease;
}

.images_animate .center_img div {
    border-radius: 32px;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease;
}

.images_animate .center_img img {
    border-radius: 32px;
    object-fit: cover;
    object-position: center;
    scale: 1.15;
    overflow: hidden;
    transition: all 0.5s ease;
    height: 550px;
}

.images_animate .top_floting_img {
    left: 0;
    top: 0;
    z-index: 3;
    transition: all 0.5s ease;
    max-width: 38%;
    scale: 1.1;
}

.images_animate .bottom_floting_img {
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all 0.5s ease;
    max-width: 40%;
    scale: 1.1;
}

.images_animate:hover .center_img img {
    scale: 1;
}

.images_animate:hover .top_floting_img {
    top: 15px;
}

.images_animate:hover .bottom_floting_img {
    bottom: 15px;
}

.hire_developer_types .box {
    padding: 2px;
    border-radius: 24px;
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0) 1.56%, rgba(247, 249, 251, 0.5) 101.35%);
}

.hire_developer_types .box .inside_box {
    background-color: #0049fead;
    border-radius: 22px;
    padding: 30px 36px;
    backdrop-filter: blur(60px);
}

.hire_developer_types .box .icon_wrapper {
    height: 66px;
    width: 66px;
    border-radius: 12px;
    background-color: var(--yellow);
}

.hire_developer_types .line {
    height: 2px;
    border: none;
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 1) 0 12px, rgba(255, 255, 255, 0) 12px 24px);
    background-repeat: repeat-x;
    background-position: center;
    background-size: auto;
    border-radius: 2px;
    position: relative;
}

.hire_developer_types .line::after {
    content: '';
    position: absolute;
    top: 80%;
    left: -12px;
    transform: translateY(-50%);
    background-image: url('../images/New-Design/bulls-eye-for-industries.svg');
    height: 24px;
    width: 24px;
    background-size: cover;
    background-position: center;
}

.display_swiper_section .display_swiper_wrapper,
.display_swiper_mobile {
    height: 480px;
}

.display_swiper_section .display_swiper_wrapper .card,
.display_swiper_mobile .card {
    width: 350px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #1D1D2026;
    flex-shrink: 0;
    transition: all 0.5s ease;
    background-color: #ffffff;
}

.display_swiper_section .display_swiper_wrapper .icon_wrapper,
.display_swiper_mobile .icon_wrapper {
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FB 100%);
    height: 130px;
    width: 137px;
    transition: background 0.5s ease;
    position: relative;
    clip-path: ellipse(120% 100% at 50% 0%);
    z-index: 3;
}

.display_swiper_section .display_swiper_wrapper .right_arrow,
.display_swiper_mobile .right_arrow {
    margin-right: 50px;
    transition: all 0.5s ease;
    opacity: 0;
    scale: 0.9;
}

.display_swiper_section .display_swiper_wrapper .display_icon,
.display_swiper_mobile .display_icon {
    transition: all 0.5s ease;
}

.display_swiper_section .display_swiper_wrapper .card .clr-black-60,
.display_swiper_mobile .card .clr-black-60 {
    font-size: 15px;
}

.display_swiper_section .display_swiper_wrapper .card:hover .right_arrow,
.display_swiper_mobile .card:hover .right_arrow {
    margin-right: 0px;
    opacity: 1;
    transition: all 0.5s ease;
}

.display_swiper_section .display_swiper_wrapper .card:hover .icon_wrapper,
.display_swiper_mobile .card:hover .icon_wrapper {
    background: linear-gradient(180deg, #F7F9FB 0%, #FFFFFF 100%);
}

.display_swiper_section .display_swiper_wrapper .card:hover,
.display_swiper_mobile .card:hover {
    background-color: #F7F9FB;
}

.display_swiper_section .display_swiper_wrapper .card:hover .display_icon,
.display_swiper_mobile .card:hover .display_icon {
    transform: rotate(10deg);
    transition: all 0.5s ease;
}

.display_swiper_section .display_swiper_wrapper .conveyer,
.display_swiper_mobile .conveyer {
    animation: conveyar 30s linear 0s infinite forwards;
    right: -100%;
}

.industries #whatifaccr .accordion-button img {
    scale: 0.8;
}

/* HTML: <div class="rounded-edge"></div> */
.display_swiper_section .display_swiper_wrapper .wrapper_wrapper,
.display_swiper_mobile .wrapper_wrapper {
    content: '';
    clip-path: ellipse(120% 100% at 50% 0%);
    background: linear-gradient(180deg, rgba(0, 32, 96, 0) 18.86%, rgba(0, 32, 96, 0.12) 100%);
    z-index: 1;
    padding: 1px;
}


/* ai-event-management  */

.grad_border{position: relative;overflow: hidden;z-index: 1;}
.grad_border::before {content: "";position: absolute;inset: 0;padding: 2px;background: linear-gradient(to bottom, #0049FE16, #FFFFFF16, #0049FE16);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;}



.event-sec-head {position: relative;overflow: hidden;padding: 10px 25px;border-radius: 20px;background: linear-gradient(180deg, rgba(0, 73, 254, 0.05) -29.55%, rgba(255, 255, 255, 0.05) 50.38%, rgba(0, 73, 254, 0.05) 130.3%);width: fit-content;z-index: 1;}
.event-sec-head::before {content: "";position: absolute;inset: 0;padding: 2px;border-radius: 20px;background: linear-gradient(to bottom, #0049FE33, #FFFFFF33, #0049FE33);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;}
.event_wrapper::before {border-radius: 50px;}
.event-sec-head::after {content: '';width: 60%;height: 55px;position: absolute;right: 20%;bottom: -34px;background-color: #0049FE40;filter: blur(30px);}
.event_wrapper {padding: 50px 75px;border-radius: 50px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 49.58%, rgba(0, 73, 254, 0.05) 99.15%);position: relative;overflow: hidden;}
.about_swiper_wrapper {background-image: url('../images/New-Design/event-management-about-image.png');background-repeat: no-repeat;background-size: cover;background-position: center;height: 600px;}
.about-frame {bottom: -55px;left: 50%;transform: translateX(-50%);z-index: 2;}
.event-about-swiper .swiper-slide {scale: 0.8;z-index: 1;}
.event-about-swiper .swiper-slide.swiper-slide-active {scale: 1;}
.event_objective{background: linear-gradient(180deg, rgba(0, 73, 254, 0.05) -13.82%, rgba(255, 255, 255, 0.05) 49.88%, rgba(0, 73, 254, 0.05) 113.58%);border: 1px solid #0049FE26;}
.event-objective-wrapper{border-radius: 48px;padding: 25px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 49.58%, rgba(255, 255, 255, 0.01) 99.15%);position: relative;overflow: hidden;}
.event-objective-wrapper::before {border-radius: 48px;}
.event-objective-wrapper .card{background: linear-gradient(180deg, #ffffff, #ffffff);border-radius: 35px;padding: 25px 42px 25px 25px;box-shadow: 0px 3px 2px 0px #0049FE0D;position: relative;overflow: hidden;z-index: 0;}
.event-objective-wrapper .card::before {border-radius: 35px;transition: all 0.5s ease;}
.event-objective-wrapper .icon_wrapper {background: linear-gradient(180deg, rgba(0, 73, 254, 0.15) -29.55%, rgba(255, 255, 255, 0.15) 50.38%, rgba(0, 73, 254, 0.15) 130.3%);border-radius: 23px;height: 70px;width: 70px;position: relative;overflow: hidden;z-index: 0;}
.event-objective-wrapper .icon_wrapper::before {border-radius: 23px;}
.event-objective-wrapper .card:hover .icon_wrapper img{scale: 1.2;}
.event-objective-wrapper .card:hover {box-shadow: 0px 3px 6px 0px #0049FE1A;padding: 25px 42px 25px 37px;}
.event-objective-wrapper .card:hover::before {background: linear-gradient(to bottom, #0049FE29, #FFFFFF29, #0049FE29);}
.outer-event-circle{background-image: url('../images/New-Design/sol-outer-circle.svg');background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;height: 178px;width: 178px;}
.middle-event-circle{background-image: url('../images/New-Design/sol-second-circle.svg');background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;height: 133px;width: 133px;transition: all 0.5s ease;}
.main-event-circle{background: linear-gradient(180deg, #0049FE1A -29.55%, #FFFFFF1A 50.38%, #0049FE1A 130.3%);border-radius: 50%;height: 84px;width: 84px;transition: all 0.5s ease;}
.main-event-circle::before {border-radius: 50%;}
.event_solution_swiper_wrapper .solution_card::before{border-radius: 40px;}
.event_solution_swiper_wrapper .solution_card .card-img::before{border-radius: 35px;}
.event_solution_swiper_wrapper .solution_card{min-height: 500px;background: linear-gradient(180deg, rgba(0, 73, 254, 0.05) -29.55%, rgba(255, 255, 255, 0.05) 50.38%, rgba(0, 73, 254, 0.05) 130.3%);border-radius: 40px;transition: all 0.5s ease;padding: 25px;}
.event_solution_swiper_wrapper .solution_card .card-img{border-radius: 35px;background: #ffffff;}
.event_solution_swiper_wrapper .solution_card:hover {background: linear-gradient(180deg, rgba(0, 73, 254, 0.15) -29.55%, rgba(255, 255, 255, 0.15) 50.38%, rgba(0, 73, 254, 0.15) 130.3%);transition: all 0.5s ease;margin-top: -15px;}
.solution_card:hover .middle-event-circle{height: 142px;width: 142px;transition: all 0.5s ease;}
.solution_card:hover .card-img .main-event-circle{background: linear-gradient(180deg, rgba(0, 73, 254, 0.5) -29.55%, rgba(255, 255, 255, 0.15) 50.38%, rgba(0, 73, 254, 0.5) 130.3%);transition: all 0.5s ease;}
.event_solution_swiper_wrapper .swiper-button-next{background: linear-gradient(0deg, #FFFFFF, #FFFFFF),linear-gradient(180deg, rgba(0, 73, 254, 0.05) -29.55%, rgba(255, 255, 255, 0.05) 50.38%, rgba(0, 73, 254, 0.05) 130.3%);height: 60px;width: 60px;border-radius: 20px;box-shadow: 0px 3px 3.5px 0px #0000000D;border: 1px solid #0049FE1A;}
.event_solution_swiper_wrapper .swiper-button-next:after{font-size: 26px;color: #1D1D20;font-family: 'manrope-bold';content: '>';}
.event_solution_swiper_wrapper:after{content: '';height: 100%;width: 253px;position: absolute;top: 0;right: 0;background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);z-index: 3;}
.event_impact::before {border-radius: 50px;}
.event_impact{background: linear-gradient(180deg, rgba(0, 73, 254, 0.05) -13.82%, rgba(255, 255, 255, 0.05) 49.88%, rgba(0, 73, 254, 0.05) 113.58%);border-radius: 50px;}
.impact-main-img{position: sticky;top: 150px;z-index: 3;}
.impact_sec_1 .card{border-radius: 35px;box-shadow: 0px 3px 2px 0px #0049FE0D;padding: 46px 33px;}
.impact_sec_1 .card::before {border-radius: 35px;}
.impact_sec_1{margin-top: -72dvh;min-height: 90dvh;}
.impact_sec_3{background-image: url('../images/New-Design/event-impact-bg.png');background-repeat: no-repeat;background-position: center;}
.event_takeaway .card{padding: 25px 50px;border-radius: 45px;box-shadow: 0px 3px 2px 0px #0049FE0D;}
.event_takeaway .card::before {border-radius: 45px;}
.event_takeaway .img-card{background: linear-gradient(180deg, rgba(0, 73, 254, 0.05) -29.55%, rgba(255, 255, 255, 0.05) 50.38%, rgba(0, 73, 254, 0.05) 130.3%);}
.event_takeaway .img-card img{border-radius: 40px;}


@media only screen and (max-width: 768px) {
    .site-wrapper {
        overflow-x: hidden;
    }
    .impact_sec_1{margin-top: 0px;background-image: none;}
    .impact_sec_3{margin-top: 0;}
    .event_wrapper{padding: 50px 35px;}
    .event_solution_swiper_wrapper .swiper-button-next{height: 40px;width: 40px;}
    .event_solution_swiper_wrapper:after{width: 10px;}
}

@media only screen and (max-width: 540px) {

    .b-cta::before,
    .b-cta::after {
        content: none;
    }
}

@media only screen and (min-width: 1400px) {
    .insight .insight-box {
        display: block !important;
        position: relative;
    }

    .insight .insight-box .abs-box {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
    }

    .insight .insight-box .abs-box p {
        margin-bottom: 35px !important;
    }
}

/* New portfolio page css end */


@media (prefers-reduced-motion: reduce) {
    .stack-cards__item {
        transform: none !important;
    }
}


/* animations  */
@keyframes conveyar {
    0% {
        right: -100%;
    }

    50% {
        right: 0;
    }

    100% {
        right: 120%;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade65 {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }

    100% {
        opacity: 1;
        transform: translateY(65px);
    }
}

@keyframes fadeFull {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-up {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateY(0px);
    }
}

@keyframes fade-left {
    from {
        opacity: 0;
        left: -50px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@keyframes fade-right {
    from {
        opacity: 0;
        right: -50px;
    }

    to {
        opacity: 1;
        right: 0;
    }
}

@keyframes bgFromTop {
    0% {
        top: -100%;
    }

    /* 50%{
        top: 1.5%;
    } */
    100% {
        top: 0;
    }
}

@keyframes bgFromBottom {
    0% {
        bottom: -100%;
    }

    /* 50%{
        bottom: 1.5%;
    } */
    100% {
        bottom: 0;
    }
}

@keyframes rotation {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(-50%) rotate(180deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

@keyframes rotation-reverse {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes lead-fade-in {
    to {
        opacity: 1;
    }
}

@keyframes lead-fade-up {
    to {
        transform: translateY(0);
    }
}

@keyframes scroll-loop {
    0% {
        transform: translateY(0%);
    }

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

@keyframes panelBounce {
    0% {
        transform: scaleY(1);
    }

    40% {
        transform: scaleY(0.98);
    }

    70% {
        transform: scaleY(1.03);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes siblingNudge {
    0% {
        transform: scaleY(1);
    }

    40% {
        transform: scaleY(0.98);
    }

    70% {
        transform: scaleY(0.95);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes scan {
    0% {
        bottom: 0px;
        left: 250px;
    }

    50% {
        bottom: 50px;
        left: 0px;
    }

    100% {
        bottom: -20px;
        left: 0px;
    }
}


/* media queries  */
@media screen and (min-width: 1921px) {
    .listing__wrapper .home .bg-part-3 img {
        width: 24.83vw !important;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 29.19vw !important;
        max-height: calc(614px - 98px) !important;
        object-fit: cover;
        object-position: top left;
    }

    .listing__wrapper .home .bg-part-1 img {
        width: 91.5vw !important;
        top: -1367px !important;
        left: -532px !important;
        object-fit: cover;
        object-position: top right;
    }

    .case-study-slide .card-img {
        height: 430px;
    }

    header.header-sticky .dropdown-menu:has(.nav-menu) {
        padding-top: 90px;
    }

    .testimonial-carousel-container .slider-content {
        height: 270px;
    }

    .industry_first_swiper .swiper-button-next {
        right: 35%;
    }

    .industry_first_swiper .swiper-button-prev {
        left: 35%;
    }

    .hero_content {
        padding: 0px 9% !important;
    }
}

@media screen and (max-width: 1920) {
    .case-study-slide .card-img {
        height: 324px;
    }
}

@media (max-width: 2560px) and (min-width: 1800px) {
    .listing__wrapper .home .bg-part-1 img {
        width: 73.5vw;
        top: -571px;
        left: -333px;
        object-fit: cover;
        object-position: top right;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 43.19vw;
        max-height: calc(614px - 98px);
        object-fit: cover;
        object-position: top left;
    }

    .listing__wrapper .home .bg-part-3 img {
        width: 34.83vw;
    }

    .ce-team-wrapper .card {
        scale: 1.18;
    }

    footer .ff-manrope-medium {
        font-weight: 400 !important;
    }

    .clr-black-90 {
        color: #1d1d20cc;
    }

    header .min-w-320 {
        width: 370px !important;
    }

    .tech-stack-card .tab-pane .gap-4 {
        gap: 36px !important;
    }

    header.header-sticky .dropdown-menu:has(.nav-menu) {
        padding-top: 89px;
    }

    .leading_business_industry img.leading-business {
        transform: translateY(62px) !important;
        max-width: 400px;
    }

    .case-study-slide .card-img {
        height: 350px;
    }

    .implement_solution_main_card .card {
        max-width: 465px;
    }

    .mt-7 {
        margin-top: -7px !important;
    }

    .solution_key_feature .card .img_wrapper img {
        scale: 1.06;
    }

    .solution_key_feature .card:hover .img_wrapper img {
        scale: 1.09;
    }

    .about-us-section-five .we-creative .card {
        height: 220px !important;
    }

    #footer-contact-form {
        padding-top: 80px !important;
    }
}

@media only screen and (max-width: 1540px) {
    .testimonial-card {
        min-height: 520px;
    }

    .testimonial-carousel-container .slider-content {
        height: 280px;
    }

    .hero_content {
        padding: 0px 0px !important;
    }

    .industry_first_swiper .swiper_img {
        height: 390px;
    }
}

@media screen and (max-width: 1537px) {

    /* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;} */
    .home .bg-part-2 img {
        width: 55.19vw;
        max-height: calc(682px - 81px);
    }

    .home.blog-home-hero .bg-part-2 img {
        max-height: calc(590px - 81px);
    }

    .home .bg-part-3 img {
        width: 46.83vw;
        height: 81px;
    }

    .listing__wrapper .home .bg-part-1 img {
        width: 57.5vw;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 55.19vw;
        max-height: calc(614px - 81px);
    }

    .listing__wrapper .home .bg-part-3 img {
        width: 46.83vw;
        height: 81px;
    }

    .leading_business_industry {
        height: 420px;
    }

    header.header-sticky .dropdown-menu:has(.nav-menu) {
        padding-top: 68px;
    }

    .industry_first_swiper .swiper-button-next {
        right: 28%;
    }

    .industry_first_swiper .swiper-button-prev {
        left: 28%;
    }

    .solution_sec_4 .sub-text {
        width: calc(500px - 54px);
    }

    .solution_sec_4 .sec_4_cards .card:hover {
        width: 500px !important;
    }

    .implement_solution_main_card.asset_management .parent_card .card {
        width: 324px;
    }

    .service_sec_2 .card:hover .bottom-img {
        bottom: -73%;
        right: -18%;
    }
}

@media screen and (max-width: 1440px) {
    header .first-button .nav-link {
        font-size: 17px !important;
    }

    header .sub-links .nav-link,
    header .internal-link {
        font-size: 15px !important;
    }

    .btn-inner {
        padding: 8px 16px;
        height: unset;
    }

    /* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;} */
    .home .bg-part-2 img {
        width: 55.19vw;
        max-height: calc(682px - 73px);
    }

    .home.blog-home-hero .bg-part-2 img {
        max-height: calc(590px - 73px);
    }

    .home .bg-part-3 img {
        width: 46.83vw;
        height: 73px;
    }

    .listing__wrapper .home .bg-part-1 img {
        width: 58.9vw;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 55.19vw;
        max-height: calc(614px - 73px);
    }

    .listing__wrapper .home .bg-part-3 img {
        width: 46.83vw;
        height: 73px;
    }

    .home__wrapper .py-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .creative-card h1 {
        font-size: 36px;
    }

    .creative-card p {
        font-size: 16px;
    }

    .case-study-slide .card-img {
        height: 327px;
    }

    header.header-sticky .dropdown-menu:has(.nav-menu) {
        padding-top: 70px;
    }

    .testimonial-carousel-container .slider-content {
        height: 300px;
    }

    header .internal-link .icon_wrapper {
        height: 30px;
        width: 30px;
    }

    header #hireMegaMenu .nav-menu {
        height: 475px !important;
    }

    .hero-star-img {
        top: -26px;
        right: 2px;
    }
}

@media screen and (max-width: 1366px) {
    .event-wrapper .fs-34{
        font-size: 28px !important;
    }
    .event-wrapper .fs-22, .event-wrapper .fs-24{
        font-size: 20px !important;
    }
    .event-wrapper .fs-20{
        font-size: 18px !important;
    }
    .event-wrapper .display-3{
        font-size: 32px !important;
    }
    .industry_first_swiper .swiper-button-next {
        right: 26%;
    }

    .industry_first_swiper .swiper-button-prev {
        left: 26%;
    }

    .transform_card .swiper-wrapper .swiper-slide {
        min-height: 280px;
    }

    header .min-w-320 {
        width: 320px !important;
    }

    .hero-star-img {
        top: -26px;
        right: 36px;
    }

    .service_sec_2 .card:hover .bottom-img {
        bottom: -56.5%;
        right: -38.5%;
    }
}

@media screen and (min-width: 1560px) {
    .sol_sec_03.asset_management .card .fs-14 {
        font-size: 15px !important;
    }

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

    .simplify_challanges .fs-14 {
        font-size: 16px !important;
        line-height: 1.6;
    }
}

@media screen and (min-width: 1400px) {
    .section__two__napino .fs-36 {
        font-size: 38px;
    }

    .section__two__napino .fs-18 {
        font-size: 20px !important;
        line-height: 175%;
    }

    .section__two__napino img {
        max-height: 395px !important;
        object-fit: cover;
        object-position: bottom;
    }
}

@media (max-width: 1400px) and (min-width: 1200px) {

    /* .home .bg-part-1 img{width: 44.83vw;min-height: 682px;} */
    .home .bg-part-1 img {
        top: 0px;
        height: 834px;
    }

    .home .bg-part-2 img {
        width: 55.19vw;
        min-height: calc(682px - 73px);
    }

    .home.blog-home-hero .bg-part-2 img {
        min-height: calc(590px - 73px);
    }

    .home .bg-part-3 img {
        width: 43.1vw;
        height: 73px;
    }

    .listing__wrapper .home .bg-part-1 img {
        width: 58.83vw;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 55.19vw;
        min-height: calc(614px - 73px);
    }

    .listing__wrapper .home .bg-part-3 img {
        width: 43.1vw;
        height: 73px;
    }

    .leading_business_industry {
        height: 368px;
    }

    .nav-menu .min-w-320 {
        min-width: 284px !important;
    }

    #serviceMegaMenu {
        transform: translateX(-24%) !important;
    }

    .sub-links .nav-link {
        padding: 10px 15px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .min-w-320 {
        min-width: 225px !important;
    }

    .sub-links .nav-link {
        padding: 10px 15px !important;
    }

    #serviceMegaMenu {
        transform: translateX(-20%) !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .our-process .process-section {
        gap: 20px;
    }

    .our-process .left-column h2 {
        font-size: 1.5rem;
    }

    .our-process .step .content {
        padding: 0;
    }

    .home__wrapper .we-creative .card h5 {
        font-size: 16px;
    }

    /* .testimonial-carousel-container .card-slider{width: 700px;}
    .testimonial-carousel-container .slider-content{height: 450px;}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-105px) scale(0.8);}
    .testimonial-carousel-container .card-slider.right{transform: translateX(105px) scale(0.8);} */
}

@media screen and (max-width: 1024px) {
    .site-wrapper {
        overflow-x: hidden;
    }

    /* .home .bg-part-1 img{width: 44.83vw;min-height: 682px;} */
    .home .bg-part-2 img {
        width: 55.19vw;
        min-height: calc(682px - 60px);
    }

    .home.blog-home-hero .bg-part-2 img {
        min-height: calc(590px - 60px);
    }

    .home .bg-part-3 img {
        width: 45.83vw;
    }

    .listing__wrapper .home .bg-part-1 img {
        width: 83vw;
    }

    .listing__wrapper .home .bg-part-2 img {
        width: 55.19vw;
        min-height: calc(614px - 60px);
    }

    .listing__wrapper .home .bg-part-3 img {
        width: 45.83vw;
    }

    .tech-banner-head,
    .tech-banner-twid {
        width: 100%;
    }

    .emerging_tech_wrapper .bg-part-2 {
        display: none !important;
    }

    .tech_stack_scalable.full-stack .head {
        min-height: unset !important;
    }

    .implement_solution_main_card .parent_card {
        border: none;
        height: unset;
        padding: 10px 0px;
    }

    .implement_solution_main_card .parent_card {
        border: none;
        height: unset;
        padding: 10px 0px;
        width: 100% !important;
    }

    .implement_solution_main_card .card {
        position: static !important;
        max-width: unset;
        height: 100%;
        width: 100%;
    }

    .record-list .border-end:nth-child(3) {
        border: none !important;
    }

    .our-process.industries_features .right-column,
    .our-process.industries_features .left-column {
        width: unset;
    }

    .start-sm-0.top-sm-50 {
        display: none;
    }

    .radio-row label.active::after {
        top: 97%;
        left: 50%;
        transform: translateY(0) translateX(50%) rotate(-90deg);
    }

    .playground-use-cases .card-container .card {
        transform: translateX(0px) !important;
        transition: all 0.5s 0s ease;
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .card-container .line {
        display: none;
    }

    .playground-use-cases .row {
        margin-bottom: 0px;
    }

    .playground-use-cases .col-lg-6 {
        height: unset;
    }

    .playground-use-cases .card-container::after,
    .playground-use-cases .card-container::before {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .card-stack-animate {
        height: 800px;
    }

    .home__wrapper .we-creative .card .card-img.mb-5 {
        margin-bottom: 100px !important;
    }

    .ai-cta-section h2.section_head {
        font-size: 30px;
    }

    /* .testimonial-carousel-container .card-slider{width: 470px;}
    .testimonial-carousel-container .slider-content{height: 520px;}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-80px) scale(0.8);}
    .testimonial-carousel-container .card-slider.right{transform: translateX(80px) scale(0.8);} */
    .testimonial-carousel-container .t-short {
        font-size: 17px;
        margin-bottom: 20px !important;
    }

    .testimonial-carousel-container .t-title,
    .testimonial-carousel-container .t-desig,
    .testimonial-carousel-container .t-rating {
        font-size: 15px;
    }

    .tales_of_three_cards .card {
        flex-basis: unset;
        flex-grow: 1;
        pointer-events: none;
    }

    .tales_of_three_cards .story {
        width: 100%;
    }

    .tales_of_three_cards .card .story_cover::after {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    
    .home h1 {
        font-size: 46px;
    }

    .py-100 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section_head {
        font-size: 36px !important;
    }

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

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

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

    .fs-18 {
        font-size: 16px;
    }

    .fs-20 {
        font-size: 17px;
    }

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

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

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

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

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

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

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

    .stack-cards__content {
        flex-direction: column;
    }

    .hero-star-img {
        top: -26px;
        right: -2px;
    }

    .our-process .process-section {
        flex-direction: column;
        gap: 40px;
    }

    .our-process .left-column,
    .our-process .right-column {
        position: static;
        transform: none;
        margin-bottom: 20px;
        height: auto;
    }

    .our-process .right-column {
        padding-top: 0;
    }

    .our-process .step .progress {
        height: 80px;
    }

    .our-process .left-column,
    .our-process .right-column {
        flex: none;
        width: 100%;
    }

    .our-process .step .progress {
        height: 120px;
    }

    .our-process .step .content {
        padding: 10px 20px 20px;
    }

    .bg-part-1,
    .bg-part-2,
    .bg-part-3 {
        display: none !important;
    }

    .home__wrapper .card_swiper .card_header {
        padding: 25px 20px 20px;
    }

    .home__wrapper .card_swiper .card_header .fs-22 {
        font-size: 16px;
    }

    .home__wrapper .card_swiper .card_body {
        padding: 20px;
    }

    .container.cmw-100 {
        max-width: 100%;
    }

    .card-stack-animate {
        height: 740px;
    }

    .service-hover-accordion .accordion-panel-item {
        padding: 12px;
    }

    .service-hover-accordion .accordion-panel-item h2.fs-20 {
        font-size: 15px;
    }

    .service-hover-accordion .accordion-panel-item h2>img {
        margin-right: 0.5rem !important;
        width: 34px;
    }

    .service-hover-accordion .accordion-panel-item .panel-icon-after {
        right: 12px;
        top: 15px;
        width: 30px;
        height: 30px;
    }

    .service-hover-accordion .accordion-panel-item .panel-icon-after img {
        padding: 8px;
    }

    .scroll-container {
        margin-top: 20px !important;
    }

    .home__wrapper .info-box {
        padding: 20px !important;
    }

    .ai-cta-wrapper {
        display: block !important;
        text-align: center;
    }

    .ai-cta-wrapper .content-box,
    .ai-cta-wrapper .ai-cta-img {
        width: 100%;
        margin: 0 auto;
    }

    .ai-cta-wrapper .content-box {
        margin-bottom: 25px;
        padding-right: 0 !important;
    }

    .cta-section.career .ai-cta-box a .transform-section {
        transform: translateX(-15.5%);
    }

    .ai-cta-wrapper .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .ai-cta-wrapper .w-50 {
        width: 100% !important;
    }

    .card_swiper.cloud .card-stack-animate {
        height: 650px;
    }

    .card-stack-animate .card[data-pos="1"] {
        transform: translateY(-75px) scale(0.95);
    }

    .card-stack-animate .card[data-pos="2"] {
        transform: translateY(-147px) scale(0.90);
    }

    .creative-card h1 {
        font-size: 44px;
    }

    .creative-card p {
        font-size: 17px;
    }

    .cloud_and_dev_ops_cta,
    .cloud_and_dev_ops_cta.web-dev {
        background-image: none;
    }

    /* .testimonial-carousel-container .card-slider{width: 100%;} */
    .testimonial-carousel-container .slider-content {
        height: 250px;
    }

    .img-quote {
        top: -50px;
    }

    /* .testimonial-carousel-container{height: 600px;} */
    /* .testimonial-carousel-container .card-slider.right{transform: translateX(35px) scale(0.9);}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-35px) scale(0.9);} */
    .testimonial-carousel-container .card-slider .slider-content {
        padding: 15px;
    }

    .testimonial-carousel-container .controls {
        position: relative;
        top: -55px;
        justify-content: center;
        gap: 15px;
    }

    .testimonial-carousel-container .t-short {
        font-size: 15px;
    }

    .dev-cards .w-third,
    .dev-cards .w-full {
        grid-column: span 3;
        animation: fade-in 1s ease 0s 1 both;
    }

    .dev-cards .w-full .card-text {
        display: block;
    }

    .transform_card {
        padding: 40px 20px;
    }

    .web_tech_stack .first_btn {
        padding: 20px 35px;
        border-bottom: 1px solid #1D1D201A !important;
        width: 100%;
        border-right: none !important;
        justify-content: center !important;
    }

    .real_impact .top-img,
    .real_impact .bottom-img {
        scale: 0.7;
    }

    .tech_stack_scalable .head {
        border-top: 1px solid #1D1D2026;
    }

    .engagement_models_new .tab-content .img-fluid {
        max-height: unset !important;
        max-width: 100% !important;
    }

    @keyframes fade65 {
        0% {
            opacity: 0;
            transform: translateY(400px);
        }

        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    .solution_sec_4 .sec_4_cards .card {
        width: 100%;
        pointer-events: none;
    }

    .solution_sec_4 .sec_4_cards .card {
        width: 100%;
        pointer-events: none;
        height: 390px;
    }

    .solution_sec_4 .sec_4_cards .ev_last_card {
        height: 440px;
    }

    .solution_sec_4 .sec_4_cards .overlay {
        background: linear-gradient(to top, #000000, #0000000f);
    }

    .solution_sec_4 .sub-text {
        opacity: 1;
        height: fit-content;
        width: 100%;
    }

    .ev-industries-swiper .swiper-slide .card {
        min-height: 537px;
    }

    .card_wrapper .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: -17px;
        height: 40px;
        width: 40px;
    }

    .card_wrapper .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: -17px;
        height: 40px;
        width: 40px;
    }

    .card_wrapper .swiper-button-next:after,
    .card_wrapper .swiper-button-prev:after {
        font-size: 16px;
    }

    .main-card .w-50 {
        flex-grow: 1 !important;
        width: 100% !important;
    }

    .hire_cta_1,
    .hire_cta_2,
    .hire_cta_1.js,
    .hire_cta_2.js {
        min-width: unset !important;
    }

    .outer-container {
        height: 350px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .outer-circle {
        height: 398px;
        width: 398px;
    }

    .middle-circle {
        height: 292px;
        width: 292px;
    }

    .inner-circle {
        height: 167px;
        width: 167px;
    }

    .position-middle {
        height: 398px;
        width: 398px;
    }

    .portfolio_cta_logo {
        width: 98px;
    }

    .tech_1,
    .tech_2 {
        height: 70px;
        width: 70px;
    }

    .tech_1 img,
    .tech_2 img {
        max-width: 35px;
    }

    .cta_arrow.postgree {
        rotate: -90deg;
        right: -35px;
        left: unset;
        bottom: -8px;
    }

    .label.postgree {
        bottom: -44px;
        left: unset;
        right: -105px;
    }

    .tech_1.napino.php {
        top: 63px;
        left: 0;
    }

    .tech_1.napino.angular {
        bottom: 70px;
        left: -8px;
    }

    .tech_1.napino.flutter {
        top: -13px;
        right: 33px;
    }

    .tech_1.napino.aws {
        top: 134px;
        right: -32px;
    }

    .tech_1.napino.js {
        bottom: -89px;
        right: 110px;
    }

    .cta_arrow.napino.php {
        top: 60px;
        left: -11px;
    }

    .cta_arrow.napino.angular {
        top: 50px;
        left: 61px;
        rotate: 269deg;
    }

    .cta_arrow.napino.flutter {
        top: -5px;
        left: -31px;
        rotate: 64deg;
    }

    .cta_arrow.napino.aws {
        top: 65px;
        left: -12px;
    }

    .cta_arrow.napino.js {
        top: 71px;
        left: 26px;
        rotate: -53deg;
    }

    .label.napino.php {
        top: 86px;
        left: -14px;
    }

    .label.napino.angular {
        top: 84px;
        left: 53px;
    }

    .label.napino.flutter {
        top: -9px;
        left: -99px;
    }

    .label.napino.aws {
        top: 94px;
        left: -43px;
    }

    .label.napino.js {
        top: 104px;
        left: -16px;
    }

    .services_big_cta img {
        width: 100%;
    }

    .dream__project.service {
        min-height: unset;
    }

    .dream__project.service img {
        display: none;
    }

    @keyframes fade65 {
        0% {
            opacity: 0;
            transform: translateY(400px);
        }

        100% {
            opacity: 1;
            transform: translateY(0px);
        }

    }

    .record-list .border-end:nth-child(even) {
        border: none !important;
    }

    .record-list .border-end:nth-child(odd) {
        border-right: 1px solid #fff !important;
    }

    .filter-section .year-filter {
        width: 100%;
    }

    .career-openings h3,
    .career-openings .opening-card .job-details {
        transform: translateY(0);
    }

    .section-finance-app .box .line {
        width: 50%;
        height: 1px;
        background-color: #DDDDDE;
        top: 100%;
        transform: translateX(50%);
        right: 50%;
        transition: all 0.5s ease;
    }

    .section-finance-app .box:hover .line {
        width: 100%;
        height: 1px;
    }

    .section-finance-app .box {
        min-height: 150px;
    }

    .images_animate .top_floting_img {
        max-width: unset;
        scale: 1;
    }

    .images_animate .bottom_floting_img {
        max-width: unset;
        scale: 1;
    }

    .images_animate .top_floting_img img,
    .images_animate .bottom_floting_img img {
        height: 100px;
    }

    .images_section {
        padding: 25px !important;
    }

    .display_swiper_section .display_swiper_wrapper .card,
    .display_swiper_mobile .card {
        width: unset;
    }

    .about_swiper_wrapper{
        height: unset;
    }
    .about-frame{bottom: -40px;transform: translateX(-50%);}
    .event-about-swiper .swiper-slide.swiper-slide-active .event-card{
        scale: 1;
    }
}


@media screen and (min-width: 767px) {
    .site-header {
        backdrop-filter: blur(50px);
        -webkit-backdrop-filter: blur(50px);
    }

    .services_big_cta {
        max-height: 450px;
    }
}

@media screen and (max-width: 576px) {
    .home__wrapper .fs-36 {
        font-size: 25px !important;
    }
    .event-wrapper .fs-34{
        font-size: 24px !important;
    }
    .event-wrapper .fs-22, .event-wrapper .fs-24{
        font-size: 18px !important;
    }
    .event-wrapper .fs-20{
        font-size: 16px !important;
    }
    .event-wrapper .display-3{
        font-size: 30px !important;
    }
    .event_wrapper{padding: 40px 25px;}

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

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

    .rounded-t-40 {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .rounded-b-40 {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .rounded-b-full {
        border-bottom-left-radius: 35%;
        border-bottom-right-radius: 35%;
        padding-bottom: 100px !important;
    }

    .home h1 {
        font-size: 33px;
    }

    .home__wrapper .fs-14 {
        font-size: 12px;
    }

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

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

    .section_head {
        font-size: 32px !important;
    }

    .bg-white-gradient.fs-14 {
        font-size: 10px;
    }

    .technology-card .tab-content,
    .tech-stack-tabs {
        padding: 24px 10px;
    }

    .tech-stack-card .nav-item {
        min-width: 50% !important;
    }

    .case-study-slide .card-img {
        height: 196px !important;
    }

    .we-creative.py-60 {
        padding: 48px 0 30px !important;
    }

    .home__wrapper .we-creative .card {
        height: 245px !important;
    }

    .home__wrapper .we-creative .card:hover .card-img.mb-5 {
        margin-top: -138px !important;
    }

    .testimonial-carousel-container {
        padding-inline: 2rem;
    }

    .testimonial-carousel-container .slider-content {
        height: 290px;
    }

    .client-info .img-quote {
        display: none;
    }

    /* .testimonial-carousel-container .card-slider{width: 273px;} */
    /* .testimonial-carousel-container .controls{top: -30px;} */
    .site-header {
        background-color: #fff !important;
    }

    #captcha_contactus {
        width: 100% !important;
    }

    .industry_first_swiper .swiper-button-next {
        right: 0.25%;
        height: 30px;
        width: 30px;
    }

    .industry_first_swiper .swiper-button-prev {
        left: 0.25%;
        height: 30px;
        width: 30px;
    }

    .we-creative.cloud .card:has(p.clr-black) .card-img.mb-5 {
        margin-bottom: 38px !important;
    }

    .we-creative.cloud .card:hover .card-img.mb-5 {
        margin-top: -86px !important;
    }

    .card-stack-animate {
        margin: 140px auto 0;
    }

    .card-stack-animate .card[data-pos="3"] {
        transform: translateY(-213px) scale(0.85);
    }

    .card_swiper.cloud .card-stack-animate {
        margin: 212px auto 0;
        height: 740px;
    }

    .leading_business_industry {
        height: 525px;
    }

    .leading_business_industry .col-xxl-7:has(.section_head),
    .ai-cta-box {
        padding-top: 48px !important;
    }

    .ctaWithBG .ai-cta-box {
        padding-top: 0px !important;
        padding-inline: 20px;
    }

    .ctaWithBG .content-box {
        position: relative;
        z-index: 11;
    }

    .ctaWithBG::after {
        width: 100%;
        z-index: 1;
        right: unset;
    }

    .ai-cta-box .text-nowrap {
        white-space: wrap !important;
    }

    .transform_card .border-end {
        border: none !important;
    }

    .accordion-panel-item .accordion-header span {
        white-space: wrap;
    }

    .accordion-panel-item .accordion-header {
        padding-right: 30px;
        display: flex;
        align-items: center;
    }

    .ctaWithBG .ai-cta-box {
        padding-top: 0px !important;
        padding-inline: 20px;
    }

    .ctaWithBG .content-box {
        position: relative;
        z-index: 11;
    }

    .ctaWithBG::after {
        width: 100%;
        z-index: 1;
        right: unset;
    }

    #captcha_contactus-error {
        position: static;
    }

    .hero-star-img {
        top: 10px;
        right: -16px;
    }

    .service_sec_2 .card:hover .bottom-img {
        bottom: -73.5%;
        right: -30%;
    }

    .record-list .border-end:nth-child(odd) {
        border-right: 1px solid #ffffff00 !important;
    }

    .contact-addresses {
        padding-top: 0 !important;
    }

    .contact-addresses .address-card .box {
        height: auto !important;
    }

    .contact-us.cf-form .box .form-wrapper #captcha-wrap.mt-md-4.pt-3 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .work-culture .work-ovrlay-box .content-wrp {
        transform: translateY(calc(100% - 66px));
    }

    .work-culture .work-ovrlay-box .content-wrp h2 {
        font-size: 20px;
    }

    .work-culture .work-ovrlay-box .content-wrp img.icon-img {
        width: 26px;
    }

    .work-culture .work-ovrlay-box .content-wrp p {
        font-size: 14px;
        line-height: normal;
    }

    .career-openings .openings-list {
        display: flex;
        flex-direction: column;
    }

    .career-openings .opening-card .btn {
        min-width: 115px;
        height: auto !important;
    }

    .home__wrapper.career-openings .opening-card .btn-inner {
        font-size: 10px;
        height: 40px;
        padding: 10px 13px;
    }

    .home__wrapper.career-openings .opening-card .btn-inner .img {
        width: 20px;
        height: 20px;
    }

    .home__wrapper.career-openings .opening-card .btn-inner svg {
        width: 10px;
        height: 10px;
    }

    .about-us-section-four.web {
        display: none;
    }

    .about-us-section-four.mobile {
        display: block !important;
    }

    .about-us-section-two .list-box .content-box .transform-content {
        transform: translateY(0) !important;
    }

    .about-us-section-two .list-box .content-box .description {
        opacity: 1 !important;
    }

    .about-us-section-two .list-box .content-box.border-right {
        border-right: 0 !important;
    }

    .about-us-section-two .list-box .content-box.border-sm-top {
        border-top: 1px solid #1d1D2026;
        border-top-right-radius: 0 !important;
    }

    .about-us-section-two .list-box .content-box {
        height: auto !important;
    }

    /* .about-us-section-two .list-box .content-box{height: auto !important;}
    .about-us-section-two .list-box .content-box .transform-content{transform: translateY(0) !important; }
    .about-us-section-two .list-box .content-box .description{opacity: 1  !important;} */

    .blog-description h2 {
        font-size: 18px !important;
    }

    .blog-description h3 {
        font-size: 16px !important;
    }

    .blog-description p {
        font-size: 14px !important;
        line-height: normal !important;
    }

    .blog__author .author-details-wrapper {
        padding: 40px 5px 20px;
    }

    .key-feature-card.c1::after,
    .key-feature-card.c2::after,
    .key-feature-card.c3::after,
    .key-feature-card.c4::after,
    .key-feature-card.c1::before,
    .key-feature-card.c4::before,
    .key-feature-pin {
        display: none !important;
    }

    .cloud-process.industries_features .info_box {
        min-height: 380px;
    }

    .our-process.cloud-process.industries_features .step .progress {
        height: 250px !important;
    }

    .images_animate .center_img img {
        height: 250px;
    }

    .start-sm-0.top-sm-50 {
        top: 0 !important;
        transform: translateX(50%);
        right: 50%;
        display: block;
    }

    .section-finance-app .box:hover .line.start-sm-0.top-sm-50 {
        left: unset !important;
    }

    .author-details-wrapper .details__card .author-image img {
        width: 100%;
        height: 100%;
    }

    .author-details-wrapper .details__card {
        grid-template-columns: repeat(1, 1fr);
    }

    .author-details-wrapper .details__card .name {
        font-size: 1.5rem;
    }
    .about-frame{bottom: -21px;}
}

@media only screen and (max-width: 380px) {
    .why-us-card {
        padding: 28px 20px !important;
    }

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

    .our-process .step {
        margin-bottom: 0px;
    }

    .our-process .step .right {
        padding-bottom: 0px;
    }

    .solution_sec_4 .sec_4_cards .card {
        height: 400px;
    }

    .solution_sec_4 .sec_4_cards .card .sub-text {
        font-size: 14px;
    }

    .info-box.common {
        min-width: unset;
    }

    .outer-container {
        height: 280px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .outer-circle {
        height: 350px;
        width: 350px;
    }

    .middle-circle {
        height: 260px;
        width: 260px;
    }

    .inner-circle {
        height: 167px;
        width: 167px;
    }

    .position-middle {
        height: 350px;
        width: 350px;
    }

    .portfolio_cta_logo {
        width: 98px;
    }

    .tech_1,
    .tech_2 {
        height: 60px;
        width: 60px;
    }

    .tech_1 img,
    .tech_2 img {
        max-width: 30px;
    }

    .label.napino.js {
        top: 87px;
    }

    .cta_arrow.napino.js {
        top: 62px;
    }

    .hero-star-img {
        top: 10px;
        right: -16px;
    }

    .service_sec_2 .card:hover .bottom-img {
        bottom: -54%;
        right: -47%;
    }

    .service_sec_2 .card:hover .top-img {
        left: -23%;
        top: -104%;
    }

    .tech_1.napino.aws {
        top: 10px;
        right: -55px;
    }

    .tech_1.napino.angular {
        bottom: 22px;
        left: 147px;
    }
}

@media screen and (max-width: 375px) {
    .outer-circle {
        height: 280px;
        width: 280px;
    }

    .middle-circle {
        height: 200px;
        width: 200px;
    }

    .inner-circle {
        height: 110px;
        width: 110px;
    }

    .position-middle {
        height: 280px;
        width: 280px;
    }

    .portfolio_cta_logo {
        width: 65px;
    }
}