:root {
    --code-color: darkred;
    --code-bg-color: #aaaaaa;
    --code-font-size: 14px;
    --code-line-height: 1.4;
    --scroll-bar-color: #c5c5c5;
    --scroll-bar-bg-color: #f6f6f6;
}

.BPCL {
    width: 33px;
    height: 49px;
}

.flipkart {
    width: 100px;
    height: 25.83px;
}

.HCL {
    height: 14.41px;
    left: 503px;
}

.Reliance {
    width: 100px;
    height: 15.09px;
}

.ReNew_Logo {
    width: 75px;
    height: 24px;
}

.TataTele_Logo {
    width: 89px;
    height: 25px;
    filter: grayscale(1) invert(1);
    /* filter: grayscale(100%); */
    /* -webkit-filter: grayscale(100%); */
}

.Signal_Wire {
    height: 30px;
    filter: grayscale(1) invert(1);
}

.mind_bridge {
    width: 68px;
    height: 34px;
    background-color: hsl(0, 0%, 90%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.Vedanta {
    width: 100px;
    height: 20.87px;
}

.Wipro {
    width: 51px;
    height: 40px;
}

.ucall {
    width: 100px;
    filter: brightness(75%);
}

.arrow {
    width: 9.3px;
    height: 9.3px;
    top: 25px;
    position: absolute;
}

.mrl {
    margin-right: 11px !important;
}

.mll-4 {
    margin-left: 4.5rem !important;
}

.newf {
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #3f5373;
}

.case {
    width: 77px;
    height: 8px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 8px;
    top: 2px;
}

.dot {
    padding: 0px !important;
    height: 26px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.find-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    padding: 14px 27px;
}

.comma {
    padding-left: 10px;
}

#carousel-casestudy .buttons-row1 {
    position: relative;
    top: -100px;
    left: 0;
    width: fit-content;
}

.card-subheading {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
}

.newlabel {
    background-color: var(--green);
    color: var(--secondary);
    font-size: 12px;
    position: absolute;
    padding: 5px 10px;
    border-radius: 10px;
    top: 15px;
    left: 15px;
    text-transform: uppercase;
    font-family: "aventa-regular";
    font-style: normal;
    color: #131f32;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.card p.card-text {
    margin-bottom: 2rem;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #131f32;
}

.newbtn {
    border: 1.5px solid #4b64ff;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    gap: 8px;
    height: 48px;
}

@media only screen and (max-width: 767px) {
    .aboutUsTopImgCol {
        padding-left: 30px !important;
        padding: 0 4rem;
    }
    .drop1,
    .drop2,
    .drop3,
    .drop4,
    .drop5,
    .cloud-drop {
        display: none;
    }
    .nav-blog-margin {
        margin-bottom: 20px !important;
    }
    .navigation-collapse {
        background: white;
        color: #131f32;
        padding-right: 10px;
        position: sticky;
        width: 100%;
        padding-left: 10px;
        z-index: 99999999999;
    }
    .nav-display {
        display: block;
    }
    .no-border-bottom {
        border-bottom: none !important;
    }
    .sub-menu-item h3 {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 768px) {
    .nav-display {
        display: none;
    }
}

@media only screen and (max-width: 990px) {
    .feature-overflow {
        overflow: auto;
    }
    .feature-width {
        width: 1470px;
    }
    .feature-width2 {
        width: 1800px;
    }
    .telemo-features-padding {
        padding-top: 50px;
        padding-bottom: 0px !important;
    }
    .light-blue-card {
        background: #e4edf0;
        border-radius: 20px 20px 20px 0px !important;
    }
    .overview-title.mb-5 {
        margin-bottom: 30px !important;
    }
    .mobile-padd {
        padding-top: 66px !important;
    }
    .dark-blue-bg {
        background: #063457;
        border-radius: 30px 0px 0px 0px !important;
        margin-top: 40px !important;
    }
    .light-blue-card {
        background: #e4edf0;
        border-radius: 40px 40px 40px 0px;
        position: relative;
        left: 0px !important;
        z-index: 99999;
        top: -2px !important;
    }
    .dark-blue-bg-padding {
        padding: 30px 15px 30px 15px !important;
    }
    .light-blue-card-padding {
        padding: 30px 15px 30px 15px !important;
    }
    .telemo-mobile-img {
        width: 146px !important;
        display: block;
        margin: auto;
    }
    .commstad-mobile-img {
        width: 146px !important;
        display: block;
        margin: auto;
    }
    .smartoffice-img {
        width: 146px !important;
        display: block;
        margin: auto;
    }
    .healthcare-mobile-img {
        width: 315px !important;
        display: block;
        margin: auto;
    }
    .ayrix-mobile-img {
        width: 280px !important;
    }
    .rgc-mobile-img {
        width: 280px !important;
    }
    .thankyou-header p.w-50 {
        width: 100% !important;
    }
    .thankyou-modal-body p {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 20px !important;
        line-height: 40px;
        text-align: center;
        color: #131f32;
        margin-bottom: 0px !important;
    }
    .expand-optin-img {
        float: right;
        position: relative;
        top: -2px;
        display: block !important;
        right: 12px;
    }
    .text-green.bottom-border {
        border-bottom: none;
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 20px;
        margin-top: 20px !important;
    }
    .menuabout,
    .menuinsights,
    .menuservice,
    .menuplatform,
    .menusuccess,
    .menuindustry {
        display: none;
    }
    .show-hide {
        display: block;
    }
    .custom-cards .card-body {
        min-height: 263px !important;
    }
    .searchbg .drop-icon {
        position: absolute;
        right: auto;
        top: 69% !important;
        transform: translateY(-50%);
        width: 17px !important;
        height: 18px !important;
    }
    .zeo-top-padding-mobile {
        padding-top: 0px !important;
    }
    .option-menu.position-fixed .sublink li.lilink2 {
        width: 93px !important;
    }
    .option-menu.position-fixed .sublink li.lilink3 {
        width: 125px !important;
    }
    .scroll-main-container {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .scroll-child-container {
        min-width: 1486px;
    }
    .margin-bottom-2rem-mobile {
        margin-bottom: 2rem !important;
    }
    .have-project-h2-line {
        position: relative;
        top: -5px !important;
        width: 20vw !important;
    }
    .have-project-h2 {
        font-family: "Aventa-Regular";
        font-size: 20px !important;
        line-height: 30px;
        color: #3f5373;
    }
    .arrow-up-active2 {
        background: url(../images/icons/chevron-down-active.svg) no-repeat;
        padding-right: 13px;
        width: 14px;
        height: 17px;
    }
    .have-project-h1 {
        font-family: "Aventa-ExtraBold";
        font-size: 39px !important;
        line-height: 39px !important;
        color: #4b64ff;
    }
    #plybtn1 {
        width: 35px !important;
        height: 35px !important;
    }
    .play-span {
        font-family: "Aventa-ExtraBold";
        font-size: 19px !important;
        line-height: 32px;
        position: relative;
        top: -10px !important;
        left: 10px !important;
    }
    .formSec.contact-form-sec.project-form.full-width-at-mobile .form-field {
        text-align: left !important;
    }
    .formSec.contact-form-sec.project-form.full-width-at-mobile {
        padding: 0px !important;
    }
    .col-4.have-project-pt-40 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        padding-top: 50px;
    }
    .large-heading {
        font-family: "Aventa-Regular";
        font-size: 45px !important;
        line-height: 32px !important;
        text-align: center !important;
    }
    .landing-ul li {
        display: block;
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 600;
        font-size: 17px !important;
        line-height: 32px !important;
        color: white;
        padding-left: 10px !important;
    }
    #ourservices .pb-7rem {
        padding-bottom: 4rem !important;
        padding-top: 1rem !important;
    }
    .text-center-at-mobile {
        text-align: center !important;
        font-size: 28px !important;
        line-height: 42px !important;
    }
    .what-we-p {
        font-family: "Aventa-Regular";
        font-size: 23px !important;
        line-height: 30px !important;
        color: #ffffff;
    }
    .margin-top-zero-mobile {
        margin-top: 0px !important;
    }
    .full-width-at-mobile {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .play-sec {
        padding-top: 26px !important;
    }
    .landing-a {
        margin-bottom: 25px;
    }
    .s1,
    .s4,
    .s5,
    .s8 {
        min-height: 400px !important;
    }
    .s-card {
        border-radius: 0px;
        border: none;
        border-top-right-radius: 20px;
        max-width: 500px;
        bottom: -196px !important;
    }
    .option-menu .sublink li:nth-child(3) {
        /* min-width: 68px !important; */
        min-width: 100px !important;
    }
    .option-menu .sublink li:nth-child(2) {
        min-width: 85px !important;
    }
    .defult-slider-size {
        max-height: 400px;
        min-height: 400px;
    }
    #communityId h2 {
        text-align: center !important;
    }
    .fs-28 {
        font-size: 22px !important;
    }
    .minus-50-mt-mobile {
        margin-bottom: -50px !important;
    }
    .padding-top-22 {
        padding-top: 22px !important;
    }
    .core-value .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .option-menu .sublink li:nth-child(6) {
        width: 138px;
    }
    .whoweare.selected {
        width: 77px;
    }
    .option-menu .sublink li.whoweare {
        width: 73px;
    }
    .option-menu .sublink li.ourbelief {
        width: 101px !important;
    }
    .option-menu .sublink li.whatwedo {
        width: 120px !important;
    }
    .option-menu .sublink li.ourachievements {
        width: 120px !important;
    }
    .fi h2 {
        font-style: normal;
        font-weight: 800 !important;
        font-size: 22px;
        line-height: 30px !important;
        text-align: left !important;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
    }
    .mb-0-at-mobile {
        margin-bottom: 0px !important;
    }
    .client-speak-padding-mobile {
        /* padding-left: 33px; */
        padding-right: 22vw;
        /* padding-top: 45px; */
    }
    .client-speak-engament-mobile {
        padding-left: 33px;
        padding-right: 22px;
        padding-top: 126px;
    }
    .identity {
        padding-left: 10px;
    }
    .GenderOptions {
        margin: auto !important;
    }
    .contact-form2 .infoTxt {
        width: 100%;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .contact-form2 .btn-outline-primary.d-flex.align-items-center.cvb {
        width: 100% !important;
        position: relative;
        text-align: center;
        padding-right: 45px !important;
        padding-left: 77px !important;
    }
    .contact-form2 .formCTA2 svg {
        left: 225px !important;
    }
    .hori-scroll {
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 15px;
    }
    .hori-scroll input {
        display: inline-block;
    }
    .zero-p {
        padding: 0px !important;
    }
    .s-card1 {
        border-radius: 0px;
        border: none;
        border-top-right-radius: 20px;
        max-width: 500px;
        bottom: -206px !important;
    }
    .s-card11 {
        border-radius: 0px;
        border: none;
        border-top-right-radius: 20px;
        max-width: 500px;
        bottom: -208px !important;
    }
    .display6 {
        border-radius: 0px;
        border: none;
        border-top-right-radius: 20px;
        max-width: 500px;
        bottom: -194px !important;
    }
    .s-card h4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .margin-top-10 {
        margin-top: 10px !important;
    }
    .w-100 {
        width: 100%;
    }
    .border-bottom-none {
        border-bottom: none !important;
    }
    .menu-banner {
        padding-bottom: 50px !important;
        border-bottom: 0px;
    }
    .fi h2 {
        font-style: normal;
        font-weight: 800;
        font-size: 22px !important;
        line-height: 30px;
    }
    .mobile-gradient {
        background: url(../images/bg-color.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 1000px;
    }
    .carousel-item small {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
    }
    .insights-h2 {
        margin-top: 0px !important;
        /* font-style: italic; */
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
    }
    .background-gradient {
        background: url(../images/bg-color.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-position-x: -51px !important;
        background-size: 1000px;
    }
    .careerSec h2 {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
    .our-community-bg {
        height: 300px;
        background-image: url(../images/ourcommunityBg.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        background-position-x: -385px;
        border-top-left-radius: 20px;
    }
    #communityId h2 {
        margin-top: 30px;
    }
    .aboutus .ourCommBg {
        background-image: none !important;
        margin-top: 0px !important;
        height: 100%;
    }
    #communityId p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    #communityId {
        padding-top: 0px !important;
        padding-bottom: 100px;
    }
    #ourachievements h2 {
        /* font-style: italic; */
        font-weight: 400;
        font-size: 28px;
        line-height: 30px;
    }
    #ourachievements p {
        font-style: normal;
        font-size: 18px;
        line-height: 24px;
    }
    #leadership .col-md-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #leadership .col-md-3 p {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0px;
        color: #131f32;
    }
    #leadership .col-md-3 .card-body {
        padding: 1.2rem;
        min-height: 148px;
    }
    #leadership .col-md-3 span {
        color: var(--bluelink);
    }
    .what-we-do-container {
        margin-top: -56px;
    }
    .what-we-do-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    p.text-white.our-mission-paragraph {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        width: 100%;
    }
    .mbbo {
        margin-bottom: 20px !important;
    }
    .wwb {
        /* font-style: italic; */
        font-weight: 700;
        font-size: 24px;
        line-height: 22px;
    }
    .about-us-mobile-bg p {
        /* font-style: italic; */
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    #whatwedobest {
        margin-top: -62px;
    }
    #whatwedobest p {
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    .no-paading-mobile {
        padding: 0px;
    }
    .startelelogicSec {
        background-image: url(../images/startelelogic.svg);
        background-repeat: no-repeat;
        width: 100%;
        background-position-y: -13px;
        padding-top: 72px;
        /* top: -36px; */
        background-size: contain;
    }
    .about-us-mobile-bg {
        background-image: url(../images/background-left-gredient.svg) !important;
        background-position: bottom;
        background-size: cover;
    }
    .mtm {
        margin-top: 121px !important;
    }
    .stop-scroll {
        overflow-x: hidden;
    }
    .sub-menu-hide {
        display: none;
    }
    .botContent {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }
    .circle-tick {
        left: 20px;
        width: 19.5px !important;
        position: absolute;
        height: 19.5px !important;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0px;
        background-image: url(../images/Tick-circle.svg) !important;
    }
    .queriesSec.card-body ul li {
        font-weight: 400;
        font-size: 15px;
        line-height: 20px !important;
        background-image: none !important;
        display: block;
        background-repeat: no-repeat;
        padding-left: 18px;
        line-height: 40px;
        background-position: 0px 20px;
        padding-top: 10px;
    }
    .imgcc {
        text-align: center;
        margin-bottom: 20px;
    }
    .imgcc h2 {
        width: 100% !important;
        text-align: center !important;
        font-size: 10px !important;
        right: 0px !important;
    }
    .ourProcess .row~.row {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .mt-5.text-white.offset-2.process-details.pt-2 li {
        list-style-type: none;
        display: inline-block;
        white-space: break-spaces;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }
    .ourProcess {
        border-radius: 0px;
    }
    .ourProcess .innerCont {
        width: 1086px;
        padding-left: 70px;
    }
    .banking-cards .card-body {
        min-height: 308px !important;
    }
    .custom-row-scroll .card-body {
        padding: 1.2rem;
        min-height: 213px;
    }
    .custom-row-scroll {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .process-details li:last-child {
        margin: 0;
        width: 10%;
        margin-left: 35px;
    }
    .container-fluid.section.floating-sections .row .container.p-0.mb-5 .row .col-md-12 {
        padding: 0px;
    }
    .container-fluid.ourFuture .row .container.p-0.mb-5 .row .col-md-12 {
        padding: 0px;
    }
    .innerCont .offset-1 {
        margin-left: 1.333333%;
    }
    .innerCont .offset-2 {
        margin-left: 11.666667%;
    }
    .brand-logo {
        margin: 0 20px 20px 20px;
    }
    #ourservices .col-md-12 .text-secondary.text-center {
        margin-bottom: 3rem !important;
    }
    #ourservices .row.my-5 {
        margin-bottom: 0rem !important;
        margin-top: 0rem !important;
    }
    .white-bg .brand {
        margin-top: -124px !important;
        margin-bottom: 30px;
    }
    .option-menu .sublink li:nth-child(4) {
        width: 87px !important;
    }
    .mobile-color-white {
        color: white !important;
    }
    .h2our {
        font-family: "ABeeZee";
        font-style: italic;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        color: #4b64ff;
    }
    .imgGallery img {
        border-radius: 0px !important;
    }
    .zero-padding-at-mobile {
        padding: 0px;
    }
    .imgGallery img {
        max-width: 100% !important;
    }
    .seven-bg {
        background-position-y: 73px !important;
    }
    .mbb-20 {
        margin-bottom: 30px;
    }
    .custom-row-scroll .col-lg-6.col-md-5.col-sm-7.col-10 {
        padding-right: 0px;
    }
    .input_img3 {
        position: absolute;
        right: 41px !important;
        width: 16px !important;
        height: 16px !important;
    }
    #all-filter {
        display: none;
    }
    .filter-a {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 32px;
        color: #4b64ff !important;
        text-decoration: underline !important;
        margin-bottom: 20px;
    }
    .minus-sign {
        float: right;
        width: 18px;
        margin-right: 26px;
        top: 9px;
        position: relative;
        display: none;
    }
    .filter-p2 {
        margin-bottom: 15px;
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 20px;
    }
    .grey-bg2 {
        background: #f3f3f4;
        display: none;
    }
    .border-top-light {
        box-shadow: 0px 0px 1px rgba(20, 20, 20, 0.04), 0px 0px 8px rgba(20, 20, 20, 0.08);
    }
    #closeFilter {
        display: none;
    }
    .filter-padding {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    .custom-pt-pb4 {
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 10px;
    }
    .filter-p {
        margin-bottom: 0px;
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 20px;
        color: #131f32;
    }
    #search-input-feild {
        display: none;
    }
    .search-input2 {
        width: 92%;
        box-shadow: 0px 0px 1px rgb(20 20 20 / 4%), 0px 0px 8px rgb(20 20 20 / 8%);
        border-radius: 0px !important;
        height: 49px;
    }
    .option-menu-blog-mobile {
        top: 119px !important;
        left: 40px !important;
    }
    .input_container2 {
        text-align: center !important;
    }
    .input_img2 {
        position: absolute;
        bottom: 16px !important;
        right: 25px !important;
        width: 16px !important;
        height: 16px !important;
    }
    .margin-bottom-200 {
        padding-bottom: 195px !important;
        padding-top: 1rem !important;
    }
    .blog-outline-btn {
        width: 297px !important;
    }
    .plus-sign {
        float: right;
        width: 18px;
        height: 18px;
        margin-right: 25px;
    }
    .bottom-icons .col-6 {
        font-size: 10px !important;
    }
    .border-left-search {
        border-right: solid 1px;
    }
    .custom-pt-pb {
        padding-left: 5px;
        padding-right: 5px;
        background: white;
    }
    .custom-pt-pb2 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .custom-pt-pb3 {
        padding-top: 14px;
        padding-bottom: 0px;
    }
    .filter-heading {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 20px;
        color: #131f32;
    }
    .mt--0 {
        margin-top: 0px !important;
    }
    .blogTopImg.commonTopImg {
        max-height: 901px !important;
        background: none;
    }
    .blogTopImg.commonTopImg h2 {
        font-family: "ABeeZee" !important;
        font-style: italic !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        line-height: 30px !important;
        color: #131f32;
    }
    .blogTopImg.commonTopImg .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        font-size: 9px;
    }
    .blog-banner-content {
        position: relative;
        top: -55px;
    }
    .no-p {
        padding: 0px !important;
    }
    .aboutUsTopImg {
        background-image: url(../images/Mask\ group.png);
        padding-top: 0px !important;
    }
    .blog-banner-img {
        border-radius: 0px !important;
    }
    .nn-p {
        padding: 0px !important;
    }
    .defult-height-card .card-primary {
        flex: 0 0 100%;
        max-width: 100%;
    }
    small.small-label {
        font-size: 20px !important;
    }
    a.small-label {
        font-size: 9px !important;
    }
    .max-width-100vw {
        max-width: 100vw;
        margin: 0px;
    }
    .white-share .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .white-blog {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .download-btn3 img {
        float: left;
        width: 13px !important;
        position: relative !important;
        top: 7px !important;
    }
    .white-share .download-btn3 {
        border-radius: 20px;
        border: 1px solid #ffffff;
        text-align: center;
        padding: 9px 18px !important;
        margin-bottom: 15px !important;
        text-decoration: none !important;
        align-items: center !important;
        color: #fafafa !important;
        display: inline-block !important;
        line-height: 26px !important;
        min-width: 123px !important;
    }
    .download-btn3 {
        width: auto;
    }
    .formSec3.contact-form-sec {
        max-width: 90vw;
        background: #fff;
        padding: 36px 20px;
        border-radius: 20px 20px 0 20px;
    }
    .s-card .card-padding {
        padding-top: 0px !important;
        padding-bottom: 54px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .maxw .col-6 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .sucess-bg .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .webnone {
        display: block;
        padding: 0px;
    }
    .mobile-width-100 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0px;
    }
    .white-paper-sub-card {
        max-width: 96% !important;
        margin-top: -80px !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        flex: 0 0 96% !important;
        margin: auto;
    }
    .banner-img-responsive {
        background-position: bottom center !important;
        background-size: cover;
        max-width: 100%;
        height: auto;
        margin: 0;
    }
    .padding-left-logo {
        padding-left: 20px;
    }
    .white-banner {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-top: 0px !important;
        border-radius: 0px !important;
        padding-bottom: 50px !important;
    }
    .white-banner {
        background-image: url(../images/success/bg.svg);
        border-radius: 20px;
        padding-top: 85px;
        background-size: cover;
        min-height: 250px;
        padding-bottom: 40px;
    }
    .s-card .card-padding {
        padding-top: 24px;
    }
    .custom-w .container {
        max-width: 100%;
    }
    .s-card1 {
        border-radius: 0px;
        border: none;
        border-top-right-radius: 20px;
        max-width: 500px;
        bottom: -368px;
    }
    .s-card img {
        width: 50px !important;
        position: relative !important;
        float: right !important;
        left: 89vw !important;
        top: 14px !important;
    }
    .client-speak2 {
        flex: 0 0 90%;
        max-width: 90%;
        margin: auto;
        padding: 110px 70px 70px 70px;
    }
    .col-4 h4 {
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .details .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .custom-w .col-6 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .success-banner {
        background-image: url(../images/success/bg.svg);
        padding-bottom: 50px;
    }
    .pl {
        padding-left: 15px;
    }
    .width-100 {
        width: 100% !important;
    }
    .mobile-custom-col .col-md-4 {
        width: 50%;
        color: white;
    }
    .background-white {
        background: white;
        padding-bottom: 80px !important;
    }
    .background-white ul {
        padding-left: 15px !important;
    }
    .cloudTech .col-md-4.col-sm-3 .smallIconbg {
        margin: auto;
        margin-bottom: 12px;
    }
    .cloudTech .col-md-4.col-sm-3 p {
        text-align: center;
    }
    .hireSec h2 {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        font-size: 24px;
        color: var(--primary);
        font-family: var(--fontaverta);
    }
    .hireSec {
        height: 460px;
    }
    .hireSec .btn-outline {
        position: relative;
        top: -49px;
        left: 28px;
    }
    .backEndTech .col-md-2,
    .technologies .cloudTech .col-md-4 {
        max-width: 33% !important;
    }
    .white-bg .px-7 .px-0 {
        padding-bottom: 0px;
    }
    .ourFuture h2 {
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
    }
    .white-bg .brand {
        margin-top: -156px !important;
        margin-bottom: 30px;
    }
    .service-bg {
        background-image: url("../images//services/web-dev/service-mobile.webp") !important;
        padding-top: 106px !important;
    }
    .service-bg h2 {
        font-weight: 800 !important;
        font-size: 28px !important;
        line-height: 36px !important;
        color: #f3f3f4 !important;
    }
    /* .service-bg h2 {
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #f3f3f4 !important;
  } */
    .white-bg h3 {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    .white-bg p {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .white-bg p strong {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
    .white-bg span {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .white-bg .row.my-5 .col-md-4 {
        margin-bottom: 40px !important;
    }
    .service-bg h2 strong {
        font-weight: 400;
        font-size: 22px;
        line-height: 27px;
    }
    .service-bg h4 {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
    .about-mid-sec {
        padding-left: 0;
    }
    .mobileCenter {
        text-align: center !important;
        font-size: 24px;
    }
    .mobilenone {
        display: none;
    }
    .webnone {
        display: block;
    }
    .padding-top-bottom-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .web-banner h2 {
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        text-align: left;
    }
    .padding-map {
        padding-bottom: 100px;
    }
    .row.addressSec.card-body {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .emailIcon2 {
        background-image: url(../images/icons/mailIcon.svg);
        background-repeat: no-repeat;
        width: 27px;
        height: 23px;
        background-position: 2px 4px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: -4px;
        margin-right: 10px;
    }
    .herotext.mb-3 {
        font-weight: 600 !important;
    }
    .subHeading {
        line-height: 40px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
    }
    .phoneIcon2 {
        background-image: url(../images/icons/phoneIcon.svg);
        background-repeat: no-repeat;
        width: 28px;
        height: 23px;
        background-position: 2px 4px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        position: relative;
        top: -6px;
    }
    .height-1200 {
        background-image: url(../images/contact-us2.webp);
        height: 610px;
        background-size: 150vw 127vw;
        background-position: top;
        background-position-y: -153px;
        margin-bottom: 170px;
        background-repeat: no-repeat;
        padding-top: 25px;
    }
    .addressSec span {
        display: inline-block;
        width: 200px;
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .mobile-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    .addressSec .col-md-3 {
        margin-bottom: 3rem;
    }
    .ourOffices h2 {
        font-weight: 400;
        font-size: 22px;
        color: #4b64ff;
        line-height: 30px;
    }
    .aboutUsTopImg h1 {
        font-weight: 400 !important;
        font-size: 28px !important;
        line-height: 36px !important;
    }
    .botContent {
        margin-bottom: 3rem !important;
    }
    .inline-a2 {
        position: relative;
        top: -2px;
    }
    span.ourCulture {
        padding-top: 13% !important;
        padding-left: 0% !important;
    }
    .ratings {
        margin-bottom: 180px !important;
        margin-top: 75px !important;
        width: 100% !important;
        margin-left: 0px !important;
    }
    .career-card p {
        margin-bottom: 28px !important;
    }
    .inline-a2 a {
        display: inline;
        color: #4b64ff !important;
        display: inline;
        border: 1.5px solid #4b64ff;
        background: #ffffff00;
        padding: 0 10 0 10;
        font-size: 14px;
        border-radius: 50%;
        position: relative;
        color: #090a0a;
        left: 13px;
        width: 52px;
        color: var(--bluelink);
        margin-right: 9px;
        top: -1px;
        padding: 4px 11px;
    }
    .career-card img {
        position: relative !important;
        top: -1px !important;
        width: 54px !important;
        z-index: 99999999999999 !important;
    }
    .horizontal-scrollable {
        padding: 0px !important;
    }
    .career-card p {
        font-family: "aventa-regular" !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .career-card h5 {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
    }
    .career-card .details {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
    }
    .margin-bottom-25 {
        margin-bottom: 25px;
    }
    .career-card {
        padding: 0px 20px 40px 20px !important;
    }
    .posTitle strong {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    .posTitle {
        font-size: 24px;
        margin-bottom: 39px;
    }
    .blue-bg {
        margin-top: 72px !important;
    }
    .blue-bg h2 {
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        color: #f3f3f4;
    }
    .lovetoWorkSec h2 strong {
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        color: #4b64ff;
    }
    .blue-bg .col-md-4 {
        margin-bottom: 56px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .search2 li {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
    .valuesec {
        position: relative;
        top: -58px;
    }
    .minus-margin {
        margin-top: -80px !important;
    }
    .margin-top-32 {
        margin-top: 24px;
    }
    .matterSec h2 {
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        color: #4b64ff;
        text-align: left;
    }
    .content {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .link-width {
        width: 129px !important;
    }
    .careersTopImg {
        background-image: url(../images/career_banner_responsive.webp);
        background-size: cover;
    }
    .commonTopImg h1 {
        font-weight: 400 !important;
        font-size: 30px !important;
        line-height: 36px !important;
    }
    .valueFor h2 {
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        color: #4b64ff;
        padding: 0px;
        text-align: left !important;
    }
    .valueSecBg {
        background-image: url(../images/career.svg) !important;
        background-repeat: no-repeat;
        height: 300px;
        background-size: cover;
        margin-top: 15%;
    }
    .keydifferentiators .card-primary {
        min-height: 300px !important;
    }
    .mobileNav {
        display: block !important;
        width: 100%;
        padding: 11px 1rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px !important;
    }
    .navBtn {
        float: right;
        position: relative;
        top: 0px;
    }
    .option-menu-homepage {
        margin: 20px;
        width: 225px;
        top: 0px;
    }
    .mll-4 {
        margin-left: 4rem !important;
        position: relative;
        top: -1px;
    }
    .mobilePaddingleft {
        padding-left: 20px;
    }
    .hideAtmobile {
        display: none !important;
    }
    .Mobilearrow {
        width: 9.3px;
        height: 9.3px;
        top: 2px;
        position: relative;
    }
    .bannerTextAtMobile {
        font-weight: 400;
        font-size: 24px !important;
        line-height: 36px !important;
    }
    h1 {
        font-weight: 400;
        /* font-size: 28px; */
        /* line-height: 36px; */
    }
    h2,
    .newf {
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        /* color: #3f5373; */
        line-height: 30px;
    }
    .bannerpadding {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bannerimg {
        width: 100% !important;
    }
    .top-padding-zero {
        padding-top: 0px !important;
    }
    .coustom-top {
        position: relative;
        top: -14px;
    }
    .mrl a {
        font-size: 14px;
    }
    .mobileBadge {
        background-color: var(--secondary);
        padding: 5px 10px;
        border-radius: 10px;
        font-size: 10px;
        font-weight: normal;
        line-height: 15px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 5px 8px;
        gap: 8px;
        margin-bottom: 4px;
    }
    #carousel-casestudy.carousel img {
        border-radius: 20px 20px 0 0;
        border-bottom-left-radius: 20px;
    }
    .mobileIndicator {
        top: -20px !important;
    }
    .item1 {
        background-size: contain !important;
        height: 550px;
        background-image: url(../images/Group123.png) !important;
        background-repeat: no-repeat;
    }
    .headerLogo {
        padding-left: 15px;
    }
    .item2 {
        background-size: cover !important;
        background-position-y: top 80px !important;
        height: 550px;
    }
    .navigation-toggler {
        margin-right: 20px;
    }
    .item3 {
        background-size: cover !important;
        background-position-y: top 80px !important;
        height: 550px;
    }
    .item4 {
        background-size: cover !important;
        background-position-y: top 80px !important;
        height: 550px;
    }
    .mobilePra {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 24px !important;
    }
    .coustomblog .brand-logo {
        margin: 0 20px 20px 20px;
    }
    .displaynone22 {
        display: block;
    }
    .abc h2 {
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
    }
    #carousel-casestudy .buttons-row1 {
        position: relative;
        top: -159px;
        text-align: left !important;
        left: 60px;
    }
    .buttons-row4 {
        position: relative;
        text-align: left !important;
        padding-left: 40px;
        left: 0px;
    }
    .mobile-new-btn {
        margin-top: 10px !important;
        float: none;
        width: 100%;
    }
    .contact-section {
        background-image: url(../images/home-mask.webp);
        background-repeat: no-repeat;
        background-position-y: -273px;
    }
    .client-speak {
        padding: 0px;
    }
    #carousel-casestudy .content-container {
        background-color: var(--white);
        height: 510px !important;
        /* padding: 20px; */
        /* padding-top: 50px !important; */
        /* padding-bottom: 40px; */
        border-radius: 0 20px 0px 20px;
        /* border: 2px solid red; */
    }
    #carousel-casestudy .buttons-row3 {
        position: relative;
        /* top: -156px; */
        text-align: left !important;
        padding-left: 24px;
        left: 0px;
    }
    #carousel-casestudy .buttons-row4 {
        position: relative;
        top: 0px;
        text-align: left !important;
        padding-left: 40px;
        left: 0px;
    }
    #casestudy a.mobile-new-btn {
        width: 100%;
        margin-top: 45px !important;
    }
    #carousel-casestudy .content-container {
        padding: 54px 54px 0px 64px;
        height: 436px !important;
    }
    .newheading {
        margin-top: 0px !important;
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
    }
    .block {
        display: block !important;
    }
    .sub-menu {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .case-h2 {
        font-weight: 400;
        font-size: 28px;
        line-height: 30px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .platformm ul li {
        text-transform: capitalize;
        line-height: 34px;
        font-size: 1rem;
        list-style: none;
        padding-right: 20px;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        text-decoration: none;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        padding-left: 0px;
        text-decoration: none;
        border-bottom: 1px var(--secondarylightest) solid;
        font-size: 14px !important;
    }
    .font-lg {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
    }
    .title-contents {
        padding-left: 33%;
        font-weight: 600;
        padding-top: -15%
    }
    .main-sec {
        height: 275px;
        overflow: visible;
        padding: 0px;
        background-position: left;
        background-size: cover;
    }
    .no-padding {
        padding: 0px;
    }
    .new-card {
        height: 155%;
        position: relative;
        z-index: 99999999999;
        width: 100%;
        margin-top: 316px !important;
        display: block;
        overflow: visible;
    }
    .padding-top {
        padding-top: 60px;
    }
    .client-speak {
        background-image: url(../images/homepage-client-testimonial-web.webp);
        /* background-image: url(../images/Mask\ group.png); */
        background-size: cover;
        height: 700px !important;
        /* border: 2px solid red; */
    }
    .client-speak {
        border-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        /* position: unset; */
        margin-top: -65px !important;
        border-bottom-right-radius: 20px !important;
    }
    .comma {
        position: relative;
        top: 95px;
        height: 85px !important;
        width: 120px !important;
    }
    .font-of-client-speak {
        font-family: "aventa-regular";
        font-style: normal;
        font-weight: 600;
        font-size: 28px !important;
        line-height: 40px !important;
        width: 90%;
        margin-top: -15% !important;
    }
    /* .clients-name{
    font-size: 20px;

  } */
    .no-container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .padding-top15 {
        padding-top: 15px;
    }
    .displaynone {
        display: none;
    }
    .pp110 {
        padding-top: 140px;
    }
    .futureblock {
        border-bottom: 1.5px solid rgba(255, 255, 255, 0.4);
        padding-bottom: 82px;
    }
    .contact-section {
        padding-left: 10px;
        padding-right: 10px;
    }
    .future-content {
        color: var(--white);
        height: 100px;
        width: 50%;
    }
    .contact-section2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .sub-menu-item {
        padding-left: 0px;
        padding-right: 0px;
    }
    .sub-menu-item h4 {
        padding-right: 20px;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        text-decoration: none;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        padding-left: 0px;
        text-decoration: none;
        border-bottom: 1px var(--secondarylightest) solid;
        font-size: 14px !important;
    }
    .industry ul li {
        text-transform: capitalize;
        line-height: 34px;
        font-size: 1rem;
        list-style: none;
        padding-right: 20px;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        transition: all 0.4s ease;
        text-decoration: none;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        padding-left: 0px;
        text-decoration: none;
        border-bottom: 1px var(--secondarylightest) solid;
        font-size: 14px !important;
    }
    .isights ul li {
        /* text-transform: capitalize; */
        line-height: 34px;
        font-size: 1rem;
        list-style: none;
        padding-right: 20px;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        transition: all 0.4s ease;
        text-decoration: none;
        padding: 15px 20px 15px;
        margin: 0.2rem 0;
        position: relative;
        transition: all 0.4s ease;
        padding-left: 0px;
        text-decoration: none;
        border-bottom: 1px var(--secondarylightest) solid;
        font-size: 14px !important;
    }
    .sub-menu-item ul li a {
        color: var(--secondarylight) !important;
        font-size: 14px;
    }
    .mt-44 {
        margin-top: 0px !important;
    }
    .margin-left0 {
        margin-left: 0px !important;
        width: 100%;
    }
    .margin-top40 {
        margin-top: 40px;
    }
    .fullwidth {
        width: 100%;
    }
    .no-bottom-border {
        border-bottom: none !important;
    }
    .navigation-light .navigation-nav>li>a,
    .navigation-dark:hover .navigation-nav>li>a {
        color: #131f32 !important;
        font-family: "Libre Caslon Text";
        font-style: normal;
    }
    .navigation-dark .navigation-nav>li>a {
        color: #131f32 !important;
        padding-left: 10px;
    }
    .navigation:hover .arrow-down {
        background: url(../images/icons/arrow-right.svg) no-repeat !important;
        padding-right: 30px;
        width: 14px;
        height: 17px;
    }
    .right-arrow {
        background: url(../images/icons/arrow-right.svg) no-repeat;
        width: 14px;
        height: 17px;
        background: url(../images/icons/arrow-right.svg) no-repeat;
        top: 5px;
        position: relative;
        padding-right: 0px;
        float: right;
    }
    .mobile-dr {
        display: none;
    }
    .arrow-up-active {
        background: url(../images/icons/chevron-down-active.svg) no-repeat;
        padding-right: 30px;
        width: 14px;
        height: 17px;
    }
    .down-active {
        background: url(../images/icons/chevron-down-active.svg) no-repeat;
        padding-right: 0px;
        width: 14px;
        height: 17px;
        float: right;
    }
    .drop-icon {
        position: absolute;
        right: 0;
        top: 58%;
    }
    .sub-menu {
        display: none;
        padding: 0px !important;
        z-index: 99;
    }
    .arrow-down {
        background: url(../images/icons/arrow-right.svg) no-repeat;
        padding-right: 30px;
        width: 14px;
        height: 17px;
    }
    .card-font p {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    h1 .text-gray {
        font-family: "aventa-regular" !important;
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
    }
    h2 .text-gray {
        font-family: "Libre Caslon Text" !important;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
    }
    .option-menu {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        border-radius: 10px !important;
    }
    .sublink-menu li {
        list-style: none;
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        min-width: 73px;
        margin-right: 15px;
    }
    .sublink-menu-mobile {
        margin: 0;
        padding: 0;
        color: var(--white);
        font-size: 16px;
    }
    .custom-font {
        font-family: "Libre Caslon Text" !important;
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 22px;
    }
    .custom-font-p {
        font-family: "Libre Caslon Text";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .serviceModcontent {
        margin-top: 30px;
    }
    #servicemodel h2 {
        font-family: "Libre Caslon Text" !important;
        font-size: 22px;
        font-weight: 800;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
    }
    .case-study-section {
        background-color: var(--secondary4);
        margin-bottom: 50px;
    }
    .healthCareTopPadding {
        padding-top: 0px !important;
    }
}

@media only screen and (min-width: 991px) {
    /* .modal-main{
    width: auto;
    margin-left: 0;
  }
  .have-projects{
   
  } */
    .feature-overflow {
        overflow: auto;
    }
    .feature-width {
        width: 1766px;
    }
    .feature-width2 {
        width: 2247px;
    }
    .the-solution {
        position: relative;
        top: 80px;
    }
    .dark-theme-h2-margin-top {
        margin-top: 80px !important;
    }
    .expand-optin-img {
        display: none;
    }
    .menuabout,
    .menuinsights,
    .menuservice,
    .menuplatform,
    .menusuccess,
    .menuindustry {
        display: block;
    }
    ::-webkit-scrollbar-corner {
        background: rgba(0, 0, 0, 0.5);
    }
    .feature-overflow {
        scrollbar-width: thin;
        scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
    }
    .feature-overflow::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 20px;
        cursor: pointer;
    }
    .feature-overflow::-webkit-scrollbar-track {
        background: var(--scroll-bar-bg-color);
        border-radius: 20px;
        width: 150px;
    }
    .feature-overflow::-webkit-scrollbar-thumb {
        background-color: #0b93c4;
        border-radius: 20px;
        cursor: pointer;
    }
    ::-webkit-scrollbar-corner {
        background: rgba(0, 0, 0, 0.5);
    }
    .landing-ul {
        scrollbar-width: thin;
        scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
    }
    .landing-ul::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        border-radius: 20px;
        cursor: pointer;
    }
    .landing-ul::-webkit-scrollbar-track {
        background: var(--scroll-bar-bg-color);
        border-radius: 20px;
    }
    .landing-ul::-webkit-scrollbar-thumb {
        background-color: var(--scroll-bar-color);
        border-radius: 20px;
    }
    .landings-ul {
        scrollbar-width: thin;
        scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
    }
    .landings-ul li {
        padding: 10px 0;
        /* Add spacing inside each list item */
        border-bottom: 1px solid #ccc;
        /* Add a line below each list item */
    }
    .landings-ul li:last-child {
        border-bottom: none;
        /* Remove the line for the last item */
    }
    .landings-ul::-webkit-scrollbar {
        width: 8px !important;
        height: 8px !important;
        border-radius: 20px;
        cursor: pointer;
    }
    .landings-ul::-webkit-scrollbar-track {
        background: var(--scroll-bar-bg-color);
        border-radius: 20px;
    }
    .landings-ul::-webkit-scrollbar-thumb {
        background-color: var(--scroll-bar-color) !important;
        border-radius: 20px;
    }
    .pl-20 {
        padding-left: 42px;
    }
    .have-project-pt-40 {
        padding-top: 45px !important;
    }
    .have-project {
        padding-top: 0px;
    }
    #case_study_slider .bannerimg {
        min-height: 458px !important;
    }
    .navigation-dark:hover .logo {
        /* background: url(../images/kskpro3-removebg.png) no-repeat 0 -38px !important; */
        width: 100%;
    max-width: 170px;
    max-height: 170px;
    border-radius: 50px;
    margin: 10px 0px;
    }
    .navigation-nav>li.sub-menu {
        z-index: 1;
    }
    .navigation-nav>li:hover .sub-menu {
        z-index: 99999999999999999999999;
    }
    .defult-slider-size {
        max-height: 485px;
        min-height: 485px;
    }
    .content-container.contact-section2 h2 {
        text-align: left !important;
    }
    .font-of-client-speak-web {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-size: 24px !important;
        line-height: 32px;
    }
    .case-study-card-sub-heading {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-size: 24px !important;
        line-height: 32px;
    }
    .client-speak {
        background-image: url(../images/homepage-client-testimonial-web.webp);
        background-repeat: no-repeat;
        border-radius: 20px;
        padding: 52px 36px 31px 33px;
        background-position: top;
        background-size: cover;
    }
    .client-pp {
        font-size: 18px !important;
    }
    .info-tech-cards .card-body {
        min-height: 297px !important;
    }
    .info-tech-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .transportation-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .estate-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .commonTopImg {
        /* padding-bottom: 50px !important; */
    }
    .retail-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .travel-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .manufacture-card .card p.card-text {
        margin-bottom: 0px !important;
    }
    .custom-cards-telecom2 .card p.card-text {
        margin-bottom: 0px !important;
    }
    .health-cards .card-body {
        min-height: 290px !important;
    }
    .health-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .custom-card-oil .card p.card-text {
        margin-bottom: 0px !important;
    }
    .fashion-cards .card-body {
        min-height: 294px !important;
    }
    .fashion-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .education-cards .card p.card-text {
        margin-bottom: 0px !important;
    }
    .banking-cards .card-body {
        min-height: 320px !important;
    }
    .banking-cards p {
        margin-bottom: 0px !important;
    }
    .auto-mobile-card .card-body {
        min-height: 237px !important;
    }
    .auto-mobile-card .card-body p {
        margin-bottom: 0px !important;
    }
    .unfied .card-primary {
        min-height: 378px;
    }
    .voice-card .card-primary {
        min-height: 200px;
    }
    .voice-card .card-body {
        min-height: 310px !important;
    }
    .hosted .card-primary {
        min-height: 393px !important;
    }
    .margin-bottom-200 {
        padding-bottom: 250px;
        padding-top: 3rem !important;
        background: url("../images/dots.webp");
        background-repeat: no-repeat;
        background-position: right;
    }
    .blogTopImg.commonTopImg {
        height: 467px;
        min-height: 467px;
    }
    .blog-position {
        position: relative;
        top: 13px;
    }
    .border-bottom-search {
        border-bottom: solid 1px;
        padding-bottom: 10px;
        padding-top: 95px;
    }
    .blog-menu {
        margin-left: -60px;
    }
    .defult-height-card .card-primary {
        min-height: 400px;
        flex: 0 0 23%;
        max-width: 23%;
    }
    .white-pill {
        max-width: 418px;
        margin: auto;
        text-align: center;
    }
    .white-banner-h2 {
        font-weight: 400 !important;
        font-size: 46px !important;
        line-height: 56px !important;
    }
    .white-banner {
        background-image: url(../images/success/bg.svg);
        border-radius: 20px;
        padding-top: 85px;
        background-size: cover;
        min-height: 250px;
        padding-bottom: 40px;
    }
    .case-study-card1 {
        background-image: url("../images/case/card1.webp");
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 186px;
        border-radius: 20px;
        background-position: center;
        border-top-left-radius: 0px;
    }
    .telemo-case-study-card {
        background-image: url("../images/success/telemo.webp") !important;
    }
    .paytia-case-study-card {
        background-image: url("../images/success/paytia.webp") !important;
    }
    .ayrix-card {
        background-image: url("../images/success/ayrix.webp") !important;
    }
    .bfsi-card {
        background-image: url("../images/case-study/slider/pay.webp") !important;
    }
    .paytia-card {
        background-image: url("../images/success/paytia.webp") !important;
    }
    .mind-card {
        background-image: url("../images/case-study/slider/mind.webp") !important;
    }
    .telemo-card {
        background-image: url("../images/success/s4.webp") !important;
    }
    .sap-card {
        background-image: url("../images/success/sparrow.webp") !important;
    }
    .comm-std {
        background-image: url("../images/success/commstadium.webp") !important;
    }
    .smart-office {
        background-image: url("../images/success/smart-office.webp") !important;
    }
    .health-card {
        background-image: url("../images/success/healthcare.webp") !important;
    }
    .case-study-card2 {
        background-image: url("../images/case/card2.webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-top: 186px;
        border-radius: 20px;
        border-top-left-radius: 0px;
    }
    .s-card2 {
        max-width: 500px;
        border-top-left-radius: 0px !important;
    }
    .s-card2 img {
        width: 50px;
        position: relative;
        float: right;
        left: 416px;
        top: 12px;
    }
    .case-study-card1 .card-padding {
        padding-top: 0px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .case-study-card2 .card-padding {
        padding-top: 0px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .case-study-card1 .card-padding h4 {
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 32px;
    }
    .case-study-card2 .card-padding h4 {
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 32px;
    }
    .display1,
    .display2,
    .display3,
    .display4,
    .display5,
    .display6,
    .display7,
    .display9,
    .display8,
    .bfsi-display,
    .display12 {
        display: none;
    }
    .s1:hover .display1,
    .s2:hover .display2,
    .s3:hover .display3,
    .s4:hover .display4,
    .s5:hover .display5,
    .s6:hover .display6,
    .s7:hover .display7,
    .s9:hover .display9,
    .s8:hover .display8,
    .bfsi-card:hover .bfsi-display,
    .s12:hover .display12 {
        display: block !important;
    }
    .blog-banner-card {
        position: relative;
        right: 40px;
        top: 20px;
        border-bottom-right-radius: 0px !important;
    }
    .blog-banner-card2 {
        position: relative;
        left: 40px;
    }
    .career-detail-list .col-md-4 p {
        font-style: normal;
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 24px;
        color: #f3f3f4 !important;
    }
    .contact-form2 .formCTA {
        margin-top: 0px;
    }
    .career-detail-list .col-md-4 p.career-subtitle {
        font-style: normal;
        font-weight: 400 !important;
        font-size: 16px;
        line-height: 24px;
        color: #f3f3f4 !important;
    }
    .cloudTech {
        max-width: 596px;
        margin: auto;
    }
    .seven-cols .col-md-2 {
        -ms-flex: 0 0 14.285714285714285714285714285714%;
        flex: 0 0 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
    }
    .webDevService .col-md-12 h2 {
        margin-top: 60px !important;
    }
    .webDevService .col-md-12 h2 strong {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
    }
    .webDevService .col-md-12 h4 {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
    }
    .white-bg .serviceModel h2 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 80px !important;
    }
    .white-bg .serviceModel h2 strong {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
    }
    .white-bg .ourProcess {
        margin-top: 6rem !important;
    }
    .webDevService .row.my-5 {
        margin-top: 60px !important;
    }
    .margin-top-2 {
        margin-top: 1.5rem !important;
    }
    .webnone {
        display: none;
    }
    .mobilenone {
        display: block;
    }
    .our-office {
        position: relative;
        top: 49px;
        font-family: "aventa-regular" !important;
        font-style: normal;
        font-weight: 800;
        color: #4b64ff;
        line-height: 56px;
    }
    .addressSec .direction {
        padding-left: 32px !important;
    }
    .addressSec span {
        display: inline-block;
        /*width: 200px;*/
        font-size: 13px;
    }
    .height-1200 {
        height: 1300px;
    }
    .top-minus {
        position: relative;
        top: 692px;
    }
    .contact-bg2 {
        margin-bottom: -450px;
    }
    .contact-bg {
        background-image: url("../images/contacr-us.webp");
        height: 500px;
        background-size: cover;
        background-position: center;
    }
    .contact-us2 {
        background-image: url("../images/contact-us2.webp");
        height: 800px;
        background-size: cover;
        background-position: center;
    }
    .aboutUsTopImg h1 {
        font-family: "aventa-regular" !important;
        font-style: normal !important;
        font-weight: 800 !important;
        font-weight: 800;
        font-size: 46px;
        line-height: 56px;
        color: #f3f3f4;
    }
    .inline-a2 a {
        display: none;
    }
    .valueSecBg {
        background-image: url(../images/career.svg) !important;
        background-repeat: no-repeat;
        height: 350px;
        background-size: cover !important;
        background-position: center;
    }
    .culture {
        width: 641px;
        height: 69px;
    }
    .ourCulture {
        height: 100px;
        padding-top: 100px !important;
        padding-left: 0px !important;
    }
    .galleryImg1 {
        height: 468px;
    }
    .galleryImg2 {
        height: 444px;
    }
    .galleryImg3 {
        height: 646px;
    }
    .custom-cards p {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 24px !important;
        color: #3f5373;
    }
    .energy .card-primary {
        min-height: 444px;
    }
    .inform .card-primary {
        min-height: 496px;
    }
    .media2 .card-primary {
        min-height: 444px;
    }
    .transportation .card-primary {
        min-height: 475px;
    }
    .real-estate .card-primary {
        min-height: 453px;
    }
    .retail .card-primary {
        min-height: 448px;
    }
    .keydifferentiators2 .card-primary {
        min-height: 377px;
    }
    .manuf .card-primary {
        min-height: 422px;
    }
    .case-study-section {
        background-color: var(--secondary4);
        /* margin-bottom: 60px; */
    }
    h2 {
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0em;
        /* text-align: center; */
    }
    .serviceModcontent {
        margin-top: 30px;
    }
    .carrier .card-primary {
        min-height: 402px !important;
    }
    .margin-top-rem {
        margin: 5rem 0 0rem 0;
    }
    h3 {
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }
    .card-font p {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #3f5373 !important;
    }
    .card-font .card-body {
        min-height: 285px;
    }
    .card-font .card-body {
        padding: 1.5rem;
    }
    .card-font h3 {
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }
    .custom-font {
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }
    .custom-font-large {
        font-weight: 400 !important;
        font-size: 32px;
        line-height: 40px;
    }
    .custom-font-p {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
    .keydifferentiators h2 {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
    }
    .serviceModel2 h2 {
        font-weight: 400;
        font-size: 32px;
        line-height: 0px;
    }
    .serviceModel2 .pt-2 {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        margin-top: 28px !important;
        margin-bottom: 40px !important;
    }
    .keydifferentiators img {
        padding: 18px;
        width: 80px;
        height: 80px;
    }
    .servicemodel-h2 {
        margin-top: 3.5rem !important;
    }
    .keydifferentiators .mt-3 {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        margin-top: 28px !important;
        margin-bottom: 0px !important;
    }
    .card-height {
        min-height: 270px !important;
    }
    .card p.card-text {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }
    .telecom .card-primary {
        min-height: 519px;
    }
    .ott .card-primary {
        min-height: 402px;
    }
    .oil-gas .card-primary {
        min-height: 566px;
    }
    .virtual-event .card-primary {
        min-height: 400px;
    }
    .ucaas .card-primary {
        min-height: 428px;
    }
    .careersTopImg {
        background-image: url("../images/career-bg.JPEG");
    }
    .careersTopImg h1 {
        font-family: "aventa-regular" !important;
        font-style: normal !important;
        font-weight: 800 !important;
        font-size: 46px;
        line-height: 56px;
    }
    .margin-top-4rem {
        margin-top: 4rem !important;
    }
    .search2 {
        max-width: 600px;
        margin: 0 auto;
    }
    .posTitle strong {
        font-family: "aventa-regular" !important;
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        line-height: 32px;
        color: #131f32;
    }
    .jobDetailsSec span {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #4b64ff;
    }
    .margin-top-32 {
        margin-top: 32px;
    }
    .career-container h2 {
        font-family: "aventa-regular" !important;
        font-style: normal !important;
        font-weight: 800;
        font-size: 24px;
        line-height: 32px;
        color: #4b64ff !important;
    }
    .txt-left {
        text-align: left;
    }
    .insights-card .card p.card-text {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #3f5373;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .insights-card .d-inline-block.mt-2.mb-3 {
        text-align: center;
        width: 100%;
    }
    .card p.card-text {
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #3f5373;
        overflow: hidden;
    }
    #carousel-casestudy .content-container {
        padding: 24px 49px 38px 61px !important;
    }
    .showAtmobile {
        display: none !important;
    }
    .noview {
        display: none;
    }
    .displaynone2 {
        display: none;
    }
    .displaynone22 {
        display: none;
    }
    .btnpos {
        text-align: left !important;
        padding-left: 70px;
    }
    .custom-card-oil .card-body {
        min-height: 265px !important;
    }
    .custom-cards .card-body {
        min-height: 346px;
    }
    .custom-cards1 .card-body {
        min-height: 220px;
    }
    .ucaas-cards .card-body {
        margin-bottom: 0px !important;
    }
    .custom-cards1 p {
        margin-bottom: 0px !important;
    }
    .ucaas-cards .card-body {
        min-height: 377px;
    }
    .media-cards .card-body {
        min-height: 295px;
    }
    .estate-cards .card-body {
        min-height: 272px;
    }
    .transportation-cards .card-body {
        min-height: 275px;
    }
    .travel-cards .card-body {
        min-height: 298px;
    }
    .custom-card-carrier .card-body {
        min-height: 445px;
    }
    .ott-cards .card-body {
        min-height: 374px;
    }
    .retail-cards .card-body {
        min-height: 289px;
    }
    .manufacture-card .card-body {
        min-height: 310px;
    }
    .energy-card .card-body {
        min-height: 240px;
    }
    .inform-card .card-body {
        min-height: 240px;
    }
    .retail-cards .mb-3,
    .estate-cards .mb-3,
    .ucaas-cards .mb-3,
    .inform-cards .mb-3,
    .media-cards .mb-3,
    .energy-card .mb-3,
    .travel-cards .mb-3,
    .transportation-cards .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .ott-cards .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .retail-card .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .manufacture-card .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .custom-cards-telecom .card-body {
        min-height: 270px;
    }
    .custom-cards-telecom2 .card-body {
        min-height: 251px;
    }
    .virtual-card .card-body {
        min-height: 421px;
    }
    .virtual-card .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .custom-cards-telecom .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .custom-cards-telecom2 .mb-3 {
        margin-bottom: 1.5rem !important;
    }
    .custom-card-oil .mb-3 {
        margin-bottom: 1.5rem !important;
    }
}

@media (max-width: 767px) {
    .mobileIndicator {
        top: -20px !important;
    }
}

@media (max-width: 575px) {
    .client-speak {
        background-position: -617px 145px !important;
    }
    .carsol-heaight-with {
        height: 589px;
    }
    .Expert_Growth {
        text-align: center;
        h1 {
            font-size: 24px !important;
            line-height: 30px !important;
        }
        p {
            margin-top: -1% !important;
        }
    }
}

#carousel-casestudy .content-container {
    padding: 54px 54px 54px 64px;
}

button .custom-close {
    font-size: 30px;
    color: #f3f3f4;
    display: none;
}

#show {
    font-size: 30px;
    color: #f3f3f4;
    display: none;
}

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

.collapse.show {
    display: block;
    background: white;
    color: #131f32;
    padding-right: 10px;
    position: sticky;
    width: 100%;
    padding-left: 10px;
    z-index: 99999999999;
    overflow: auto;
}

body.collapse.show {
    overflow: hidden;
}

@media (max-width: 767px) {
    .navigation-light .navigation-nav>li>a,
    .navigation-dark:hover .navigation-nav>li>a {
        color: #131f32 !important;
        font-family: "Inter";
        font-style: normal;
        padding-left: 0px;
    }
    .brand-image-block {
        display: flex;
        /* flex-direction: column; */
    }
}

@media (max-width: 576px) {
    .option-menu {
        top: 83px;
        padding-bottom: 8px !important;
        overflow-y: scroll;
        left: auto;
        right: auto;
        margin-left: 14px;
        border-radius: 10px !important;
        width: 306px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin: auto;
    }
    .faq_start {
        margin-top: 80%;
        .faq-headings {
            font-size: 28px;
            line-height: 38px;
        }
    }
}

@media (max-width: 576px) {
    .option-menu .sublink li:nth-child(2) {
        width: 76px !important;
    }
}

a.small-label {
    background-color: var(--gray);
    color: var(--secondary);
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 10px;
    display: inline-block !important;
    text-transform: uppercase;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}

small.small-label {
    background-color: var(--gray);
    color: var(--secondary);
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 10px;
    display: inline-block !important;
    text-transform: uppercase;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
}

.commonTopImg h1 {
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
}

.commonTopImg h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    text-align: left;
}

.blue-bg {
    background: #131f32;
    padding-top: 64px;
    padding-bottom: 64px;
}

.fb-ico:hover>#fb-ico-stroke {
    stroke: #5177fb;
}

.twitter-icon:hover>#twitter-ico-stroke {
    stroke: #5177fb;
}

.lin-icon:hover>#lin-ico-stroke {
    stroke: #5177fb;
}

.insta-icon:hover>#insta-ico-stroke {
    stroke: #5177fb;
}

.ytb-icon:hover>#ytb-ico-stroke {
    stroke: #5177fb;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.blue-bg span {
    color: white !important;
}

.blue-bg strong {
    color: white !important;
}

.benefitsBg img {
    padding: 18px;
    width: 80px;
    height: 80px;
}

.topHeadingIcon2 {
    border-radius: 10px;
    /* margin-right: auto; */
    margin-bottom: 20px;
}

.topHeadingIcon2 img {
    height: 64px;
    width: 64px;
    padding: 18px;
    background-color: var(--secondarylight);
}

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

.small-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #f3f3f4;
}

.career-card {
    padding: 0 20px 40px 50px;
    background: #f6e3c6;
    border-radius: 20px 0px 0px 0px;
}

.career-card img {
    position: relative;
    top: -40px;
}

.career-card p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #131f32;
    margin-bottom: 48px;
}

.imgGallery img {
    border-radius: 25px;
}

.inline-a a {
    display: inline;
    display: inline;
    background: #ffffff;
    padding: 0 10 0 10;
    font-size: 26px;
    border-radius: 50%;
    position: relative;
    color: #090a0a;
    left: 13px;
    width: 52px;
    margin-right: 9px;
    top: -52px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 11px;
    padding-right: 13px;
}

.ratings {
    margin-bottom: 167px;
    margin-top: 74px;
    width: 100%;
}

.footer-contact-column img {
    border-radius: 0px !important;
}

.aboutUsTopImg h1 {
    font-family: "aventa-regular" !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-weight: 800;
    font-size: 46px;
    line-height: 56px;
    color: #f3f3f4;
}

.aboutUsTopImg h1 span {
    font-family: "aventa-regular" !important;
    font-style: normal !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}

.white-bg {
    background: white;
}

.white-bg .web-banner {
    background-image: url("../images/services/web-dev/web-banner-bg.svg");
    background-size: cover;
    background-position: center;
}

.web-banner h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    color: #131f32;
}

.web-banner h1 {
    color: #131f32;
}

.technologies h3 {
    color: #131f32 !important;
}

.technologies h2 strong {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}

.white-bg .card-primary.col {
    /* background: url("../images/card-background.jpg") !important; */
    background: linear-gradient(135deg, #001f3f, #00264d, #003366) !important;
    background-size: cover !important;
    background-position: center;
    box-shadow: 1px 3px 12px 4px #212d4c24;
}

.card-primary.col {
    /* background: url("../images/card-background.jpg") !important; */
    background: linear-gradient(135deg, #001f3f, #00264d, #003366) !important;
    background-size: cover !important;
    background-position: center;
    box-shadow: 1px 3px 12px 4px #212d4c24;
}

.white-bg .brand {
    margin-top: 50px;
    margin-bottom: 30px;
}

.technologies h3 {
    color: #131f32 !important;
    margin-top: 40px;
    font-size: 16px;
    margin-bottom: 25px !important;
    line-height: 24px;
    font-weight: 700;
}

.backEndTech .col-md-2.col-sm-3 .smallIconbg {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
    margin: auto;
    margin-bottom: 12px;
}

.backEndTech .col-md-2.col-sm-3 p {
    text-align: center;
}

.cloudTech .col-md-4.col-sm-3 .smallIconbg {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
    margin: auto;
    margin-bottom: 12px;
}

.cloudTech .col-md-4.col-sm-3 p {
    text-align: center;
}

.white-bg .web-banner {
    padding-bottom: 50px;
    padding-top: 50px;
}

.white-bg .case-study-section {
    background-image: url("../images/services/web-dev/casebg.webp");
    max-width: 2000px;
    margin: auto;
    background-size: cover;
    padding-bottom: 100px;
}

.top-navigation li {
    top: -8px;
    position: relative;
}

.top-header2 {
    height: 50px;
}

.contact-section a.outline-button {
    border-radius: 20px;
    border: 1px solid var(--white);
    text-align: center;
    padding: 12px 32px;
    text-decoration: none;
    color: var(--gray);
    display: inline-flex;
    align-items: center;
    margin-top: 45px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.career-detail {
    /* background-image: url("../images/career-detail.webp"); */
    background-image: url("../images/Marketing_banner.jpg");
}

.background-white {
    background: white;
    padding-bottom: 40px;
}

.grey-bg .text-left-p p {
    color: #3f5373;
    text-align: left;
}

.grey-bg h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    color: #4b64ff;
}

.grey-bg {
    background: #f3f3f4;
    padding-top: 64px;
    padding-bottom: 64px;
}

.margin-top-0rem {
    margin-top: 0rem !important;
}

.grey-bg .topHeadingIcon2 {
    height: 64px;
    width: 64px;
    background-color: #ffffff;
}

.contact-form2 .formCTA svg {
    left: 182px;
}

.contact-form2 .btn-outline-primary {
    width: 216px;
    position: relative;
    text-align: center;
    padding-right: 65px;
    padding-left: 25px;
}

.contact-form2 .requiredTxt {
    padding: 20px;
    font-size: 14px;
    width: 100%;
    padding-top: 20px !important;
}

.contact-form2 .infoTxt {
    width: 100%;
    margin-bottom: 30px;
}

.p-0 {
    padding: 0px;
}

.w-100 {
    width: 100%;
}

.w-100 .form-check-label {
    padding-left: 0.25rem;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.contactus .contact-form2 .label {
    position: absolute;
    left: 15px;
    bottom: 28px;
}

.resumeCta .btn-outline-primary {
    width: 170px;
    position: relative;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    margin-left: 5px;
}

.contactus .contact-form2 .label.txtarea {
    bottom: 0;
    top: -34px;
}

.contact-form2 .form-field textarea {
    border: 1px solid #000 !important;
    border-radius: 10px !important;
    margin-top: 2rem;
}

.readyToApply h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    padding-left: 15px;
}

.applySecWrapper.background-white {
    background: white;
    padding-bottom: 40px;
    margin-bottom: 97px;
}

.w-100 .form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
    text-align: center;
}

.margin-bottom-0rem {
    margin-bottom: 0px !important;
}

@media (max-width: 576px) {
    .option-menu2 .sublink li:nth-child(2) {
        width: 79px !important;
    }
}

@media (max-width: 991px) {
    .expand-optin-img {
        display: none;
    }
    .option-menu2 .sublink li:nth-child(1) {
        width: 70px;
    }
    .option-menu3 .sublink li:nth-child(1) {
        width: 71px;
    }
    .option-menu3 .sublink li:nth-child(2) {
        width: 131px !important;
    }
    .h-452 {
        height: 399px;
    }
    .mid-text-com {
        color: #007bff;
        text-align: center;
    }
}

.card-padding i {
    margin-right: 0px !important;
}

.card-padding {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.userIcon {
    background-image: url(../images/icons/user.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 23px;
    background-position: 2px 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.calenderIcon {
    background-image: url(../images/icons/calender.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 23px;
    background-position: 2px 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.clockkIcon {
    background-image: url(../images/icons/clock2.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 23px;
    background-position: 2px 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.blog-banner-img {
    min-height: 360px;
    background-image: url("../images/blog-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    background-position: center;
}

.maxw {
    max-width: 1000px !important;
    margin: auto;
}

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

.sh3 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #ffffff;
    text-align: center;
}

.sh2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
}

.searchbg {
    background: #131f32;
    padding-top: 20px;
    padding-bottom: 20px;
}

.searchbg .drop-icon {
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 8px;
}

.txt-right {
    text-align: right;
}

.searchbg .menu-link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.sucess-card-bg {
    min-height: 200px;
    background-image: url("../images/success/s3.webp");
}

.s1 {
    background-image: url("../images/success/ayrix.webp");
    min-height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s2 {
    background-image: url("../images/success/sparrow.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s3 {
    background-image: url("../images/success/s3.webp");
    min-height: 400px;
    background-size: cover;
    padding: 0px;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.s4 {
    background-image: url("../images/success/s4.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s5 {
    background-image: url("../images/success/healthcare.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.bfsi-card {
    background-image: url("../images/case-study/slider/pay.webp");
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s6 {
    background-image: url("../images/success/telemo.webp");
    min-height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s7 {
    background-image: url("../images/success/commstadium.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s9 {
    background-image: url("../images/success/smart-office.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s12 {
    background-image: url("../images/case-study/slider/mind.webp");
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s8 {
    background-image: url("../images/success/paytia.webp");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    border-radius: 10px;
}

.s-card {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -160px;
}

.s-card h4 {
    font-family: "aventa-regular" !important;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
}

.s-card a {
    color: #4b64ff !important;
}

.s-card img {
    width: 50px;
    position: relative;
    float: right;
    left: -24px;
    top: 21px;
}

.s-card1 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -328px;
}

.s-card111 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -394px;
}

.s-card11 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -362px;
}

.s-card .card-padding {
    padding-top: 51px;
    padding-bottom: 54px;
    padding-left: 40px;
    padding-right: 40px;
}

.sucess-bg .footer {
    background-color: var(--secondary);
    margin-top: 0px;
    color: var(--white);
}

.success-banner {
    background-image: url("../images/success/bg.svg");
}

@media (min-width: 1200px) {
    .custom-w .container {
        max-width: 100%;
    }
}

.container-1 {
    width: 100%;
}

.spparow-hero {
    background-image: url("../images/success/sparrow.webp");
}

.telemo-hero {
    background-image: url("../images/voip-based-services.webp");
}

.telemo-app-hero {
    background-image: url("../images/case-study/slider/slider4.webp");
}

.mind-hero {
    background-image: url("../images/case-study/slider/mind.webp");
    background-position-y: bottom;
}

.bfsi-hero {
    background-image: url("../images/case-study/slider/pay.webp");
    background-position-y: bottom;
}

.ayrix-banner {
    background-image: url("../images/case-study/ayrix.webp");
}

.health-hero {
    background-image: url("../images/case-study/medical.webp");
}

.stadium-hero {
    background-image: url("../images/success/commstadium.webp");
}

.paytia-hero {
    background-image: url("../images/case-study/ayrix.webp");
}

.case-study-h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.case-study-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #697891;
}

.case-listing li {
    background-image: url(../images/listingimg.svg);
    display: block;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 0px 20px;
    padding-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.width-56 {
    width: 56px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.case-tech {
    font-weight: 800 !important;
    font-size: 32px;
    line-height: 40px;
}

.goIcon {
    background-image: url(../images/case/icon/go.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 5px 26px;
}

.webIcon {
    background-image: url(../images/case/icon/webrtc.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 13px;
}

.swiftIcon {
    background-image: url(../images/case/icon/swift.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 9px 13px;
}

.xamppIcon {
    background-image: url(../images/case/icon/xmpp.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 18px;
}

.andriodIcon {
    background-image: url(../images/case/icon/android.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 13px 12px;
}

.dataIcon {
    background-image: url(../images/case/icon/database.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 15px;
}

.case-study-tech {
    background: white;
    padding-bottom: 80px;
    padding-top: 10px;
}

.blue-bg2 {
    background: #131f32;
    padding-top: 112px;
    padding-bottom: 90px;
    background-image: url(../images/success/bg.svg);
    background-repeat: no-repeat;
    position: relative;
    top: -181px;
    background-size: cover;
}

.blue-bg2 h2 {
    color: white !important;
}

.blue-bg2 .topHeadingIcon2 {
    background: #ffffff;
}

.mb-7 {
    margin-bottom: 7rem;
}

.margin-auto {
    margin: auto;
}

.client-speak2 {
    background-position: center !important;
}

.mb--100 {
    margin-top: -117px;
}

.download-h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
}

.download-padding {
    padding-top: 40px;
    padding-bottom: 80px;
    text-align: center;
}

.download-btn {
    margin-top: 25px;
    border-radius: 20px;
    border: 1px solid #4b64ff;
    text-align: center;
    padding: 12px 26px;
    text-decoration: none;
    align-items: center;
    color: #4b64ff;
    display: inline-block;
}

.related {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px !important;
}

.case-study-card1 {
    background-image: url("../images/case/card1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 186px;
    border-radius: 20px;
    background-position: center;
    border-top-left-radius: 0px;
}

.case-study-card2 {
    background-image: url("../images/case/card2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 186px;
    border-radius: 20px;
    border-top-left-radius: 0px;
}

.s-card2 {
    max-width: 500px;
    border-top-left-radius: 0px !important;
}

.s-card2 img {
    width: 50px;
    position: relative;
    float: right;
    left: 416px;
    top: 12px;
}

.case-study-card1 .card-padding {
    padding-top: 0px;
    padding-bottom: 37px;
    padding-left: 40px;
    padding-right: 40px;
}

.case-study-card2 .card-padding {
    padding-top: 0px;
    padding-bottom: 38px;
    padding-left: 40px;
    padding-right: 40px;
}

.case-study-card1 .card-padding h4 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
}

.case-study-card2 .card-padding h4 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
}

.no-scroll-x {
    overflow-x: hidden;
}

.case-study-approch {
    background: white;
    padding-bottom: 80px;
    margin-top: -80px;
}

.ourProcess2 {
    border-bottom-left-radius: 0;
    border-top-left-radius: 20px;
    position: relative;
    bottom: -25px;
    z-index: 99999;
}

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

.txt-bold {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
}

.lite-h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}

.white-paper-banner-img {
    min-height: 500px;
    background-image: url("../images/white-paper.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.white-banner {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.card-padding2 {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
}

.white-paper-sub-card {
    margin-top: -80px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.card .download-btn2 {
    margin-top: 25px;
    border-radius: 20px;
    border: 1px solid #4b64ff;
    text-align: center;
    padding: 12px 26px !important;
    text-decoration: none;
    align-items: center;
    color: #4b64ff;
    display: inline-block;
    width: 256px;
}

.download-btn3 {
    border-radius: 20px;
    border: 1px solid #ffffff;
    text-align: center;
    padding: 12px 26px !important;
    text-decoration: none;
    align-items: center;
    color: #fafafa;
    display: inline-block;
    line-height: 26px;
}

.white-share {
    max-width: 724px;
    margin: auto;
}

.download-btn3 img {
    float: left;
}

.share-white-paper {
    padding-top: 42px;
    padding-bottom: 49px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom-left-radius: 20px;
    background: #131f32;
    border-bottom-right-radius: 20px;
}

.share-white-paper p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: white;
}

.white-form-h2 {
    font-weight: 400;
    font-size: 32px;
    font-style: italic;
    line-height: 40px;
    color: #4b64ff;
    padding-left: 24px;
}

.white-form-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding-left: 24px;
}

.contact-form3 .form-field label {
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 12px;
}

.contact-form3 .form-field {
    margin-bottom: 35px;
    padding-left: 24px;
    padding-right: 24px;
}

.contact-form3 .formCTA svg {
    left: 72%;
    top: 37%;
}

.contact-form3 .formCTA {
    margin-top: 30px;
    padding-left: 24px;
}

.form-msg {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #090a0a;
}

.contact-form3 .captcha {
    margin: 20px 0 0 25px;
}

.contact-form3 .checkBoxSec {
    padding-left: 44px;
}

.contact-form3 .btn-outline-primary {
    width: 216px;
    position: relative;
    text-align: center;
    padding: 12px 26px;
}

.formSec3 {
    margin-bottom: 80px !important;
}

.related-whitepaper {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #4b64ff;
}

.related-whitepaper-h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #131f32;
    text-align: left;
}

.white-blog .card-body {
    padding: 1.5rem;
}

.white-blog .card-img-top {
    width: 100%;
    height: 238px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.bottom-icons .col-6 {
    font-size: 14px;
}

.white-blog {
    margin-bottom: 210px;
}

.blockIcon {
    background-image: url(../images/services/icon/block-chain.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.callIcon {
    background-image: url(../images/services/icon/call.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.cartIcon {
    background-image: url(../images/services/icon/cart.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.cart2Icon {
    background-image: url(../images/services/icon/cart2.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.mobileIcon {
    background-image: url(../images/services/icon/mobile.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.front-endIcon {
    background-image: url(../images/services/icon/front-end.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.testingIcon {
    background-image: url(../images/services/icon/testing.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.web-baseIcon {
    background-image: url(../images/services/icon/web-base.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.nodejs2Icon {
    background-image: url(../images/services/icon/nodejs.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.nodejsmIcon {
    background-image: url(../images/services/icon/nodejs-migration.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.apiIcon {
    background-image: url(../images/services/icon/api.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.defult-height-card .card-primary {
    min-height: 400px;
}

.uxIcon {
    background-image: url(../images/services/icon/ux.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    background-position: 9px 9px;
}

.wave {
    padding-top: 28px !important;
    padding-left: 13px !important;
}

.webDevService.text-secondary .smallIconbg span {
    width: 38px;
    display: block;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
}

.settingIcon {
    background-image: url(../images/services/icon/settings.svg);
}

.setting2Icon {
    background-image: url(../images/services/icon/setting2.svg);
}

.coder2Icon {
    background-image: url(../images/services/icon/coder2.svg);
}

.migrationIcon {
    background-image: url(../images/services/icon/migration.svg);
}

.puzleIcon {
    background-image: url(../images/services/icon/puzle.svg);
}

.supportIcon {
    background-image: url(../images/services/icon/support.svg);
}

.legecyIcon {
    background-image: url(../images/services/icon/legecy.svg);
}

.wwwIcon {
    background-image: url(../images/services/icon/www.svg);
}

.goSmallIcon {
    background-image: url(../images/services/icon/golang_api_development_icon.svg);
    background-size: contain;
}

.cmsIcon {
    background-image: url(../images/services/icon/cms.svg);
}

.ecartIcon {
    background-image: url(../images/services/icon/ecart.svg);
}

.networkIcon {
    background-image: url(../images/services/icon/network.svg);
}

.webIcon {
    background-image: url(../images/services/icon/web.svg);
}

.responsiveIcon {
    background-image: url(../images/services/icon/responsive.svg);
}

.qaIcon {
    background-image: url(../images/services/icon/qa.svg);
}

.dataIcon {
    background-image: url(../images/services/icon/data.svg);
}

.pluginIcon {
    background-image: url(../images/services/icon/plugin.svg);
}

.transferIcon {
    background-image: url(../images/services/icon/transfer.svg);
}

.reactIcon {
    background-image: url(../images/services/icon/react.svg);
}

.migration2Icon {
    background-image: url(../images/services/icon/migration2.svg);
}

.app2Icon {
    background-image: url(../images/services/icon/app2.svg);
}

.ux2Icon {
    background-image: url(../images/services/icon/ux2.svg);
}

.coding2Icon {
    background-image: url(../images/services/icon/coding\ 2.svg);
}

.watchIcon {
    background-image: url(../images/services/icon/watch.svg);
}

.ipadIcon {
    background-image: url(../images/services/icon/ipad.svg);
}

.androidIcon {
    background-image: url(../images/services/icon/android.svg);
}

.web2Icon {
    background-image: url(../images/services/icon/web2.svg);
}

.transfer2Icon {
    background-image: url(../images/services/icon/transfer2.svg);
}

.htmlIcon {
    background-image: url(../images/services/icon/html.svg);
}

.game2Icon {
    background-image: url(../images/services/icon/game2.svg);
}

.game3Icon {
    background-image: url(../images/services/icon/game3.svg);
}

.d3Icon {
    background-image: url(../images/services/icon/3d.svg);
}

.game4Icon {
    background-image: url(../images/services/icon/game4.svg);
}

.multi-gameIcon {
    background-image: url(../images/services/icon/multi-game.svg);
}

.prototypeIcon {
    background-image: url(../images/services/icon/prototype.svg);
}

.digitalIcon {
    background-image: url(../images/services/icon/digital.svg);
}

.testing2Icon {
    background-image: url(../images/services/icon/testing2.svg);
}

.upgradeIcon {
    background-image: url(../images/services/icon/upgrade.svg);
}

.gameIcon {
    background-image: url(../images/services/icon/game.svg);
}

.appIcon {
    background-image: url(../images/services/icon/app.svg);
}

.ai1Icon {
    background-image: url(../images/services/icon/ai1.svg);
}

.ai2Icon {
    background-image: url(../images/services/icon/ai2.svg);
}

.ai3Icon {
    background-image: url(../images/services/icon/ai3.svg);
}

.ai4Icon {
    background-image: url(../images/services/icon/ai4.svg);
}

.ai5Icon {
    background-image: url(../images/services/icon/ai5.svg);
}

.ai6Icon {
    background-image: url(../images/services/icon/ai6.svg);
}

.ai7Icon {
    background-image: url(../images/services/icon/ai7.svg);
}

.iot1Icon {
    background-image: url(../images/services/icon/iot1.svg);
}

.iot2Icon {
    background-image: url(../images/services/icon/iot2.svg);
}

.iot3Icon {
    background-image: url(../images/services/icon/iot3.svg);
}

.iot4Icon {
    background-image: url(../images/services/icon/iot4.svg);
}

.iot5Icon {
    background-image: url(../images/services/icon/iot5.svg);
}

.iot6Icon {
    background-image: url(../images/services/icon/iot6.svg);
}

.tele1Icon {
    background-image: url(../images/services/icon/tele1.svg);
}

.tele2Icon {
    background-image: url(../images/services/icon/tele2.svg);
}

.tele3Icon {
    background-image: url(../images/services/icon/tele3.svg);
}

.tele4Icon {
    background-image: url(../images/services/icon/tele4.svg);
}

.tele5Icon {
    background-image: url(../images/services/icon/tele5.svg);
}

.tele6Icon {
    background-image: url(../images/services/icon/tele6.svg);
}

.tele7Icon {
    background-image: url(../images/services/icon/tele7.svg);
}

.p1Icon {
    background-image: url(../images/services/icon/p1.svg);
}

.p2Icon {
    background-image: url(../images/services/icon/p2.svg);
}

.p3Icon {
    background-image: url(../images/services/icon/p3.svg);
}

.p4Icon {
    background-image: url(../images/services/icon/p4.svg);
}

.p5Icon {
    background-image: url(../images/services/icon/p5.svg);
}

.p6Icon {
    background-image: url(../images/services/icon/p6.svg);
}

.bagIcon {
    background-image: url(../images/services/icon/bag.svg);
}

.angularjs2Icon {
    background-image: url(../images/services/icon/ajs.svg);
}

.angularIcon {
    background-image: url(../images/services/icon/app.svg);
}

.distributionIcon {
    background-image: url(../images/services/icon/distribution.svg);
}

.socialIcon {
    background-image: url(../images/services/icon/social.svg);
}

.reactNativeAppDevIcon {
    background-image: url(../images/services/icon/reactNativeAppDevIcon.svg);
}

.video-callIcon {
    background-image: url(../images/services/icon/video-call.svg);
}

.online-callIcon {
    background-image: url(../images/services/icon/online-call.svg);
}

.chatIcon {
    background-image: url(../images/services/icon/chat.svg);
}

.softwareIcon {
    background-image: url(../images/services/icon/software.svg);
}

.ippbx1Icon {
    background-image: url(../images/services/icon/ippbx1.svg);
}

.ippbx2Icon {
    background-image: url(../images/services/icon/ippbx2.svg);
}

.network2Icon {
    background-image: url(../images/services/icon/network2.svg);
}

.moduleIcon {
    background-image: url(../images/services/icon/module.svg);
}

.agiIcon {
    background-image: url(../images/services/icon/agi.svg);
}

.cloudIcon {
    background-image: url(../images/services/icon/cloud.svg);
}

.cloud2Icon {
    background-image: url(../images/services/icon/cloud2.svg);
}

.cloud4Icon {
    background-image: url(../images/services/icon/cloud4.svg);
}

.cloud-sIcon {
    background-image: url(../images/services/icon/cloud-s.svg);
}

.consultIcon {
    background-image: url(../images/services/icon/consult.svg);
}

.securityIcon {
    background-image: url(../images/services/icon/security.svg);
}

.aws2Icon {
    background-image: url(../images/services/icon/aws.svg);
}

.taskIcon {
    background-image: url(../images/services/icon/task.svg);
}

.databaseIcon {
    background-image: url(../images/services/icon/database.svg);
}

.vrIcon {
    background-image: url(../images/services/icon/vr.svg);
}

.tvIcon {
    background-image: url(../images/services/icon/tv.svg);
}

.trainingIcon {
    background-image: url(../images/services/icon/training.svg);
}

.playIcon {
    background-image: url(../images/services/icon/play.svg);
}

.Icon {
    background-image: url(../images/services/icon/mapping.svg);
}

.agi-dIcon {
    background-image: url(../images/services/icon/agi-d.svg);
}

.codeIcon {
    background-image: url(../images/services/icon/code2.svg);
}

.onlineIcon {
    background-image: url(../images/services/icon/online.svg);
}

.ratingIcon {
    background-image: url(../images/services/icon/rating.svg);
}

.platformIcon {
    background-image: url(../images/services/icon/platform.svg);
}

.download-card h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.no-border-bottom {
    border-bottom: none !important;
}

.download-img {
    width: 164px;
    height: 310px;
}

.download-card2 label {
    background-color: #ffffff;
    color: var(--secondary);
    font-size: 12px;
    position: inherit;
    padding: 5px 10px;
    border-radius: 10px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    top: 15px;
    left: 15px;
    text-transform: uppercase;
    left: 0px !important;
}

.download-card2 .contact-form .form-field {
    margin-bottom: 35px;
    padding: 0px !important;
    float: left;
    left: 0px !important;
}

.download-card2 input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    width: 100%;
    padding-bottom: 6px;
    margin-top: 20px;
}

.download-card2 input :focus {
    border: none !important;
    outline: none !important;
}

.download-checkbox {
    margin-top: 0px !important;
}

.download-card2 label .download-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 0px !important;
    border-radius: 10px;
    font-family: "Inter" !important;
    font-style: normal;
    font-weight: inherit !important;
    font-size: 14px !important;
    line-height: initial;
    top: 0px;
    left: 15px;
    text-transform: none;
    left: 0px !important;
}

.card .btn-new {
    padding: 8px !important;
    font-size: 0.875rem;
    line-height: 1.5;
    float: right;
    padding: 8px !important;
    padding: 10px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    border-radius: 15px;
    color: #4b64ff !important;
    cursor: pointer;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.download-pdf {
    width: 164px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: white;
    position: absolute;
    text-align: center;
    top: 150px;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.download-card2 .close {
    color: #697891 !important;
}

.webIcon2 {
    background-image: url(../images/case/icon/webrtc.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 13px;
}

.dataIcon2 {
    background-image: url(../images/case/icon/database.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 15px;
}

.active2 {
    top: 20px !important;
    animation: mymove;
    animation-duration: 4s;
    position: relative;
}

@keyframes mymove {
    from {
        top: 40px;
    }
    to {
        top: 20px;
    }
}

.background-gradient {
    background: url("../images/bg-color.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: 685px;
    background-size: 1000px;
}

.sub-menu-item ul li a strong:hover {
    color: var(--bluelink) !important;
    text-decoration: none;
}

.drop-icon2 {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 15px;
    height: 8px;
}

.arrow-down2 {
    background: url(../images/arrow-black.webp) no-repeat;
}

.dropp {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #131f32;
}

.search-input {
    border: 1px solid #697891;
    border-radius: 8px;
    border: 1px solid #697891;
    border-radius: 8px;
    padding-left: 10px;
    font-size: 12px;
    padding-right: 30px;
}

.input_container {
    position: relative;
    padding: 0;
    margin: 0;
}

.input_img {
    position: absolute;
    bottom: 8px;
    right: 10px;
    width: 10px;
    height: 10px;
}

.border-bottom-search {
    border-bottom: solid 1px;
    padding-bottom: 10px;
}

.brs {
    margin-right: 19px;
}

.filter-right {
    text-align: left;
    border-right: solid 1px;
    padding: 0;
}

.filter-right-2 {
    text-align: left;
    border-right: solid 1px;
}

.blog-card-size {
    height: 238px;
}

.blog-card-size1 {
    border-bottom-right-radius: 0px !important;
}

.blog-card-size1 h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
}

.blog-card-size1 .card-body {
    padding: 1.5rem;
}

.blog-outline-btn {
    width: 400px;
    margin: auto;
    color: #131f32;
    border: solid 0.5px #131f32;
    border-radius: 20px;
    text-align: center;
    padding: 12px 26px;
}

.blog-outline-btn :hover {
    background: none !important;
    background-color: none !important;
    color: #131f32 !important;
}

.sucess-bg .container-fluid footer {
    padding-top: 0px !important;
}

.seven-bg {
    background: url("../images/bg-gradient.svg");
    background-size: cover;
    background-position-y: -142px;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
}

.sucess-bg .footer {
    padding-top: 0px !important;
    background-color: var(--secondary);
    margin-top: 0px;
    color: var(--white);
}

.sub-menu-item h4 a:hover {
    color: var(--bluelink) !important;
    text-decoration: none;
}

.display6 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -128px;
}

.display8 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -391px;
}

.display9 {
    border-radius: 0px;
    border: none;
    border-top-right-radius: 20px;
    max-width: 500px;
    bottom: -143px;
}

.sucess-story .container-fluid.footer.pb-3.pt-5 {
    padding-top: 7rem !important;
}

.commonTopImg {
    min-height: 472px;
}

.option-menu .sublink li:nth-child(2) {
    width: 76px;
}

.container-fluid.section.floating-sections .row .container.p-0.mb-5 .row {
    max-width: 100vw !important;
    margin: auto;
}

.container-fluid.ourFuture .row .container.p-0.mb-5 .row {
    max-width: 100vw !important;
    margin: auto;
}

@media (max-width: 991px) {
    .option-menu .sublink li.whoweare {
        width: 95px;
    }
    .option-menu .sublink li.ourbelief {
        width: 120px !important;
    }
    .fi h2 {
        text-align: left !important;
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
    }
    .ucaas-hero .option-menu .sublink li:nth-child(2) {
        width: 110px;
    }
    .option-menu .sublink li:nth-child(3) {
        width: fit-content;
    }
    .option-menu .sublink li:nth-child(4) {
        width: fit-content;
    }
}

.option-menu .sublink li:nth-child(2) {
    width: max-content !important;
}

.option-menu .sublink li:nth-child(4) {
    width: fit-content;
}

.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.aboutus {
    padding-bottom: 70px;
}

#aboutus .vidcontent {
    max-height: 370px;
    position: relative;
    overflow: hidden;
    width: 100%;
    top: 30px;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*@media (max-width: 500px) {.vidImgContainer {padding-left: 20px;padding-right: 50px;}}*/

.startelelogicSec {
    background-position: center;
}

#myBtn {
    cursor: pointer;
}

.backtotop {
    cursor: pointer !important;
}

.card-subheading {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 40px;
}

button:focus {
    outline: none !important;
    outline: 0px auto -webkit-focus-ring-color;
}

.defult_open {
    width: 25px;
    height: 17px;
    background-image: url(../images/hamburger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/close.svg);
}

.close_nav.collapsed {
    width: 25px;
    height: 17px;
    background-image: url(../images/hamburger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
}

.close_nav {
    width: 25px;
    height: 17px;
    background-image: url(../images/hamburger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
}

.open_nav {
    top: 10px;
    width: 25px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/close.svg);
}

.navigation-toggler.navBtn.close_nav.open_nav {
    top: 10px;
    width: 25px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/close.svg);
}

.navigation-toggler.navBtn.close_nav.open_nav.collapsed {
    width: 25px;
    height: 17px;
    background-image: url(../images/hamburger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
}

.dwn-outline {
    border-radius: 20px;
    border: 1px solid var(--primary);
    text-align: center;
    padding: 10px 34px;
    text-decoration: none;
    margin-top: 20px;
    align-items: center;
    color: #4b64ff !important;
    display: inline-block;
    color: #4b64ff !important;
    cursor: pointer !important;
}

.dwn-outline2 {
    border-radius: 20px;
    border: 1px solid #008dc4;
    text-align: center;
    padding: 10px 34px;
    text-decoration: none;
    margin-top: 20px;
    align-items: center;
    color: #008dc4 !important;
    display: inline-block;
    color: #008dc4 !important;
    cursor: pointer !important;
}

.background-gradient2 {
    background: url(../images/bg-color.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 1000px;
    background-size: 948px;
}

.background-gradient4 {
    background-color: mintcream;
    opacity: 0.9;
    border-radius: 14px;
}

.case-study-slide .carousel-item {
    max-height: 500px !important;
}

.skill-li {
    width: 174px !important;
}

.commonTopImg33 {
    min-height: 500px;
}

.apply-li {
    width: 66px !important;
}

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

.font-of-client-speak {
    margin-top: 10% !important;
    font-family: "Inter";
    font-style: normal;
    font-weight: 550;
    font-size: 24px !important;
    line-height: 34px !important;
}

.txt-white {
    color: white !important;
}

.dwn-outline :hover svg {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.dwn-outline:hover path {
    stroke: var(--white);
}

.dwn-outline:hover {
    background: #4b64ff !important;
    text-decoration: none;
}

.dwn-outline:hover {
    color: white !important;
    text-decoration: none;
}

.no-text-transform {
    text-transform: none !important;
}

.download-btn :hover svg {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.download-btn:hover path {
    stroke: var(--white);
}

.download-btn:hover {
    background: #4b64ff !important;
    text-decoration: none;
}

.download-btn:hover {
    color: white !important;
    text-decoration: none;
}

.input-text:focus-visible {
    outline: none !important;
}

input:focus-visible {
    outline: none !important;
}

.new-download-btn {
    border: 1px solid #4b64ff !important;
    font-size: 0.875rem;
    line-height: 1.5;
    float: right;
    padding: 8px !important;
    padding: 10px !important;
    padding-left: 18px !important;
    background: none;
    padding-right: 18px !important;
    border-radius: 15px;
    color: #4b64ff !important;
    cursor: pointer;
    width: 200px !important;
}

.download-span {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 36px;
    position: relative;
    top: -31px;
}

.download-span :hover svg {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.download-span:hover path {
    stroke: var(--white);
}

.card .btn-new {
    background: none;
}

button:disabled,
button[disabled] {
    opacity: 0.4;
}

.error_msg {
    font-size: 10px;
    margin-top: 5px;
    color: red;
    margin-bottom: 0px;
    line-height: 12px;
}

.valid_msg {
    font-size: 10px;
    margin-top: 6px;
    color: rgb(21, 107, 0);
}

.card-promotional h3 {
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #131f32;
}

.card-promotional .btn-outline-primary {
    width: 100%;
}

.li-none {
    display: none;
}

.right_tick_img_div {
    max-width: 50px;
}

.main_thing_box {
    background-image: linear-gradient(#4b72f1, #4b72f1), linear-gradient(#4b72f1, #4b72f1), linear-gradient(#4b72f1, #4b72f1), linear-gradient(#4b72f1, #4b72f1), linear-gradient(#ffffff00, #ffffff);
    background-repeat: no-repeat;
    background-size: 3px 40%, 13% 3px, 3px 40%, 13% 3px, calc(100% - 0px) calc(100% - 0px);
    background-position: top left, top left, right bottom, right bottom, 3px 3px;
    margin: 0px;
    padding: 25px 0px 10px 25px;
}

.main_heading_policy {
    font-size: 65px !important;
    color: #4b72f1;
    padding: 80px 0px 15px 0px;
}

.policy_sub_heading {
    font-size: 26.5px !important;
    font-weight: 600;
    line-height: 1.79;
    color: #131f32;
}

.privacy_paragraph {
    font-size: 20px !important;
    line-height: 1.55;
    color: #3f5373;
}

.list_heading_privacy {
    font-size: 20px;
    line-height: 1.55;
    color: #3f5373;
}

.privacy_list_paragraph {
    font-size: 20px;
    color: #3f5373;
}

@media only screen and (max-width: 990px) {
    .dark-theme-h2-margin-top {
        margin-top: 50px !important;
    }
    .defult-height-card .card-primary {
        min-height: 325px !important;
    }
    .download-padding {
        padding-bottom: 10px !important;
    }
    .engage-hero {
        min-height: 425px !important;
    }
    .main_heading_policy {
        font-size: 40px !important;
        color: #4b72f1;
        padding: 40px 0px 15px 0px;
    }
    .what-we-p {
        font-family: "Aventa-Regular";
        font-size: 18px !important;
        line-height: 22px !important;
        color: #ffffff;
    }
}

.show-two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case-study-card1 h4,
.case-study-card2 h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.virtual-card .s-card2 img {
    width: 45px;
    position: relative;
    float: right;
    left: 431px;
    top: 12px;
}

.case-study-card1,
.case-study-card2 {
    max-height: 380px;
}

.landing-heading {
    font-family: "Aventa-ExtraBold" !important;
    font-size: 46px !important;
    line-height: 56px !important;
    padding-top: 60px;
    padding-right: 97px;
}

.landing-platform-hero {
    background-image: url(../images/newlanding.jpeg);
}

.landing-headings {
    font-family: "Aventa-ExtraBold" !important;
    font-size: 46px !important;
    line-height: 56px !important;
    padding-top: 60px;
    padding-right: 97px;
    color: #000;
}

.landing-platform-heros {
    /* background-image: url(../images/newlanding.jpeg); */
}

.landing-a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}

.have-project-h1 {
    font-family: "Aventa-ExtraBold";
    font-size: 50px;
    /* line-height: 104px; */
    color: #4b64ff;
}

.have-project-h2 {
    /* font-family: "Aventa-Regular"; */
    font-size: 24px;
    line-height: 85px;
    color: #3f5373;
}

.have-project-h2-line {
    position: relative;
    top: -4px;
}

.formSec.contact-form-sec.project-form {
    background: #fff0;
    padding: 0px 20px;
    border-radius: 20px 20px 0 20px;
}

.contact-form-sec.project-form input[type="text"] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    width: 100%;
    padding-bottom: 6px;
    background: 00;
}

.contact-form-sec.project-form .formCTA svg {
    left: 64%;
}

.contact-form-sec.project-form .btn-outline-primary {
    width: 216px;
    position: relative;
    text-align: center;
    padding-left: 30px;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 26px;
}

.have-project-p {
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.footer-contact-column.footer-contact-column2 li {
    display: inline-block;
    margin-right: 31px;
    margin-top: 10px;
}

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

.what-we-p {
    font-family: "Aventa-Regular";
    font-size: 18px !important;
    line-height: 28px;
    color: #ffffff;
}

.large-heading {
    font-family: "Aventa-Regular";
    font-size: 45px;
    line-height: 85px;
}

.landing-ul {
    max-height: 250px;
    overflow: hidden;
}

.landing-ul li {
    display: block;
    font-family: "Aventa-Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px;
    color: white;
    padding-left: 30px;
}

.landing-ul li a {
    color: white;
}

.landing-ul li a:hover {
    color: #8090ff;
}

.landing-ul {
    list-style-type: none;
}

.hrclass {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(240 234 234 / 72%);
}

.service-solution {
    margin-top: 5%;
    /* text-align: center; */
}

.landings-ul {
    max-height: 250px;
    overflow: auto;
}

.landings-ul li {
    display: block;
    font-family: "inter";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: white;
    padding-left: 20px;
}

.landings-ul li a {
    color: white;
}

.landings-ul li a:hover {
    color: blue;
}

.landings-ul {
    list-style-type: none;
}

.lp-bc {
    margin: auto;
    border-bottom: solid;
    opacity: 0.3;
    border: 1px solid #0f0f0f;
}

.lp-b {
    margin: auto;
    border-bottom: solid;
    opacity: 0.3;
    border: 1px solid #f3f3f4;
}

.pb-7rem {
    padding-bottom: 7rem !important;
}

.platform-paragraph {
    /* color: gray; */
}

.platform-paragraph:hover {
    color: #90a7f9f7;
}

.play-sec {
    padding-top: 120px;
}

.play-span {
    font-family: "Aventa-ExtraBold";
    font-size: 24px;
    line-height: 32px;
    position: relative;
    top: -33px;
    left: 21px;
}

#plybtn1:hover {
    fill: #5177fb;
}

.background-gradient2 {
    background: url(../images/bg-color.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: 739px;
    background-size: 1000px;
    background-position-y: 100px;
}

.background-gradient4 {
    background-color: mintcream;
    opacity: 0.9;
    border-radius: 14px;
}

.aboutus-leader-dot-bg2 {
    z-index: -5;
    position: absolute;
    right: 10px;
}

.solidBlueCTA.bg-primary:hover {
    color: white !important;
}

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

.engage-h1 {
    font-family: "Aventa-ExtraBold";
    font-size: 46px;
    line-height: 56px;
}

.engage-hero {
    background-image: url("../images/engage.jpg");
    min-height: 550px;
}

.pt-120 {
    padding-top: 82px;
    padding-bottom: 98px;
}

.engage-ban {
    position: relative;
    top: 50px;
}

.background-gradient3 {
    background: url(../images/bg-color.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: 507px;
    background-size: 1000px;
    background-position-y: -475px;
}

.engage-h2-black {
    font-family: "Aventa-ExtraBold";
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #131f32;
}

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

.engagement-box-modal {
    background-image: url("../images/enagebg.webp");
    background-position: center;
    background-size: cover;
    border-radius: 32px;
    padding: 16px;
}

.box-modal-option-li {
    border-radius: 24px 24px 0px 0px;
}

.engagement-box-modal-option-li-img img {
    width: 60px;
    height: 60px;
}

.engagement-box-modal-option-li-name {
    font-family: "Aventa-ExtraBold";
    font-size: 20px;
    line-height: 28px;
    padding-top: 15px;
    color: #131f32;
    margin-bottom: 24px;
}

.engagement-box-modal-option-li {
    border-right: 1px solid #c5e1ff;
    padding-top: 27px;
    cursor: pointer;
}

.eng4 {
    border-right: none;
}

.engage-list-padding-top {
    padding-top: 164px;
}

.engagement-box-modal-content {
    background: #ffffff;
    border-radius: 0px 0px 24px 24px;
    padding: 60px;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #3f5373;
    border-top: 1px solid #c5e1ff;
}

#Section2,
#Section3,
#Section4 {
    display: none;
}

.active-bg {
    background: #ffffff;
    border-radius: 24px 24px 0px 0px;
    border-right: none;
}

.engagement-box-modal-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.landing-ul2 {
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
}

.landing-ul2 li {
    display: block;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 45px;
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 57px;
    border-bottom: 1px solid #c5e1ff;
}

.landing-ul3 li {
    display: block;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 45px;
    color: white;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    color: #131f32;
    font-family: "aventa-regular";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    line-height: 57px;
}

.landing-ul3 {
    list-style-type: none;
    padding-left: 20px;
    padding-right: 0px;
}

.contact-form-sec.project-form input[type="email"] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    width: 100%;
    padding-bottom: 6px;
    background: 00;
}

.contact-form .btn-outline-primary.contact-padding-btn {
    width: 216px;
    position: relative;
    text-align: center;
    text-align: center;
    padding-left: 78px;
}

.contact-checkbox-label {
    padding-left: 0.25rem;
}

.contactNo a {
    color: var(--secondarylight);
}

.email a {
    color: var(--secondarylight);
}

.mr-10 {
    margin-right: 15px !important;
}

.belgiumicon {
    height: 25px;
    width: 29px;
}

.belFlagIcon {
    width: 23px !important;
    background-position: 0px 2px !important;
    height: 26px !important;
}

.belgiumicon2 {
    height: 25px;
    width: 34px;
    width: 30px;
    position: relative;
    left: -5px;
    margin-right: 0px !important;
}

.footer-contact-column.footer-contact-column3 li {
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
}

.footer input[type="email"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    outline: none;
    padding: 10px 0;
    color: var(--white);
    font-size: 14px;
}

.footer-submit-btn {
    background: inherit;
}

.btn-outline-white-paper {
    border-radius: 20px;
    border: 1px solid var(--white);
    text-align: center;
    padding: 12px 22px;
    text-decoration: none;
    align-items: center;
    color: var(--white);
    display: inline-block;
}

.btn-outline-white-paper-LinkedIn {
    position: relative;
    top: -6px;
}

.btn-outline-white-paper-WhatsApp {
    position: relative;
    top: -1px;
}

.form-check-label {
    padding-left: 0.25rem;
    margin-bottom: 0;
}

.btn-outline:hover svg path {
    stroke: white !important;
}

.background-gradient22 {
    background: url(../images/bg-color.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: -136px;
    background-size: 800px;
    background-position-y: 62px;
}

button {
    cursor: pointer;
}

#headerPopup {
    width: 75%;
    margin: 0 auto;
}

#headerPopup iframe {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .video-dialog {
        max-width: 900px;
        margin: 30px auto;
        border: none;
    }
}

.pop-close-btn {
    background: white;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 8px;
    position: relative;
    top: 7px;
}

.modal-content-video {
    background: none;
    outline: none;
    border: none;
}

.modal-header-video {
    border: none;
    outline: none;
    border: none;
}

.modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto;
    color: white;
}

.btn-outline-white-paper2 {
    color: var(--primary);
    border-color: var(--primary);
}

.contact-form .btn-outline-white-paper2 {
    width: 216px;
    position: relative;
    text-align: center;
    padding-left: 78px;
    cursor: pointer;
}

.thankyou-modal-content {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    outline: none;
    border: none;
}

.modal-header .close.thankyou-close {
    padding: 15px;
    margin: -15px -15px -15px auto;
    color: white;
    background: #4b64ff;
    border-radius: 0px 20px 0px 0px;
    position: relative;
}

.close.thankyou-close span {
    font-weight: 300px;
}

.thankyou-header h1 {
    font-family: "Aventa-ExtraBold";
    font-size: 46px;
    line-height: 40px;
    text-align: left;
    color: #ffffff;
    margin: 0;
}

.bttom-line {
    width: 90px;
    border-bottom: solid 3px #f3f3f4;
    margin-left: 5px;
}

.thankyou-header {
    padding-top: 30px;
}

.thankyou-header p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #f3f3f4;
}

.thankyou-header-main {
    background-image: url(../images/thankyoubg.webp);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 100%;
    display: block;
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.w-50 {
    width: 50%;
}

@media (min-width: 992px) {
    .custom-lg {
        max-width: 1000px;
    }
    .thankyou-modal-body .addressSec .email span {
        display: inline-block;
        width: 138px;
        font-size: 12px;
    }
    .thankyou-modal-body .addressSec .contactNo span {
        display: inline-block;
        width: 154px;
        font-size: 13px;
    }
}

.thankyou-modal-body p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #131f32;
    margin-bottom: 0px !important;
}

.back-top-home {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
}

.thankyou-modal-body {
    background: url(../images/bg-color.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: -210px;
    background-size: 800px;
    background-position-y: -274px;
}

.menu-link {
    cursor: pointer;
}

.black_bg {
    background-color: black;
}

.dark-banner-h1 {
    font-family: "Aventa-ExtraBold";
    font-size: 64px;
    line-height: 160%;
    color: #008dc4;
}

.telemo-mobile-img {
    width: 250px;
    display: block;
    margin: auto;
}

.commstad-mobile-img {
    width: 300px;
    display: block;
    margin: auto;
}

.smartoffice-img {
    width: 350px;
    display: block;
    margin: auto;
}

.ayrix-mobile-img {
    width: 380px;
    display: block;
    margin: auto;
}

.rgc-mobile-img {
    width: 370px;
    display: block;
    margin: auto;
}

.healthcare-mobile-img {
    width: 500px;
    display: block;
    margin: auto;
}

.overview-title {
    font-family: "Aventa-ExtraBold";
    font-size: 32px;
    line-height: 160%;
    color: #f3f3f4;
}

.telemo-mobile-img2 {
    width: 500px;
    display: block;
    margin: auto;
}

.health-overview-img {
    width: 300px;
    display: block;
    margin: auto;
}

.rgc-overview-img {
    width: 330px;
    display: block;
    margin: auto;
}

.dark-case-study-h5 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    color: #f3f3f4;
}

.dark-case-study-h5-blue {
    font-family: "Aventa-ExtraBold";
    font-size: 20px;
    line-height: 160%;
    color: #008dc4;
}

.dark-case-study-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #f3f3f4;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.dark-blue-bg {
    background: #063457;
    border-radius: 70px 0px 0px 0px;
}

.dark-blue-bg-padding {
    padding: 193px 100px 400px 150px;
}

.dark-blue-bg-padding p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    color: #f3f3f4;
}

.dark-blue-bg-padding h5 {
    font-family: "Aventa-ExtraBold";
    font-size: 40px;
    line-height: 160%;
    color: #f3f3f4;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.light-blue-card {
    background: #e4edf0;
    border-radius: 40px 40px 40px 0px;
    position: relative;
    left: 65px;
    z-index: 99999;
    top: 81px;
}

.light-blue-card-padding {
    padding: 100px 55px 100px 55px;
}

.light-blue-card-padding h5 {
    font-family: "Aventa-ExtraBold";
    font-size: 40px;
    line-height: 160%;
    color: #0e0e0e;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.light-blue-card-padding p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    color: #0e0e0e;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.telemo-features-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.telemo-features-h1 {
    font-family: "Aventa-ExtraBold";
    font-size: 40px;
    line-height: 160%;
    color: #f3f3f4;
}

.telemo-features-h2 {
    font-family: "Aventa-ExtraBold";
    font-size: 64px;
    line-height: 160%;
    color: #ffffff;
    opacity: 0.5;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.telemo-features-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: #f5f5f5;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.telemo-features-padding .col-8,
.telemo-features-padding .col-4 {
    align-items: center;
    display: grid;
}

.dark-case-study-tech {
    background: black;
    padding-bottom: 80px;
    padding-top: 10px;
}

.dark-backEndTech p {
    color: white;
}

.goIcon-dark {
    background-image: url(../images/case-study/dark/icon/go.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 5px 26px;
}

.webIcon-dark {
    background-image: url(../images/case-study/dark/icon/web.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 13px;
}

.swiftIcon-dark {
    background-image: url(../images/case-study/dark/icon/swift.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 9px 13px;
}

.xamppIcon-dark {
    background-image: url(../images/case-study/dark/icon/xam.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 18px;
}

.andriodIcon-dark {
    background-image: url(../images/case-study/dark/icon/andriod.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 18px 16px;
}

.dataIcon-dark {
    background-image: url(../images/case-study/dark/icon/sql.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 14px 15px;
}

.awsIcon-dark {
    background-image: url(../images/case-study/dark/icon/aws.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 23px;
}

.matrixIcon-dark {
    background-image: url(../images/case-study/dark/icon/matrix.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 23px;
}

.postgressIcon-dark {
    background-image: url(../images/case-study/dark/icon/postgresql.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 14px;
}

.mysqlIcon-dark {
    background-image: url(../images/case-study/dark/icon/sql.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 12px 23px;
}

.rabbitMq-dark {
    background-image: url(../images/case-study/dark/icon/rabbitmq.webp);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 15px 14px;
}

.kamalio-dark {
    background-image: url(../images/case-study/dark/icon/kamailio.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 7px 24px;
}

.freeswitch-dark {
    background-image: url(../images/case-study/dark/icon/freeswitch.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 13px 16px;
}

.mongodb-dark {
    background-image: url(../images/case-study/dark/icon/mongodb.svg);
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
    background-position: 15px 14px;
}

.backEndTech.dark-backEndTech .col-md-2.col-sm-3 .smallIconbg {
    width: 64px;
    background: #1b1a1a;
    height: 64px;
    margin-bottom: 12px;
    margin: auto;
    margin-bottom: 12px;
}

.dark-case-study-approch {
    background: black;
}

.dark-ourProcess {
    background: #0e1724 !important;
    box-shadow: 0px 1px 24px 8px rgb(20 20 20 / 8%) !important;
    border-radius: 20px 20px 0px 20px !important;
}

.ourProcess .innerCont2 {
    background-image: url("../images/case-study/dark/process.svg");
    background-repeat: no-repeat;
    background-position: top center;
}

.blue-bg2.black-bg-icon .topHeadingIcon2 {
    background: #050505;
}

.txt-blue2 {
    color: #008dc4 !important;
}

.dark-sidebanner {
    background-image: url(../images/case-study/dark/banner.webp);
    background-size: 1169px;
    background-position-x: 33vw;
    background-repeat: no-repeat;
}

.bfsi-sidebanner {
    background-image: url(../images/case-study/dark/bfsi-head-bg.webp);
    background-size: 700px;
    background-position-x: 48vw;
    background-repeat: no-repeat;
    /* border: 2px solid red; */
}

.side-dot {
    position: absolute;
    right: 0px;
    position: absolute;
    right: 0px;
    bottom: -1117px;
}

.dark-blue-bg-padding {
    background-image: url(../images/case-study/dark/solution.webp);
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 172px;
}

.light-blue-card-padding {
    background-image: url(../images/case-study/dark/challenge.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: 31px;
}

.impact-h2 {
    font-family: "Aventa-ExtraBold";
    font-size: 32px;
    line-height: 40px;
}

.small-p2 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.download-card2 label.download-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 0px !important;
    border-radius: 10px;
    font-family: "Inter" !important;
    font-style: normal;
    font-weight: inherit !important;
    font-size: 14px !important;
    line-height: initial;
    top: 0px;
    left: 15px;
    text-transform: none;
    left: 0px !important;
}

.dark-case-study-card-sub-heading {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #131f32 !important;
    padding-left: 10px;
}

.dark-blue-bg-padding-ayrix {
    padding: 169px 100px 235px 150px;
}

.dark-blue-bg-padding-bfsi {
    padding: 0px 86px 235px 150px;
}

.feature-overflow {
    padding-bottom: 40px;
}

.sparrowConverseBnr {
    padding-top: 90px !important;
}

.healthCareTopPadding {
    padding-top: 30px;
}

.overview-bg {
    background-image: url(../images/case-study/dark/owerview-img.webp);
    background-size: 463px;
    background-repeat: no-repeat;
    height: 714px;
}

.leadership-name {
    color: #131f32;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.leader-designation {
    color: #4b64ff;
    font-size: 16px;
}

.leadership-social {
    margin-top: 18px;
}

.dmca-logo {
    background: #ffffff;
    width: 125px;
    margin: 15px 0px 15px 0px;
    padding: 8px 10px;
}

#cookieConsent {
    background-color: #ffffff;
    min-height: 26px;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    padding: 20px 0 20px 0px;
    position: fixed;
    height: 135px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999999999;
    box-shadow: 0 -1px 3px #eaf0f6;
}

#closeCookieConsent {
    background-color: #ffffff;
    color: #4b64ff;
    display: inline-block;
    cursor: pointer;
    float: right;
    margin: 0 30px 0 0px;
    border: 1px solid #4b64ff;
    border-radius: 19px;
    padding: 6px 30px;
}

.closeCookieConsent:hover {
    color: #4b64ff;
}

.cookieConsentOK {
    background-color: #4b64ff;
    color: #fff;
    border-radius: 19px;
    padding: 6px 30px;
    cursor: pointer;
    float: right;
    border: 1px solid #4b64ff;
}

.cookieConsentOK:hover {
    color: #ffffff;
}

.csr-p {
    cursor: pointer;
}

.formclass {
    /* padding-bottom: 250px; */
    padding-top: 3rem !important;
    background: url("../images/dots.webp");
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
    overflow: hidden;
}

.formclass2 {
    /* padding-bottom: 250px; */
    padding-top: 3rem !important;
    background: url("../images/background-left-gredient.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    overflow: hidden;
}

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

.landingMain {
    padding-right: 5%;
}

.serviceTechHeading {
    font-size: 47px;
    line-height: 73px;
}

/* .h-452{
      height:452px;
  } */

.m-90 {
    margin-top: 94px;
}

.main-carousel {
    position: relative;
    width: 100%;
    overflow: revert !important;
}

.rg {
    row-gap: 19px;
}

/* #############Kam Add New Css ################ */

.timer-sec .App {
    padding-bottom: 14px;
    padding-top: 14px;
    min-height: 216px;
    background: #13bbf3;
    border-radius: 40px 40px 40px 0px;
    color: var(--primary) !important;
}

.timer-sec .App-Built {
    /* background-color: #b5bbbd; */
    padding-bottom: 14px;
    padding-top: 14px;
    min-height: 216px;
    background: #e4edf0;
    color: #ffffff;
    border-radius: 40px 40px 40px 0px;
    color: var(--primary);
}

.timer-sec .Happy-Customers {
    padding-bottom: 14px;
    padding-top: 14px;
    min-height: 216px;
    background: #e4edf0;
    border-radius: 40px 40px 40px 0px;
    color: var(--primary) !important;
}

.timer-sec .Repeat-Business {
    padding-bottom: 14px;
    padding-top: 14px;
    min-height: 216px;
    background: #e4edf0;
    border-radius: 40px 40px 40px 0px;
    color: var(--primary) !important;
}

.timer-sec .Developers {
    padding-bottom: 14px;
    padding-top: 14px;
    min-height: 216px;
    background: #e4edf0;
    border-radius: 40px 40px 40px 0px;
    color: var(--primary) !important;
}

.count-box-marg {
    margin-left: 64px;
}

.fir-height-wid {
    width: 100%;
    height: 250px;
}

.scrollTop {
    position: fixed;
    bottom: -3px;
    right: 10px;
    width: 80px;
    height: 80px;
    z-index: 9999;
    cursor: pointer;
    /* display: none; */
}

.scrolltop-new {
    z-index: 999;
    bottom: 45px;
}

.count-num-simb {
    font-size: 27px;
    display: inline-block;
}

.back-img-ourachievements {
    background: url("../images/voip-based-services.webp");
    background-repeat: round;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.role-box {
    height: 450px;
}

.next-role {
    min-height: 550px !important;
}

.small-scren-height-carou {
    height: 355px;
}

.carsol-heaight-with {
    width: 100%;
    height: 331px;
}

.count-bottom-cls {
    margin-bottom: 3rem;
    /* margin-top: 25px; */
}

.count-top-mar-container {
    margin-top: 60px;
}

.margin-bottom-2rem-mobile {
    margin-top: auto;
    margin-bottom: auto;
}

.main-heading-padding {
    padding-left: 40px;
}

@media only screen and (max-width: 700px) {
    .count-box-marg {
        margin-left: 0px;
    }
    .count-sm-box {
        padding: 30px;
    }
    .back-img-ourachievements {
        background: url("'");
    }
    .small-scren-height-carou {
        height: 355px;
        position: inherit;
    }
    .role-box {
        height: 555px;
    }
    .ourBeliefs {
        /* margin-top: 100px; */
    }
    .carsol-heaight-with {
        width: 100%;
        height: 760px;
    }
    .case-study-small {
        height: 770px;
    }
    .count-bottom-cls {
        margin-bottom: 0rem;
    }
    .pt-80 {
        padding-top: 0px;
    }
    .main-heading-padding {
        padding-left: 0px;
    }
    .count-top-mar-container {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1200px) {
    .count-box-marg {
        margin-left: 0px;
    }
    .faq-question-bar p {
        padding: 6px 11px 0px 0px !important;
    }
    /* .carsol-heaight-with{
          width: 100% !important;
      } */
}

@media (max-width: 1000px) {
    .brand-image-block {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        gap: 10px;
    }
}

@media (max-width: 450px) {
    .brand-image-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 10px;
    }
}

@media (max-width: 450px) {
    .carsol-heaight-with {
        height: 632px;
    }
    .landings-ul {
        scrollbar-width: thin;
        scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
    }
    .landings-ul li {
        padding: 10px 0;
        /* Add spacing inside each list item */
        border-bottom: 1px solid #ccc;
        /* Add a line below each list item */
    }
    .landings-ul li:last-child {
        border-bottom: none;
        /* Remove the line for the last item */
    }
}

.faq_main_start {
    display: flex;
}

@media (max-width: 950px) {
    .faq_main_start {
        display: flex;
        flex-direction: column;
    }
}

/* ################## test1-landing######## */

.faq-shadow .q-faq-question h2 {
    min-width: 40px !important;
    height: 40px;
    background: #4b72f1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.25em;
    border-radius: 5px;
    margin-right: 10px;
}

.faq-shadow .question p {
    position: relative;
    font-weight: 500;
    color: #333;
    z-index: 10;
    margin-top: 4px;
}

.q-faq-question {
    display: flex;
    padding: 10px 0px 0px 10px !important;
}

.question::after {
    margin-bottom: 12px;
}

.h2-faq-title {
    font-size: 44px;
    letter-spacing: 10px;
    color: #c6c6c6;
    opacity: 51%;
    font-weight: 500;
    font-family: BebasNeue-Regular;
    padding: 10px 0px 10px 0px;
}

.faq-title-left-div {
    margin-left: -98px;
}

.faq-title-right-div {
    margin-left: 119px;
}

/* ### Start Landing page FAQ ###### */

.faq-heading {
    font-size: 65px !important;
    color: #4b72f1;
    padding: 17px 0px 15px 0px;
}

.faq-headings {
    font-size: 32px !important;
    color: #4b72f1;
    padding: 17px 0px 15px 0px;
    font-weight: 600;
    font-family: aventa-regular;
}

.faq-main-box {
    display: block;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgb(20 20 20 / 4%), 0px 0px 8px rgb(20 20 20 / 8%);
    transition: box-shadow 0.7s ease-in-out;
}

.faq-question-bar p {
    font-weight: 500;
    cursor: pointer;
    display: flex;
    color: #333333;
    padding: 6px 0px 0px 0px !important;
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

.faq-answer-bar {
    display: none;
    padding: 6px 20px 10px 20px;
}

.faq-answer-bar p {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    line-height: 24px;
}

.faq-main-box i {
    transition: transform 0.3s ease-in-out;
    font-size: 22px;
    color: #242222;
    margin-right: 10px;
}

/* .i-minus-hide {
  display: none !important;
} */

/* .faq-main-box:hover .faq-answer-bar {
  display: block !important;
} */

.faq-main-box:hover .i-minus-hide {
    /* display: block !important; */
    color: #4b72f1;
}

/* .faq-main-box:hover .i-plus-open {
  display: none !important;
} */

.faq-answer-bar p span {
    font-weight: 800;
    color: rgb(0, 0, 0);
}

@media only screen and (max-width: 1200px) {
    .faq-question-bar p {
        padding: 6px 11px 0px 0px !important;
    }
}

@media only screen and (max-width: 700px) {
    .faq-question-bar p {
        padding: 0px 11px 0px 0px !important;
    }
}

@media only screen and (max-width: 820px) {
    .case-study-card-height {
        height: 700px;
    }
}

/* ### END Landing page FAQ  ###### */

.brand-image-gap {
    column-gap: 112px;
}

.index-page-font-size {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.title-font-size {
    /* font-style: 40px; */
    font-size: 30px;
}

@media only screen and (max-width: 820px) {
    .title-font-size {
        font-size: 22px;
        line-height: 30px !important;
    }
}

.heaight-off-image {
    height: 400px;
}

.font-size-40 {
    font-size: 40px;
}

@media screen and (max-width: 1262px) {
    .carousel-caption {
        width: 68%;
    }
}

#TopNav {
    display: flex;
    justify-content: end;
}

#topNavOne {
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: flex-end;
}

#topNavOne a {
    margin-right: 20px;
    font-size: 17px !important;
}

/* @ Button Loader @ */

.loader {
    color: #382ece;
    font-family: Consolas, Menlo, Monaco, monospace;
    font-weight: bold;
    font-size: 78px;
    opacity: 0.8;
}

.loader:before {
    content: "{";
    display: inline-block;
    animation: pulse 0.4s alternate infinite ease-in-out;
}

.loader:after {
    content: "}";
    display: inline-block;
    animation: pulse 0.4s 0.3s alternate infinite ease-in-out;
}