:root {
    --commonSectionPadding767: 40px 0px;
}

@media screen and (min-width:1460px) {
    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        top: -37px;
        width: 1500px;
        left: 50%;
        transform: translateX(-57%);
        right: 0;
        margin-top: .125rem;
        z-index: -1;
        margin: auto;
        border-radius: 0px 0px 32px 32px;
        background: transparent;
    }
}

@media screen and (max-width:1459px) {
    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        top: -37px;
        width: 1420px;
        left: 51.4%;
        transform: translateX(-57%);
        right: 0;
        margin-top: .125rem;
        z-index: -1;
        margin: auto;
        border-radius: 0px 0px 32px 32px;
        background: #F7F7F8;
    }
}

@media screen and (max-width:1400px) {
    #purpleReview {
        width: 100%;
    }

    div#purpleReview .row .col-md-6:nth-child(2) {
        width: 50%;
    }

    div#purpleReview .row .col-md-6 {
        width: 50%;
    }

    #homePagesolution .row>.col-md-6 {
        width: 49%;
    }

    #pageQa .pageQaSolution .container div.row>div.col-md-6 {
        padding: 0px !important;
        width: 50% !important;
    }

    .bannerSection .row>div {
        width: 49%;
    }

    .notreMission .container #notreFirstrow>.col-md-6,
    .notreMission .container #notreFirstrow>.col-md-8 {
        width: 49%;
    }

    .notreMission .mytechnicalCards>.row>.col-md-6,
    .notreMission .container #notreFirstrow>.col-md-8 .col-md-6:first-child {
        width: 49%;
    }

    .resultNumbers::after {
        left: 0px;
        width: 100%;
    }

    .resultNumbers .rNumberouter {
        width: 100%;
    }
}

@media screen and (max-width:1200px) {
    .actionbtnLink::before {
        display: none;
    }

    .slick-dots {
        display: none !important;
    }

    header nav ul li {
        padding: 0px 7px !important;
    }

    .Allaccordions .accordion-item {
        width: 95%;
    }

    .CollapseSection {
        right: 15px;
    }

    .saasReviews .messageReview {
        padding-right: 0px;
    }

    .rightbrow .col-md-4 {
        width: 33%;
        padding: 0px 40px 0px 0px;
    }

    .rightborderDiv::before {
        right: -20px;
    }
}

@media screen and (max-width:1024px) {
    .outerTele {
        width: 49% !important;
    }

    .formMain fieldset .row>div.col-md-6:nth-child(5) {
        width: 100%;
    }

    .developmentCards .row.flex-wrap {
        justify-content: space-between;
    }

    .developmentCards .row.flex-wrap .col {
        width: 49% !important;
        flex: 0 0 auto;
        margin: 10px 0px;
    }

    .saasResults .col-md-8 {
        padding: 0px 12px;
    }

    .saasResults .headingOuter {
        margin-left: inherit;
    }

    .saasResults .commonParaOuter,
    .saasResults .commonParaOuter .imageOuter {
        width: 100%;
        margin: 0px;
    }

    #supprimerBtn {
        display: none;
    }

    .faq-with-menu {
        padding-right: 0px;
    }

    .Allaccordions .accordion-item {
        width: 100%;
        max-width: initial;
    }

    .CollapseSection {
        display: none;
    }

    #faqPage .headingSection {
        padding: 35px 0px;
    }

    .gradient-btn-outer {
        transform: translateY(43px);
    }

    .twoButtons a {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: none;
        text-decoration: underline;
        position: relative;
        padding-left: 30px;
    }

    .twoButtons a::after {
        position: absolute;
        right: 32px;
        top: 32px;
        width: 25px;
        height: 25px;
        opacity: 1;
    }

    .twoButtons a:before,
    .twoButtons a:after {
        position: absolute;
        left: 12px;
        content: ' ';
        height: 23px;
        width: 2px;
        background-color: #4029F2;
    }

    .twoButtons a:before {
        transform: rotate(45deg);
    }

    .twoButtons a:after {
        transform: rotate(-45deg);
        top: 0px;
    }

    .formRow .col-md-6:nth-child(4) {
        width: 80%;
    }

    .formRow .col-md-6:last-child {
        width: 20% !important;
    }

    .twoButtons button {
        margin-left: 10px;
    }

    .saasResults .imageOuter {
        width: 230px !important;
    }
}

@media screen and (max-width:992px) {

    .reviewSection .card .card-body {
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .reviewContent .row .col-md-6:first-child {
        width: 100%;
    }

    .reviewContent .row .col-md-6 button {
        display: none;
    }

    .dropdown:hover>.dropdown-menu,
    .dropdown.show>.dropdown-menu {
        width: 100%;
        transform: translateX(0%);
    }

    .dropdown:hover>.dropdown-menu>.container,
    .dropdown.show>.dropdown-menu>.container {
        background: #F7F7F8;
        padding: 10px 10px;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 100%;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .row,
    .dropdown.show>.dropdown-menu .container .maincardsouter .row {
        flex-direction: column;
    }

    #pageQa .saasSlider .slick-next {
        top: 13px !important;
    }

    #pageQa .saasSlider .slick-prev {
        top: 13px !important;
        right: 85px;
    }

    .mytechnicalCards .col-md-6 .myImage img {
        width: 195px;
        object-fit: contain;
    }

    .mainImage img {
        width: 100%;
        margin: auto;
        padding: 20px;
    }

    ul.navbar-nav {
        justify-content: start !important;
    }

    .gradient-btn-outer {
        width: 91% !important;
    }

    header nav ul li .nav-link {
        text-align: start;
    }

    .actionbtnLink {
        width: max-content;
    }

    .mainImage img {
        width: 80%;
        margin: auto;
        padding: 39px;
    }

    .bannerSection {
        border-radius: 0px 0px 32px 32px;
    }

    .slick-next {
        top: 0px !important;
        left: 45px !important;
    }

    .slick-prev {
        top: 0px !important;
    }

    .slick-next:before {
        top: 0;
        left: 0;
    }

    .maincardsouter .col-lg-4 {
        width: 46%;
        margin: 0px 12px 24px;
    }

    .allData .formImage {
        width: 249px;
    }

    .bannerHeadingOuter {
        padding-right: 0px !important;
    }

    .bannerHeadingOuter .mainHeading {
        width: 100%;
    }

    .borderColumn {
        padding: 20px;
    }

    .servicesMenu .maincardsouter .col-lg-4 {
        width: 34%;
        margin: 0px 12px 24px;
        padding: 10px !important;
    }

    .servicesMenu .maincardsouter .card .identityImage {
        width: 35px !important;
        height: 45px;
        object-fit: contain;
    }

    .dropdown-menu p.saasD {
        font-size: 14px;
        width: 100% !important;
        min-height: unset;
    }

    ul .dropdown,
    ul.navbar-nav li {
        display: block;
        /* width: auto; */
    }

    section.servicesMenu>.container:first-child {
        max-width: 100%;
        margin: auto;
    }

    ul .maincardsouter .card .commonPara {
        display: none;
    }

    .Uiuxflexcards .mycustomCommonrow .card {
        display: block !important;
    }

    .seniorSection .col-md-8 {
        padding-right: 20px;
    }

    .seniorWritten {
        padding: 0px 30px 0px 0px;
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    header nav ul li {
        margin: 0px 9px 0px 0px !important;
    }

    header nav ul li:nth-child(4) {
        margin: 0px 9px 0px 0px !important;
    }

    #homePage .slick-next {
        top: -2px !important;
    }

    .developmentCards .card .card-body {
        background: none;
    }

    .Linkbutton {
        padding: 0px;
    }

    header nav ul li .nav-link {
        text-align: start;
        width: max-content;
        padding: 0px 10px 0px 0px;
        font-size: 14px;
    }

    .Linkbutton {
        font-size: 14px;
    }

    header nav ul li:nth-child(4) {
        padding: 0px 10px 0px 0px !important;
    }

    .Linkbutton::before {
        background: none !important;
        border: none !important;
    }

    #faqPage .headingSection {
        padding: 30px 0px 20px 0px !important;
    }

    #customReview .card-body {
        padding: 0px 0px;
    }

    .purpleVideo {
        max-height: 100%;
    }

    #pageQa .pageQaSolution .container div.row>div.col-md-6 {
        width: 100% !important;

    }

    #pageQacontrols .container div.row>div.col-md-6 {
        width: 100% !important;
    }

    .certificationSection .boldText {
        font-size: 36px;
        line-height: 40px;
    }

    #certificationRow .col-md-3 {
        width: 25% !important;
        padding: 0px 12px;
    }

    div#purpleReview .row .col-md-6:nth-child(2) {
        width: 100%;
        height: 365px;
    }

    div#purpleReview .row {
        flex-direction: column-reverse;
    }

    div#purpleReview .row .col-md-6 {
        width: 100%;
        padding: 0px;
    }

    #purpleReview .orderReview {
        padding: 0px;
    }

    .certificationSection .dataText {
        font-size: 16px;
        line-height: 20px;
    }

    #saasPagesolutionsection2 .mainBlueBtn .formLink {
        width: 97%;
        margin: auto;
    }

    #patchImageouter .imageOuter {
        position: unset !important;
        width: 100% !important;
        padding: 0px;
    }

    #purpleReview .card-body {
        background: none;
        padding: 0px 30px 30px 30px;
    }

    .applicationRow .imageOuter {
        height: 100% !important;
    }

    div#accordionFlushExample {
        transform: translateX(0px);
    }

    #accordionFlushExample .accordion-body {
        width: 100%;
    }

    .accordionImage {
        position: unset;
    }

    .accordionImage img {
        height: 300px !important;
        width: 100%;
        object-fit: cover;
    }

    .hoverActions li {
        margin: 4px 4px;
    }

    .casestudySolution::before {
        height: 100% !important;
    }

    .applicationRow .imageOuter img {
        height: auto !important;
    }

    #purpleGradient::after {
        background: none !important;
        border: none !important;
    }

    #patchImageouter .imageOuter img {
        padding: 0px !important;
    }

    #patchImageouter .greyP {
        margin-bottom: 30px !important;
    }

    .servicesMenu .maincardsouter .row .card .card-body:first-child p:first-child {
        font-size: 14px;
    }

    .languageImagesouter {
        flex-wrap: wrap;
    }

    .approachPageSolution::before {
        height: 100% !important;
    }

    .imageDev img {
        width: 70% !important;
        margin: auto;
    }

    .DevopsSection .col-md-4 .imageDev img {
        width: 45% !important;
    }

    .imageDev {
        border-right: none !important;
    }

    .imageVos img {
        width: 100% !important;
    }

    .leadingTeam::after {
        height: 100%;
    }

    .leaderOuter .card-body {
        padding: 0px 20px;
        min-height: 100%;
    }

    .leadingTeam .row .col-sm-6 {
        margin: 0px 0px 20px 0px;
    }

    .leadingTeam .greyDiscription {
        margin: 0px 0px 37px 0px;
    }

    #saasPagesolutionsection .greyRow>div {
        padding: 0px !important;
        width: 100%;

    }

    #saasPagesolutionsection2 .greyRow>div {
        padding: 0px !important;
        width: 100%;
    }

    #saasPagesolutionsection .greyRow .imageOuter img {
        height: 100% !important;
    }

    #saasPagesolutionsection2 .greyRow .imageOuter img {
        height: 100%;
    }

    .bannerHeadingOuter .mainHeading br {
        display: none;
    }

    .manyGradients .boldGradient {
        width: 100%;
        font-size: 32px;
    }

    .bannerSection .row>div {
        width: 100%;
    }

    .bannerSection .row>div:nth-child(2) {
        margin-top: 60px;
    }

    .seniorSection .dataText {
        font-size: var(--fontsize16);
        width: 100%;
    }

    .boldgradientOuter {
        display: flex;
        justify-content: space-between;
    }

    .seniorSection .container:first-child::before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--rightGreybg);
        content: '';
        top: 0;
        z-index: -1;
        left: 0;
        border-radius: 32px;
    }

    .seniorSection .container:first-child::after {
        position: absolute;
        width: 0%;
        height: 100%;
        background: var(--linearGrey);
        content: '';
        top: 0;
        z-index: -1;
        right: 0;
        border-radius: 0px 32px 32px 0px;
    }

    .pageMvpreviews .card .card-body,
    .saasReviews .card .card-body {
        padding: 0px 20px;
    }

    .rightborderDiv .commonPara {
        margin: 0px auto 24px 0px !important;
    }

    #pageSaas .saasSlider .slick-prev {
        top: -60px !important;
    }

    .pageQaSolution .row .commonPaddingbottom {
        padding: 0px 13px !important;
    }

    .commonParaOuter .greyDiscription {
        margin: 0px !important;
    }

    #commonrightBrow {
        margin-bottom: 30px;
    }

    .uiUxsecondcards .row>.col-md-6 {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .saasTrust {
        padding: var(--commonSectionPadding767);
    }

    .uiUxsecondcards .row {
        width: unset;
        justify-content: center;
    }

    .gradient-btn-outer {
        width: 100% !important;
        transform: translateY(43px);
    }

    .bannerPara {
        width: 95%;
    }

    ul.navbar-nav {
        justify-content: start !important;
    }

    .borderTextouter h1.headingBorderbox span {
        width: 100%;
    }

    .quotationReview .card-body {
        padding: 40px 30px;
    }

    .quotationReview .reviewProfile {
        left: 29px;
    }

    .solutionSection,
    .borderBox,
    .headingSection,
    .notreMission {
        padding: var(--commonSectionPadding767);
    }

    .bannerSection {
        padding-top: 139px;
    }

    .quotationReview {
        margin: 0px;
    }

    .maincardsouter .col-lg-4 {
        width: 46%;
        margin: 0px 8px 16px;
    }

    .imageOuter img {
        height: 210px;
        object-fit: cover;
    }

    .certifopac-saas-platform .content-box .imageOuter img {
        height: 100%;
    }

    .greyRow {
        padding: 20px 0px 0px 0px;
    }

    .greyP {
        margin: 0px 0px 20px 0px;
    }

    .textLine .commonPara:first-child {
        margin: 0px 0px 12px 0px !important;
    }

    .quotationImg {
        right: 30px;
        top: -27px;
    }

    .borderBox {
        padding: 30px 10px 60px !important;
        margin: 0px 0px 28px 0px !important;
    }

    .commonPaddingtop {
        padding: 40px 0px 0px 0px !important;
    }

    .developmentText {
        margin-bottom: 40px;
        padding: 0px;
    }

    #supprimerBtn {
        display: none;
    }

    .allData .formImage {
        width: 182px;
    }

    .gradient-btn-outer .gradient-btn {
        margin: 0px 10px;
    }

    .paraHeading {
        margin-bottom: 20px !important;
    }

    .solutionSection::before {
        height: 91%;
    }

    .reviewContent {
        justify-content: start;
        flex-direction: column;
    }

    .reviewContent>div:first-child {
        width: 100%;
    }

    .saasvideoOuter {
        width: 100%;
        height: 320px;
    }

    .messageReview .mainBlueBtn,
    .messageReview .learnAction {
        display: none;
    }

    .reviewContent>div:first-child {
        order: 2;
        margin-top: 20px;
    }

    .reviewContent>div {
        width: 100%;
    }

    .imageOuter {
        margin: 12px auto 0px 12px;
    }

    .NotriProcess {
        padding: 40px 0px;
    }

    section,
    p,
    span,
    div,
    body {
        transition: 0.7s;
    }

    .saasReviews .mainSliderouter .card {
        width: 100%;
    }

    .saasSlider .marqueOuter {
        width: 100%;
        margin-left: 0px;
    }

    section.solutionSection.saasResults .imageOuter img {
        height: 270px;
        width: 100%;
        border-radius: 0px;
    }

    .pageQacards .maincardsouter .row .card {
        width: 100%;
        margin: 0px 0px 12px 0px;
    }

    .pageQacardsthree .mycustomCommonrow .col-md-8 {
        width: 100%;
    }

    .pageMvpcards .maincardsouter .row .col-md-4 {
        width: 100%;
        margin: 0px 0px 24px 0px;
    }

    .pageMvpsolution2::before {
        height: 100%;
    }

    .pageMvpreviews .card .card-body .messageReview {
        order: 2;
    }

    .pageMvpreviews .card .card-body .saasvideoOuter {
        order: 1;
        margin-bottom: 20px;
    }

    .card .card-body .reviewimgOuter img {
        margin: 5px 0px;
    }

    .textLine .commonPara {
        width: 100% !important;
    }

    .saasResults .container:first-child {
        background: var(--linearGrey);
        padding: 40px 40px;
        border-radius: 32px;
        max-width: 100%;
    }

    .resultNumbers {
        padding: 30px 0px;

    }

    .reviewSection .reviewContent {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .reviewSection .reviewContent>div {
        width: 100%;
    }

    .reviewSection .reviewContent .card .card-body {
        padding: 40px !important;
    }

    #saasPagesolutionsection .imageOuter,
    .openCasePagesolutionsection .imageOuter {
        margin: 0px 0px 12px 0px;

    }

    #saasPagesolutionsection2 .imageOuter,
    .openCasePagesolutionsection .imageOuter {
        margin: 0px 0px 12px 0px;

    }

    .reviewSection .container-fluid,
    .reviewSection .col-md-12 {
        padding: 0px;
    }

    #saasPagesolutionsection .imageOuter,
    .openCasePagesolutionsection .imageOuter {
        height: 180px !important;
        width: 100% !important;
        border-radius: 0px !important;
        position: unset !important;
    }

    #saasPagesolutionsection2 .imageOuter,
    .openCasePagesolutionsection .imageOuter {
        height: 180px !important;
        width: 100% !important;
        border-radius: 0px !important;
        position: unset !important;
    }

    .tabsSection .show {
        justify-content: flex-start;
    }

    .pageQaSolution .col-md-12 .imageOuter img {
        width: 95%;
    }

    #QAnotre .mytechnicalCards {
        min-height: 100%;
    }

    #tabrightHome img {
        height: 230px;
    }

    .solutionSection .paraHeading:first-child {
        margin-bottom: 20px;
    }

    .solutionSection .greyRow:first-child {
        padding-top: 0px;
    }

    .notreMission>.container #notreFirstrow {
        justify-content: center;
    }

    .notreMission .container #notreFirstrow>.col-md-6 {
        width: 100%;
    }

    .notreMission .container #notreFirstrow>.col-md-4 {
        width: 100%;
    }

    .notreMission .container #notreFirstrow>.col-md-8 {
        width: 100%;
    }

    .maincommonC {
        background: transparent;
    }

    .bannerSection .mainImage img {
        padding: 20px;
        width: 100%;
        margin: auto;
    }

    .bannerSection .mainImage {
        text-align: center;
        margin-top: 60px;
    }

    .proggressAdvantages .imageOuter img {
        height: 230px !important;
    }

    .saasvideoOuter {
        transform: translateY(0px);
    }

    .saasReviews .videoProfilepic {
        margin-left: 0px;
        left: 20px !important;
    }

    .rightBdesign .rightbrow .col-md-4:last-child .rightborderDiv::before {
        border: 1px solid transparent;
        background: linear-gradient(90deg, #2517F8, #E69AC7) border-box;

    }

    .saasReviews .messageReview {
        padding-right: 0px;
    }

    .orderReview {
        padding-top: 40px;
    }

    .proggresiveWebsolution::before {
        height: 100%;
    }

    .footersecondContainer .col-md-4 {
        flex: 0 0 auto;
        margin: 0px 0px 60px 0px;
    }

    .mytechnicalCards>.row {
        flex-direction: row !important;
    }

    .mytechnicalCards>.row>div {
        width: 50% !important;
    }

    .mytechnicalCards>.row .col-md-12 {
        width: 100% !important;
    }

    .mytechnicalCards .col-md-6 .myImage img {
        width: 250px;
        object-fit: contain;
    }

    .quotationReview {
        position: relative;
        z-index: 1;
    }

    .quotationReview::after {
        position: absolute;
        background: var(--linearGrey);
        width: 110%;
        margin: auto;
        content: '';
        height: 96%;
        border: 1px solid #505050;
        z-index: -1;
        bottom: -23px;
        left: -28px;
        border-radius: 16px;
    }

    .quotationReview .card-body {
        background: none !important;
        padding: 0px;
        border: none !important;
    }

    .quotationReview .reviewProfile {
        top: 0px;
    }

    .quotationImg {
        right: 30px;
        top: -72px;
    }

    .borderColumn .borderTextouter {
        padding: 10px 0px 10px 0px;
    }

    .footersecondContainer .contactCard {
        /* width: 210px !important; */
        flex: 0 0 33%;
    }

    .notreMission .container>.paraHeading:first-child {
        padding-bottom: 25px !important;
    }

    .rightBdesign .col-md-4 {
        width: 32%;
    }

    .rightborderDiv {
        padding: 0px 0px 0px 0px;
    }

    .reviewSection .maincardsouter .card-body .profileR .saasD {
        width: 100% !important;
    }

    .rightborderDiv::before {
        right: 0px;
    }

    .twoButtons a {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: none;
        text-decoration: underline;
        position: relative;
        padding-left: 30px;
    }

    .twoButtons a::after {
        position: absolute;
        right: 32px;
        top: 32px;
        width: 25px;
        height: 25px;
        opacity: 1;
    }

    .twoButtons a:before,
    .twoButtons a:after {
        position: absolute;
        left: 12px;
        content: ' ';
        height: 23px;
        width: 2px;
        background-color: #4029F2;
    }

    .twoButtons a:before {
        transform: rotate(45deg);
    }

    .twoButtons a:after {
        transform: rotate(-45deg);
        top: 0px;
    }

    .formRow .col-md-6:nth-child(4) {
        width: 80%;
    }

    .formRow .col-md-6:last-child {
        width: 20% !important;
    }

    .twoButtons button {
        margin-left: 10px;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(3) {
        width: 50%;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(4) {
        width: 50%;
        transform: translateY(-143px);
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(5),
    .footerfirstContainer .container .row .col-md-4:nth-child(5) ul {
        margin-bottom: 0px;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(7) {
        width: 260px;
        transform: translateY(-156px);
    }

    p#emptyDiv {
        display: none;
    }

    .footersecondContainer .col-md-12:last-child {
        padding: 0px;
    }

    .solutionSection .imageOuter {
        width: 100%;
        margin: 0px auto 35px;
    }

    .trustSection {
        margin-top: 0px;
    }

    .developmentCards .col .saasCardheading {
        height: 80px;
    }

    .consultingPagesolution2::before {
        height: 100% !important;
    }

    .formMain fieldset .row>div.col-md-6 {
        width: 100% !important;
    }

    .outerTele {
        width: 100% !important;
    }

    #pageQacontrols .container div.row>div.col-md-6 .greyP {
        margin-top: 10px;
    }

    div#reductionflexCards .row .card.col-md-4 {
        width: 100%;
    }

    div#reductionflexCards .row .card.col-md-8 {
        width: 100%;
    }

    .notreMission .container #notreFirstrow>div {
        background: #fff;
    }

    #homePagesolution .row>.col-md-6 {
        width: 100%;
    }

    #notreFirstrow .mytechnicalCards {
        padding: 20px;
    }

    .formMain form .col-md-6:nth-child(5) {
        margin-top: 20px;
    }

    a.Linkbutton.b-blue-custom {
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
    }
}

@media screen and (max-width: 767.98px) {
    header ul.navbar-nav {
        background: #F7F7F8;
        padding: 10px 10px;
        top: 10px;
        position: relative;
        border-radius: 0px 0px 16px 16px;
    }

    ul .dropdown,
    ul.navbar-nav li {
        display: block;
        width: 100%;
        padding: 5px 0px !important;
    }

    header nav ul li:nth-child(4) {
        padding: 5px 0px !important;
    }

    #serviceShow .profileR {
        min-height: 20px;
    }

    .dropdown:hover>.dropdown-menu .maincardsouter .card .identityImage,
    .dropdown.show>.dropdown-menu .maincardsouter .card .identityImage {
        width: 60.27px;
        height: 38px;
        object-fit: contain;
    }

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

    .dropdown-toggle img {
        right: 0px;
    }

    .dropdown:hover>.dropdown-menu .container .maincardsouter .col-lg-4,
    .dropdown.show>.dropdown-menu .container .maincardsouter .col-lg-4 {
        width: 100% !important;
        height: 100%;
        margin: 0px 0px 10px;
        padding: 10px !important;
    }
}

@media screen and (max-width:700px) {
    .quotationReview::after {
        position: absolute;
        background: var(--linearGrey);
        width: 100%;
        margin: auto;
        content: '';
        height: 96%;
        border: 1px solid #505050;
        z-index: -1;
        bottom: -23px;
        left: -6px;
        border-radius: 16px;
    }
}

@media screen and (max-width:576px) {
    #homePage .slick-next {
        top: 14px !important;
        left: 51px !important;
    }

    h1.headingBorderbox {
        font-size: var(--fontsize18);
        line-height: normal;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(7) {
        width: 100%;
        transform: translateY(-0px);
    }

    #notreFirstrow .maincommonC {
        padding: 0px;
    }

    #pageQacontrols .container .row .quotationReview .card-body {
        padding: 24px 10px !important;
    }

    #certificationRow {
        flex-wrap: wrap;
    }

    .timeManage {
        flex-wrap: wrap;
    }

    .timeManage .timeLink {
        /*margin: 5px 0px ;*/
    }

    #certificationRow .col-md-3 {
        width: min-content !important;
    }

    p.challengeHeading.d-flex.justify-content-start.align-items-center {
        justify-content: space-between !important;
        width: 100%;
        flex-direction: row-reverse;
    }

    .leadingTeam .greyDiscription {
        margin: 0px 0px 25px 0px;
    }

    .manyGradients {
        margin-bottom: 40px;
    }

    .seniorSection .container:first-child {
        padding: 30px;
    }

    .mytechnicalCards .myImage img {
        width: 250px;
    }

    .boldgradientOuter {
        display: flex;
        flex-direction: column;
    }

    .outerTele {
        width: 100% !important;
    }

    #commonrightBrow {
        margin-bottom: 0px;
    }

    .rightborderDiv::before {
        right: 0px;
        background: none !important;
    }

    .saasReviews .reviewContent>div {
        padding: 0px;
    }

    .saasTrust {
        padding: 20px 0px;
    }

    .Allaccordions .accordion-button {
        padding-bottom: 0px;
    }

    .Allaccordions .accordion-item .accordion-button {
        font-size: 16px;
    }

    #faqPage .headingSection {
        padding: 20px 0px;
    }

    .solutionSection .imageOuter {
        width: 100% !important;
        margin: 0px auto 20px;
        height: 270px !important;

    }

    .solutionSection .imageOuter img {
        height: 100% !important;
        width: 100% !important;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(3) {
        width: 100%;
    }

    .footerfirstContainer .container .row .col-md-4:nth-child(4) {
        width: 100%;
        transform: translateY(0px);
    }

    .rightBdesign .col-md-4 {
        width: 100%;
    }

    .formRow .col-md-6:nth-child(4) {
        width: 100%;
    }

    .formRow .col-md-6:last-child {
        width: 100% !important;
    }

    .twoButtons button {
        margin-left: 10px;
    }

    .twoButtons a {
        margin: 14px 0px 56px 0px;
    }

    .quotationReview .card-body {
        background: var(--linearGrey);
        padding: 20px 30px;
        border: 1px solid #505050;
    }

    .quotationImg {
        top: -31px;
    }

    .row.customreviewRow .card {
        transform: translateY(-26px);
    }

    .gradient-btn-outer {
        transform: translateY(23px);
    }

    .quotationReview .reviewProfile {
        left: 15px;
        top: 30px;
    }

    .orderReview {
        padding-top: 0px;
    }

    .rapideList li {
        font-size: var(--fontsize20);
    }

    .saasCards .col-md-6 {
        width: 100%;
        margin: 0px 0px 24px;
    }

    .saasCards {
        padding: 30px 0px;
    }

    .NotriProcess {
        padding: 30px 0px;
    }

    .reviewSection .mainSliderouter {
        margin-left: 0px;
    }

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

    .maincardsouter .col-lg-4 {
        width: 100%;
        margin: 0px 0px 16px;
    }

    .reviewSection .mainSliderouter {
        margin-left: 0px;
    }

    .slick-list {
        padding: 0px 0px 0px 0px !important;
    }

    .slick-next {
        right: 12px !important;
        margin-right: unset;
        margin-left: auto;
    }

    .slick-prev {
        right: 65px;
        margin-right: unset;
        margin-left: auto;
        top: 0px !important;
    }

    .mainHeading {
        font-size: 32px;
        line-height: 38px;
        width: 100%;
    }

    .bannerPara {
        font-size: 14px;
        line-height: 20px;
        margin: 18px 0px;
        width: 100%;
    }

    .gradient-btn {
        border-radius: 16px;
        max-width: 296px;
    }

    .paraHeading {
        font-size: 20px;
        line-height: normal;
    }

    .mainSliderouter .card .card-body {
        padding: 20px;
        min-height: 320px;
        /* width: 376px;
        margin: auto; */
    }

    .reviewProfile {
        left: 20px;
        top: 38px;
    }

    .card .reviewProfile img {
        width: 66px;
        height: 66px;
    }

    .trustHeading {
        font-size: 16px;
    }

    span.trustIcon {
        margin-left: 5px;
    }

    .trustIcon img {
        width: 157.226px;
    }

    .developmentText {
        margin-bottom: 30px;
    }

    .borderColumn .borderTextouter {
        padding: 30px 0px 0px 0px;
    }

    .borderColumn .borderTextouter h1.headingBorderbox>span {
        font-size: 18px;
        width: 100% !important;
    }

    .borderColumn .spanHeading {
        font-size: 18px;
        width: 100% !important;
    }

    .commonPara {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0px;
        width: 100% !important;
    }

    .headingSection {
        padding: 30px 0px !important;
    }

    .reviewSection {
        /*padding-left: 10px !important;*/
        /*padding-right: 10px !important;*/
    }

    .saasD {
        font-size: 16px;
        min-height: 25px;
    }

    .mytechnicalCards {
        padding: unset;
        border-radius: none;
        background: none;
        min-height: max-content;
    }

    .notreMission .paraHeading {
        padding: 0px 0px 30px 0px;
    }

    .mytechnicalCards .commonPara {
        width: 100%;
        margin: 8px 0px;
    }

    .rightborderDiv::before {
        display: none;
    }

    .cardHeadingpara {
        font-size: 16px;
        min-height: 25px;
    }

    .formSection {
        margin: 30px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
    }

    .formRow p.mainBlue {
        margin: 5px 0px !important;
        font-size: 16px;
        line-height: 25px;
    }

    .quotationReview .card-body {
        padding: 24px 10px;
    }

    .twoButtons {
        justify-content: center !important;
        flex-wrap: wrap;

    }

    .myImage img {
        width: 250px;
        object-fit: contain;
    }

    .twoButtons button {
        width: 100%;
    }

    .footerMain {
        margin: 30px 0px 0px 0px;
    }

    .logoOuter {
        margin-bottom: 22px;
        text-align: center;

    }

    .contactCard .paraHeading {
        height: 30px;
        font-size: 16px;
    }

    #emptyDiv {
        display: none;
    }

    .footerMain>div {
        padding: 0px 30px;
    }

    .borderText {
        margin: 0px 0px 0px 0px;
        text-align: center !important;
    }

    .gradient-btn-outer {
        background: none;
    }

    .leftContent .cardHeadingpara {
        width: 87%;
    }

    .allData .formImage {
        width: 138px;
        right: -20px;
        top: 0px;
    }

    .formImage img {
        transform: translateY(-67px);
    }

    .formRow {
        padding: 30px 20px;
    }

    .innerHeading {
        font-size: 16px;
        line-height: 20px;

    }

    .borderColumn {
        padding: 0px 20px;
    }

    .developmentCards .row.flex-wrap .col {
        width: 100% !important;
        flex: 0 0 auto;
    }

    .saasCardheading {
        font-size: 16px;
        height: 60px;
    }

    .imageOuter {
        margin: 6px auto 0px 6px;
    }

    section.NotriProcess .allContentmain {
        flex-direction: column;
        justify-content: flex-start;
    }

    .NotriProcess .writtenData {
        margin: 0px 0px 0px 0px;
    }

    .customProcess {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 30px;
    }

    .customProcess::after {
        left: 0px;
        height: 100%;
    }

    .customProcess .trustHeading {
        margin: 15px 0px;
    }

    .saasResults .greyDiscription {
        font-size: 16px;
    }

    .timeManage {
        margin: 20px 0px;
    }

    p.rNumber {
        font-size: 32px;
    }

    .saasSlider .marqueePara>span {
        margin: 0px 0px;
    }

    .saasSlider .slick-next {
        right: 0px !important;
        top: -60px !important;
    }

    .tabsSection .tabsNav .slick-prev,
    .tabsSection .tabsNav .slick-next {
        opacity: 1 !important;
        top: 0px !important;
    }

    .pageMvpcards {
        /*padding: 0px 10px !important;*/
    }

    .mainImage img {
        width: 100%;
        padding: 17px;
    }

    .pageMvpcards2 .maincardsouter .row .col-md-6 {
        width: 100%;
        margin: 0px 0px 12px 0px;
    }

    .saasResults .container:first-child {
        padding: 20px;

    }

    .reviewSection .reviewContent .card .card-body {
        padding: 40px !important;
    }

    .videoplayIcon {
        width: 64px;
        left: 44%;
        transform: translateY(-50%) translateX(-34%);
    }

    .tabsNav>div button.nav-link {
        width: 230px;
    }

    .tabsSection .tab-pane img {
        margin: 10px 10px;
    }

    .mainSliderouter .card .commonPara {
        width: 90% !important;
    }

    .solutionSection .commonParaOuter .greyDiscription {
        margin-bottom: 20px;
    }

    #tabrightHome img {
        height: 260px;
    }

    .bannerSection .mainImage img {
        padding: 30px 0px 0px 0px;
        width: 100%;
        margin: auto;
    }

    .proggressAdvantages .imageOuter img {
        height: 260px !important;
    }

    .saasSolution .imageOuter img {
        height: 180px !important;
    }

    .mytechnicalCards>.row {
        flex-direction: column !important;
    }

    .mytechnicalCards>.row>div {
        width: 100% !important;
    }

    .borderColumn {
        width: 100%;
    }

    #homePage .marqueeSection {
        padding: 0px 0px 0px 0px;
    }

    .slick-next,
    .slick-prev {
        top: 15px !important;
    }

    .servicesMenu .maincardsouter .card .identityImage {
        width: 30px !important;
        height: 40px;
    }

    .servicesMenu .maincardsouter .col-lg-4 {
        width: 31%;
        margin: 0px 2px 11px;
        padding: 8px !important;
        border-radius: 9px;
    }

    .Uiuxflexcards .mycustomCommonrow .card {
        display: block;
        gap: 0px;
    }

    .footersecondContainer .contactCard {
        width: 340px !important;
        flex: 0 0 100%;

    }

    .borderColumn {
        width: 100%;
        margin: auto;
    }

    .trustLinks {
        flex-wrap: wrap;
    }

    .trustLinks span.trustIcon:last-child {
        margin-left: 20px;
    }

    .allData .formImage {

        top: 19px;
    }

    .borderColumn .borderTextouter h1.headingBorderbox>span {
        list-style: 24px;
    }

    #pageSaas .saasSlider .slick-next {
        top: -25px !important;
    }

    #pageSaas .saasSlider .slick-prev {
        top: -25px !important;
    }
}

@media screen and (max-width:480px) {
    .saasCards {
        padding: 20px 0px;
    }

    .leftContent .cardHeadingpara {
        width: 50%;
    }

    .gradient-btn {
        border-radius: 16px;
        width: 100%;
        max-width: 290px;
    }

    .gradient-btn-outer .gradient-btn {
        margin: 0px 0px;
    }

    .NotriProcess {
        padding: 20px 0px;
    }

    .timeManage .timeLink:nth-child(2) {
        /*margin-left: 6px;*/
    }

    .timeManage .timeLink {
        /*padding: 8px 18px; */
    }

    .borderColumn {
        padding: 0px 7px;
    }

    .reviewSection .mainSliderouter .slick-list .card {
        width: 374px;
    }

    .container,
    .container-sm {
        max-width: 100% !important;
        margin: auto;
    }
}

@media screen and (max-width:400px) {
    .reviewSection .mainSliderouter .slick-list .card {
        width: 270px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
        /*padding: 0px;*/
    }
}

@media screen and (max-width:991px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .page-home .heading-section {
        padding-bottom: 60px;
    }

    .services-section .heading-section {
        padding-bottom: 30px;
    }

    .why-us-section .heading-section {
        padding-bottom: 40px;
    }

    .expertise-section .heading-section {
        padding-bottom: 40px;
    }

    /*
     * Home Page Css
     */
    .marqueePara>span {
        font-size: 48px;
        font-weight: 700;
        line-height: 28px;
    }

    .services-section .service-img {
        height: 230px;
        min-height: initial;
    }

    .services-section .dark-service .services-heading {
        line-height: 30px;
    }

    .heading-section.home-review-section-heading {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .reviewSection .icon-item .icon-img {
        height: 60px;
    }

    /*
     * Page Saas
     */
    .page-saas .icon-item .icon-title {
        min-height: initial;
    }

    .page-saas .icon-block-container.icon-block-5 .icon-title {
        min-height: 40px;
    }

    .saasCards {
        padding-bottom: 50px;
    }

    /*
     * Page PWA
     */
    .proggressAdvantages .commonPara {
        margin-top: 20px !important;
    }

    #pageConsulting .consultingPagesolution2 .col-md-6:nth-child(3),
    #pageConsulting .consultingPagesolution2 .col-md-6:nth-child(4) {
        margin-top: 30px;
    }
}

@media screen and (max-width:768px) {
    a.Linkbutton.b-blue-custom.scroll-to-cform {
        width: 100%;
        display: block;
        border: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:576px) {
    main {
        /*margin: 0;*/
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    header {
        padding-top: 20px;
    }

    header .navbar {
        padding: 0 !important;
    }

    header .navbar-brand {
        line-height: 1;
    }

    header .logo {
        width: 170px;
    }

    header .navbar-brand {
        transform: translateY(0px);
    }

    header .navbar-light .navbar-toggler {
        padding: 0;
    }

    header .navbar-light .navbar-toggler-icon {
        width: 22px;
        height: 15px;
    }


    .marqueePara>span {
        margin: 0px 20px;
        font-size: 32px;
    }

    .heading-section.home-review-section-heading {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .page-home .reviewSection .container {
        padding: 0;
    }

    #budgetDropdownSpan2 {
        display: block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-width: 230px;
    }
}

@media screen and (min-width:769px) {

    /*
     * Header css
     */
    #mobile_menu {
        display: none;
    }
}

@media screen and (max-width:768px) {

    /*
     * Header css
     */
    #desktop_menu {
        display: none;
    }
}