@media (max-width: 1400px) {
    .testimonial-section .platform-logo figure {
        width: calc(33.33% - 40px);
    }
    .cta-trial-section::before,
    .cta-trial-section .zcontainer .h-creative:last-child::before{
        display: none;
        content: unset;
    }

    .cta-trial-section .zcontainer {
        align-items: start;
        flex-direction: column;
    }

    .cta-trial-section .zcontainer .h-creative:last-child{
        margin-left: 0;
        margin-top: 20px;
    }

    .cta-trial-section {
        padding: 80px 0;
    }

    .testimonial-section .platform-logo {
        grid-gap: 40px;
    }

    footer .ftr-center .ftr-center-row {
        grid-gap: 20px;
    }

    .business-modal-list .tab-list svg image {
        width: 66%;
    }

    .titlee {
        margin-bottom: 4rem;
    }

    .core-purpose-section .owl-dots .owl-dot {
        margin: 0px !important;
        margin-top: -50px !important;
    }

    .connect-section .carousel.desktop.carplay-desktop {
        flex-direction: column;
        gap: 0;
    }

    .connect-section .carousel .nav div h2 {
        font-size: 3.8rem;
        line-height: 59px;
        padding: 0 0 15px !important;
    }

    .connect-section .carousel .nav {
        justify-content: space-between;
    }

    .smallBusi-detail-section .locker {
        grid-template-columns: [full-start] minmax(0.2rem, 1fr) [center-start] repeat(10, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(4.2rem, 1fr) [full-end];
    }
}


@media (max-width: 1199px) {

    .titlee {
        margin-bottom: 3rem;
    }

    .header-section .item-right {
        flex: 0 0 10%;
    }

    .Quick-connect-section .project-start-inner .start-right .start-link h3 {
        font-size: .97em;
    }

    .testimonial-section .platform-logo figure {
        width: calc(33.33% - 160px);
    }

    .testimonial-section .rating-platform {
        max-width: 100%;
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4 {
        pointer-events: unset;
    }

    .testimonial-section .platform-logo {
        grid-gap: 90px;
        width: 100%;
    }

    .platform-logo figure img {
        max-height: 41px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        left: 0;
        right: 0;
    }

    .our-product-section .HomeSolutions_overlay-btm-rt__3B5Ue svg {
        width: 150px;
        height: 150px;
    }

    .business-modal-box .business-modal-list>ul li a {
        font-size: 1em;
    }

    .testimonial-section .testimonial-title {
        max-width: 300px;
        width: 300px;
    }

    .testimonial-section .testimonial-slider {
        max-width: calc(100% - 286px);
    }

    footer .ftr-center .ftr-center-row {
        grid-gap: 0;
        width: calc(100% + 64px);
        margin-left: -32px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .Quick-connect-section .project-start-inner {
        padding: 30px;
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4 {
        width: 100%;
        margin: 0 0 -1px;
        border: 1px solid #dededf;
        border-left: 0;
        border-right: 0;
        font-size: 18px;
        position: relative;
        padding: 15px 60px 15px 32px;
        -webkit-transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        -o-transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        cursor: pointer;
    }

    footer.footer-section {
        border-top: unset;
    }

    footer .ftr-center {
        padding: 0;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-template-columns: 1fr 1fr;
    }

    .business-modal-list .tab-list svg image {
        width: 56%;
    }

    .portfolio-about-section .portfolio-about-wrapper {
        -moz-column-gap: 7rem;
        column-gap: 7rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - 3.5rem)));
        row-gap: 1.875rem;
    }

    .portfolio-feature-section .image-content-section .image-content-grid {
        -moz-column-gap: 6rem;
        column-gap: 6rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - 3rem)));
        row-gap: 1.65rem;
    }

    .portfolio-feature-section .image-content-section .description-content {
        margin-bottom: 2.875rem;
    }

    .techstack-section .megnify {
        -moz-column-gap: 5rem;
        column-gap: 5rem;
    }

    .business-phil-section.brainers-love-us-section .owl-nav {
        right: 120px;
    }

    .portfolio-about-section .portfolio-about-wrapper {
        margin-top: 40px;
    }

    #globeCanvas canvas,
    #globeCanvas {
        width: 600px !important;
        height: 600px !important;
    }

    .smallBusi-detail-section .locker {
        grid-template-columns: [full-start] minmax(0.2rem, 1fr) [center-start] repeat(10, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(0.2rem, 1fr) [full-end];
    }

    .smallBusi-detail-section .locker__image:before {
        left: -270px;
    }
}

@media(max-width: 991px) {

    #globeCanvas canvas,
    #globeCanvas {
        display: none;
    }

    .brainers-love-us-section .subttl {
        width: 100%;
        text-align: center;
    }

    .business-phil-section.brainers-love-us-section .owl-nav.disabled {
        display: none !important;
    }

    .portfolio-about-section .portfolio-about-wrapper {
        align-items: flex-start;
        -moz-column-gap: 6rem;
        column-gap: 6rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - 3rem)));
        row-gap: 1.875rem;
    }

    .Quick-connect-section .project-start-inner.start-contact .start-left {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .Quick-connect-section .project-start-inner.start-contact .start-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .business-modal-list .tab-list svg {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }

    .sitemap-section .style-check {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    .business-modal-list .tab-list svg image {
        width: 100%;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info p {
        font-size: 16px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        width: 100px;
        height: 100px;
    }

    .collabration-section .our-client-list {
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
        display: grid;
        grid-template-columns: repeat(5, minmax(1.875rem, calc(20% - 1.5rem)));
        row-gap: 1.25rem;
    }

    .cusSpeak-section .client-review-list {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        margin-bottom: 0;
        row-gap: 1.25rem;
    }

    .cusSpeak-section .review-testimonial {
        border: .063rem solid #c9ced9;
        border-radius: .938rem;
        padding: 1.625rem 1.25rem;
    }

    .tabNavWrk {
        display: none;
    }

    .choose-us-section.wrkModal .gap-6 {
        grid-template-columns: 100%;
    }

    .cusSpeak-section .review-testimonial .client-info-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.625rem;
    }

    .collabration-section .our-client-list li img,
    .collabration-section .our-client-list li>div {
        height: 2.875rem !important;
    }

    .collabration-section .our-client-list li img,
    .collabration-section .our-client-list li>div {
        height: 2.875rem !important;
    }


    .business-modal-box .business-modal-list {
        max-width: 870px;
        width: 100%;
    }

    .business-modal-box {
        flex-direction: column;
        align-items: center;
    }

    .business-modal-section .subttl {
        text-align: center;
    }

    .breadcrumb-container {
        height: 60vh;
    }

    .hero-banner-title h1 {
        font-size: 3.3rem;
        line-height: 1;

    }

    .hero-banner-description {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .business-phil-section {
        padding-bottom: 100px;
    }

    .business-modal-section #business-modal-graphic {
        width: 100%;
    }

    .plus-row .eqh-box .h3 {
        font-size: 16px;
        line-height: 25px;
    }

    /* .bgInsight {
        height: 260px;
    } */

    .mainTtl .title-h4 {
        font-size: 40px;
    }

    .plus-row .eqh-box .btn-bottom {
        font-size: 12px !important;
    }

    /* Header========= */

    .header-section .menu-main {
        display: unset;
        justify-content: center;
    }

    .header-section .item-center {
        order: 3;
        flex: 0 0 100%;
    }

    /* .header-section .item-left,
    .header-section .item-right {
        flex: 0 0 auto;
    } */
    .header-section .item-left {
        flex: 0 0 24%;
    }

    .header-section .v-center {
        justify-content: space-between;
    }

    .header-section .mobile-menu-trigger {
        display: flex;
        height: 30px;
        width: 30px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }

    .header-section .mobile-menu-trigger span {
        display: block;
        height: 2px;
        background-color: #333333;
        width: 24px;
        position: relative;
    }

    .header-section .mobile-menu-trigger span:before,
    .header-section .mobile-menu-trigger span:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #333333;
    }

    .header-section .mobile-menu-trigger span:before {
        top: -6px;
    }

    .header-section .mobile-menu-trigger span:after {
        top: 6px;
    }

    .header-section .item-right {
        align-items: center;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4 {
        z-index: 0;
    }

    .header-section {
        padding: 15px 0;
        z-index: 10;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4 {
        z-index: 1;
    }

    .header-section .menu {
        position: fixed;
        width: 320px;
        background-color: var(--white);
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        z-index: 1099;
    }

    .header-section .menu.active {
        transform: translate(0%);
    }

    .header-section .menu>ul>li {
        line-height: 1;
        margin: 0;
        display: block;
    }

    .header-section .menu>ul>li>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header-section .menu>ul>li>a i {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
    }

    .header-section .menu .mobile-menu-head {
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: var(--white);
        top: 0;
    }

    .header-section .megaSearch .btn {
        min-height: 2.425rem;
        min-width: 2.425rem;
        padding: 0.15rem 0.55rem;
        border-radius: 16px;
        border: 1px solid;
    }

    .header-section .megaSearch .btn svg path {
        fill: var(--primary);
    }

    .header-section .content .megaSearch input {
        display: block;
        font-size: 13px;
    }

    .header-section .item-right a.iconSearch:hover {
        color: var(--white);
        background-color: var(--secondary);
    }

    .header-section .mega-menu.mega-menu-column-4.fourMega .menu-main {
        display: block;
    }

    .header-section ul.menu-main>li>a span,
    .header-section .menu>ul>li>a span {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
        font-size: 16px;
    }

    .header-section .menu .mobile-menu-head .go-back {
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: var(--black);
        font-size: 16px;
        display: none;
    }

    .header-section .menu .mobile-menu-head.active .go-back {
        display: block;
    }

    .header-section .menu .mobile-menu-head .current-menu-title {
        font-size: 15px;
        font-weight: 500;
        color: var(--black);
    }

    .header-section .menu .mobile-menu-head .mobile-menu-close {
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: var(--black);
        font-size: 25px;
    }

    .header-section .menu .menu-main {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu,
    .header-section .menu>ul>li .sub-menu {
        visibility: visible;
        opacity: 1;
        position: absolute;
        box-shadow: none;
        margin: 0;
        padding: 15px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 65px;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
    }

    .header-section .menu>ul>li .sub-menu.active {
        display: block;
    }

    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            transform: translateX(0%);
        }
    }

    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0%);
        }

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

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
        margin-top: 0;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
        margin-bottom: 20px;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
        margin-bottom: 0px;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        background-color: var(--white);
        flex: 0 0 100%;
        padding: 0px;
    }

    .header-section .menu>ul>li .sub-menu>ul>li>a,
    .header-section .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
        display: block;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
        margin-bottom: 15px;
    }

    .header-section .menu-overlay {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

    .header-section .menu-overlay.active {
        visibility: visible;
        opacity: 1;
    }

    .header-section .content {
        flex-direction: column;
    }

    .header-section .megaSearch {
        display: none;
    }

    .header-section .content .text-content,
    .header-section .content .list {
        width: 100%;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.fifthMega .content .text-content .list-item {
        flex: 0 0 100%;
        margin-right: 0px;
    }

    .header-section .mainHub .list-item ul li {
        line-height: 1.5;
    }

    .header-section .content .text {
        flex-direction: column;
    }

    .header-section .content .list {
        margin-bottom: 20px;
        display: none;
    }

    .header-section .mainHub.mainFirstHub {
        display: none;
    }

    .header-section .mainHub.mainSecondHub {
        display: block;
    }

    .header-section li.menu-item-has-children-two>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
        font-weight: 500;
        color: var(--black);
        position: relative;
        text-transform: capitalize;
        transition: color 0.3s ease;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .header-section ul>li.menu-item-has-children-two>a i {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
    }

    .header-section .menu>ul>li .sub-menu>ul>li.menu-item-has-children-three a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
        font-weight: 500;
        color: var(--black);
        position: relative;
        text-transform: capitalize;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: color 0.3s ease;
    }

    .header-section ul>li.menu-item-has-children-three>a i {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.fifthMega .content h4.title {
        margin-bottom: 0;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box:last-child {
        padding-bottom: 30px;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 15px;
        font-weight: 500;
        color: var(--black);
        position: relative;
        text-transform: capitalize;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: color 0.3s ease;
    }

    .technology-section .technology-list {
        grid-gap: 20px 20px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .header-section .menu .mobile-menu-head .current-menu-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* Header End========= */
    .services-section .tab-content .card {
        min-height: 450px;
    }

    .testimonial-section .platform-logo figure {
        width: calc(25% - 30px);
    }

    .testimonial-section .testimonial-items .testimonial-title {
        text-align: center;
        margin: 0 0 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }

    .CallToAction_cta-thumb__tF2ys::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--black);
        opacity: 0.8;
        z-index: 0;
    }

    .choose-us-section.section.wrkModal {
        overflow: hidden;
    }

    .testimonial-section .rating-platform {
        display: none;
    }

    .testimonial-section .slider-one.owl-carousel.owl-loaded.owl-drag {
        margin-bottom: 0px;
    }

    .testimonial-section .testimonial-items .testimonial-slider {
        max-width: none;
        margin: 0 -18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0 !important;
    }

    .testimonial-section .testimonial-items {
        flex-direction: column;
    }

    .testimonial-section .rating-platform {
        max-width: 100%;
    }

    /* .platform-logo figure img {
        max-height: 40px;
    } */
    .testimonial-section .testimonial-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .testimonial-section .rating-platform {
        margin: 0 0 30px;
    }

    .our-product-section .HomeSolutions_overlay-btm-rt__3B5Ue svg {
        width: 120px;
        height: 120px;
        position: absolute;
        top: 50px;
        right: 40px;
    }

    .breadSpeak .hero-banner-title h1 {
        font-size: 3rem;
    }

    .video-section .divider__text {
        font-size: 60px;
    }

    .blog-section .insights-blogs-details>.h5 {
        font-size: 1rem;
        line-height: 1.525rem;
    }

    .blog-section .insights-blogs-details .insight-title.h6 {
        font-size: 0.8rem;
    }

    .a-btn {
        font-size: 14px;
        padding: 8px 0 7px 22px;
    }

    .a-btn:before {
        min-width: 32px;
        height: 32px;
    }

    .a-btn:hover:before {
        min-width: 170px;
    }

    .portfolio-section .project_head,
    .portfolio-section .project_list p.project_head {
        font-size: 23px;
    }

    .portfolio-section .project_list li {
        font-size: 13px;
    }

    .sub-services-section .owl-nav {
        right: 0;
        width: 100%;
        justify-content: center;
    }

    footer .copyright .copyright-row .connect-with-us h5 {
        margin-right: 0
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec .fmenu {
        display: none;
        padding: 20px 32px;
    }

    .sub-services-section .subttl {
        text-align: center;
        margin: 0 0 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .choose-us-section .a-btn.waysa:hover:before {
        min-width: 270px;
    }

    .about-offer .a-btn:hover:before {
        min-width: 210px;
    }

    .business-service-section .a-btn:hover:before {
        min-width: 224px;
    }

    .portfolio-section .a-btn:hover:before {
        min-width: 190px;
    }

    .CallToAction-section .a-btn:hover:before {
        min-width: 162px;
    }

    .working-process-section .a-btn:hover:before {
        min-width: 300px;
    }

    .faq-section .a-btn.waysa:hover:before {
        min-width: 300px;
    }

    .section {
        padding: 50px 0;
    }

    .header-section .menu>ul>li {
        padding: 0px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-gap: 100px;
        padding: 100px 0 40px;
    }

    .header-section .menu-main .menu-item-has-children>a,
    .header-section .menu-main .menu-item-normal>a,
    .header-section .list-item ul li a {
        position: relative;
        text-decoration: none;
        z-index: 0;
        display: inline;
        padding-bottom: 1px;
        background-image: -o-linear-gradient(transparent calc(100% - 1px), var(--primary) 1px);
        background-image: linear-gradient(transparent calc(100% - 1px), var(--primary) 1px);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 0% 100%;
        -webkit-transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9);
        -o-transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9);
        transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9);
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.thirdMega>.list-item ul {
        display: block;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.thirdMega {
        overflow: auto;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.thirdMega::before {
        content: unset;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu-column-4.thirdMega>.list-item ul li a:hover span:before {
        top: -20%;
    }

    .marketing-services-card-wrapper {
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - .9375rem)));
        row-gap: 1.875rem;
    }

    .compbt {
        margin-bottom: 5px;
    }

    .compbt p {
        font-size: 13px;
        line-height: 1.8;
    }

    .compbt span {
        font-size: 18px;
        line-height: 1.4;
    }

    .header-section .menu>ul>li .sub-menu.mega-menu,
    .header-section .menu>ul>li .sub-menu {
        padding-top: 45px;
    }

    .banner-content-section .banner-content-wrapper .banner-info {
        color: #191d26;
        margin-bottom: 1.25rem;
    }

    .portfolio-about-section .portfolio-about-wrapper .about-left-content .about-industry-country-box {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - 1.5rem)));
        margin-bottom: 1.675rem;
        row-gap: 1.25rem;
    }

    .portfolio-about-section .portfolio-about-wrapper .about-left-content .about-industry-country-box>li .h4,
    .portfolio-about-section .portfolio-about-wrapper .about-left-content .about-industry-country-box>li h4 {
        margin-bottom: .215rem;
    }

    .brainers-love-us-section .brainers-love-us-card .love-us-card-content {
        padding: 1.25rem;
    }

    .portfolio-about-section .portfolio-about-wrapper .about-right-content .about-right-content-inner:after,
    .portfolio-about-section .portfolio-about-wrapper .about-right-content .about-right-content-inner:before {
        content: "";
        left: 0;
        position: absolute;
        right: 0;
    }

    .portfolio-feature-section .image-content-section .image-content-grid {
        align-items: center;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - 2rem)));
        row-gap: 1.65rem;
        align-items: center;
    }

    .portfolio-feature-section .image-content-section .image-content-grid .image-content-left {
        text-align: left;
    }

    .portfolio-feature-section .image-content-section .description-content {
        margin-bottom: 1.875rem;
    }

    .description-content>:last-child,
    .description-content>:last-child p:last-child {
        margin-bottom: 0;
    }

    .portfolio-feature-section .image-content-section .image-content-grid .image-content-right {
        padding: 1rem 0;
    }

    .techstack-section .megnify {
        display: flex;
        flex-direction: column;
        row-gap: 1.875rem;
    }

    .product-link-store-section .product-link-store-buttons {
        flex-direction: row;
        min-height: 4.375rem;
        row-gap: 1.875rem;
    }

    .client-review-section .glider-wrapper .glider-slide-item {
        -ms-box-shadow: 0 .938rem 3.125rem rgba(0, 0, 0, .078);
        -o-box-shadow: 0 .938rem 3.125rem rgba(0, 0, 0, .078);
        box-shadow: 0 .938rem 3.125rem rgba(0, 0, 0, .078);
        flex-direction: row;
        min-height: 18.5rem;
    }

    .core-purpose-section .owl-dots,
    .core-purpose-section .owl-nav {
        display: none;
    }

    .core-purpose-section .content {
        padding: 0;
    }

    .core-purpose-section .text-formatted {
        margin: 20px 0 0;
    }

    .core-purpose-section .content h2 {
        margin-top: 0;
    }

    .inegrated-section .wf-integrations-tools_container.-text-first:only-child {
        flex-direction: column;
        width: 100%;
    }

    .inegrated-section .wf-integrations-tools_container:only-child .wf-integrations-tools_title-link-wrapper {
        flex-basis: unset;
    }

    .about-counte.aos-init.aos-animate {
        margin-bottom: 30px;
    }

    .nav-tabs .nav-li {
        margin-right: 15px;
        margin-left: 15px;
    }

    .connect-section .owl-nav {
        display: none;
    }

    .connect-section .owl-carousel .item {
        flex-direction: column;
        width: 100%;
        gap: 20px;
        text-align: center;
    }

    .connect-section .carousel .nav div h2 {
        font-size: 2.5rem;
        line-height: 34px;
        padding: 0 0 10px !important;
    }

    .connect-section .carousel .nav {
        margin-bottom: 30px;
    }
    .smallBusi-detail-section .locker__section .section-title {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 12px;
    }
    .smallBusi-detail-section .locker__image{
        background-color: unset;
    }
    .smallBusi-detail-section .locker__image:before{
        content: unset;
    }
    .scrollspy-container ul.nav {
        margin-bottom: 20px;
        padding-bottom: 20px;
      }
      .blog-detail-right h1 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 41px;
        line-height: 51px;
    }
    .blog-detail-right h4 {
      font-size: 36px;
      line-height: 44px;
    }
    .blog-banner-detail .blog-bnertile {
      width: 60%;
    }
    .request-quote-banner .banner-background {
        border-bottom-left-radius: 3.125rem;
        border-bottom-right-radius: 3.125rem;
        bottom: 0;
        height: 100%;
    }
    .request-quote-banner .banner-background .banner-background-desktop {
        display: none;
    }
    .request-quote-banner .banner-background:after {
        background: linear-gradient(80.54deg, #011956, #1966e9 109.32%);
        bottom: 0;
        content: "";
        left: 0;
        opacity: .875;
        position: absolute;
        right: 0;
        top: 0;
    }
    .request-quote-banner .container {
        display: flex
    ;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        max-width: 1260px;
        padding: 0 1.25rem;
        width: 100%;
    }
    .request-quote-banner .container {
        padding: 0 1.875rem;
    }
    .request-quote-banner .request-quote-main .request-quote-rightbar {
        padding: 2.625rem 0 2.188rem;
    }
}


@media(max-width: 767px) {
    .request-quote-banner .request-quote-main .request-quote-rightbar .reuest-quote-form .form-section {
        padding: 2.5rem 1.875rem;
    }
    .request-quote-banner .request-quote-main .request-quote-rightbar .reuest-quote-form .form-section .form-filedset>div {
        grid-column: 1 / -1;
    }
    .request-quote-banner .request-quote-main .request-quote-rightbar .reuest-quote-form .form-section .form-filedset {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        display: grid
    ;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        row-gap: .65rem;
    }
    .request-quote-banner .request-quote-main .request-quote-rightbar {
        padding: 2.625rem 0 0;
    }
    .request-quote-banner .request-quote-main {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem;
        display: grid
;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        row-gap: 2.25rem;
    }
    .blog-banner-detail .blog-bnertile {
        width: 100%;
    }
    .blog-banner-detail .blog-bnertile h1 {
      font-size: 40px;
      line-height: 50px;
    }
    .blog-banner-detail {
      height: 284px;
    }
    .blog-detaiSerarch input {
      width: 56%;
    }
    .sectioned {
        padding-bottom: 50px;
    }

    .portfolio-navbar-section .portfolio-detail-nav {
        min-height: 3.75rem;
        margin-top: 26px;
    }

    .Quick-connect-section .project-start-inner {
        padding: 30px 15px;
        min-height: auto;
        gap: 20px;
    }

    .sitemap-section .style-check {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .sitemap-section .style-check li a {
        font-size: 0.925rem !important;
        line-height: 1.175rem;
    }

    .sitemap-section .bg-prim {
        font-size: 1.475rem;
    }

    .awards-list-section .awards-card {
        margin-bottom: 30px;
    }

    .globe-wrapper {
        display: none;
    }

    .our-clients-row {
        max-width: 100%;
        width: 100%;
    }

    .business-modal-box .business-modal-list>ul {
        padding: 0 0 30px;
    }

    .business-phil-section .owl-nav {
        display: none;
    }

    .business-modal-box .business-modal-list>ul li a {
        font-size: 1em;
        padding: 27px 4px;
    }

    .business-modal-box .business-modal-list .tab-list p {
        margin-bottom: 19px;
        font-size: 15px;
    }

    .marketing-services-card-wrapper {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        margin-bottom: 0;
        row-gap: 1.25rem;
    }

    .cta-trial-section .h-content h2 {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: 40px;
        letter-spacing: -0.5px;
        font-weight: 600;
    }
    .cta-trial-section .zcontainer .h-creative:last-child {
        width: 220px;
    }

    .marketing-services-card-wrapper .marketing-card {
        align-items: center;
        background-color: #fff;
        border: .063rem solid #c9ced9;
        border-radius: .625rem;
        -ms-box-shadow: 0 .313rem 0 rgba(0, 0, 0, .1);
        -o-box-shadow: 0 .313rem 0 rgba(0, 0, 0, .1);
        box-shadow: 0 .313rem 0 rgba(0, 0, 0, .1);
        display: flex;
        flex-direction: row;
        gap: 1.25rem;
        margin-bottom: 0;
        min-height: 4.125rem;
        padding: .875rem 3.125rem .875rem .938rem;
        position: relative;
        transition: all .1s ease-in-out;
    }

    .collabration-section .our-client-list {
        -moz-column-gap: 1.563rem;
        column-gap: 1.563rem;
        display: grid;
        grid-template-columns: repeat(4, minmax(1.875rem, calc(25% - 1.17225rem)));
        row-gap: .938rem;
    }

    .blog-section .insights-blogs-item {
        margin-bottom: 30px;
    }

    .contact-section .left-brush-top .left-brush {
        padding-left: 0px;
    }

    .contact-section .left-brush::before {
        left: 15px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step span {
        font-size: 35px;
    }

    .title-h4 {
        font-size: 35px;
    }

    .business-service-section .border-start {
        border-left: unset !important;
    }

    .contact-section .left-brush-top .left-brush,
    .contact-section .cmr-contact .contact-form-detail {
        text-align: center;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-gap: 60px;
    }

    .video-section .divider__text {
        font-size: 50px;
    }

    .portfolio-about-section .portfolio-about-wrapper {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        row-gap: 1.875rem;
    }

    .breadSpeak .hero-banner-title h1 {
        font-size: 2rem;
    }

    .technology-section .technology-list .technology-list-item {
        width: 140px;
    }

    .section {
        padding: 50PX 0;
        position: relative;
    }

    .choose-us-section .grid {
        display: flex;
        flex-direction: column;
    }

    .blog-section .insights-blogs-details {
        flex-wrap: wrap;
        height: 100%;
        padding: 1.1rem 1.8rem 1.2rem;
        width: 100%;
    }

    .about-section .title-h4 {
        font-size: 32px;
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .side-sticky {
        position: unset;
    }

    .testimonial-section .platform-logo {
        grid-gap: 20px;
        width: 100%;
    }

    .our-product-section .HomeSolutions_solution-card__oSfA6 .HomeSolutions_overlay__LL5uj {
        padding: 1rem 1rem;
        justify-content: space-around;
    }

    .our-product-section .HomeSolutions_solution-card__oSfA6 .HomeSolutions_overlay-top__0peTr .HomeSolutions_desc__gY4ou {
        font-size: 1.05rem;
        line-height: 1.675rem;
        margin: 0.7rem 0 0;
    }

    .breadSpeak.breadacheive .hero-banner-title h1 {
        font-size: 2.7rem;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        width: 80px;
        height: 80px;
    }

    .our-product-section .HomeSolutions_solution-card__oSfA6 .HomeSolutions_overlay-top__0peTr .HomeSolutions_title__khJKl {
        font-size: 2.15rem;
    }

    .faq-section .faq-question {
        font-size: 14px;
        padding: 15px;
    }

    .faq-section .faq-answer {
        font-size: 13px;
    }

    .faq-section .grid {
        display: flex;
        flex-direction: column;
    }

    footer .ftr-top-row {
        grid-gap: 30px
    }

    footer .ftr-center {
        padding-bottom: 0px;
        padding-top: 40px;
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec:first-child {
        width: calc(20% - 30px)
    }

    footer .award-company-box {
        padding-bottom: 35px
    }

    footer .award-company-box .ftr-bottom-row h2 {
        margin-bottom: 20px;
        font-size: 20px
    }

    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo {
        grid-gap: 20px
    }

    footer .ftr-link-sec.technology .remove-dots.foot-answer {
        overflow: auto;
    }

    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item {
        width: calc(33.33% - 14px)
    }

    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item figure img {
        max-height: 45px
    }

    footer .copyright .copyright-row {
        grid-template-columns: 1fr
    }

    footer .copyright .copyright-row .connect-with-us {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    footer .copyright .copyright-row .connect-with-us h5 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    footer .copyright .copyright-row {
        grid-template-columns: 1fr;
    }

    footer .copyright .copyright-row .connect-with-us {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .faq-section.section::before {
        opacity: 1;
    }

    .keyCorporate-section .facts .facts-details .facts-title {
        margin-bottom: 0.175rem;
        font-size: 1.9rem;
    }

    .cta-section .cta-box .title-h4 {
        font-size: 28px;
    }

    .header-section .item-left {
        flex: 0 0 50%;
    }

    .breadcrumb-ul-li-p {
        font-size: 13px;
    }

    .hero-banner-title h1 {
        font-size: 43px;
        margin-top: 0.3pc;
        margin-bottom: 0.3pc;
        line-height: 1;
    }

    .client-section .globe.js-globe img {
        max-width: 350px;
        margin-bottom: 30px;
    }

    .insights-process-section .bg-topaz-medium.bgInsight {
        margin-bottom: 30px;
    }

    .hero-banner-description {
        font-size: 1.2rem;
    }

    .breadcrumb-container {
        height: 60vh;
        max-height: 100%;
        background: url(../images/breadcrumb.jpg) no-repeat bottom left;
        background-size: initial;
    }

    .drivContent p {
        font-size: 22px;
    }

    .drivContent2 .descc {
        font-size: 28px;
        font-weight: 600;
        position: relative;
        z-index: 1;
        margin-bottom: 1rem;
    }

    .drives-us-section .drivTtl h4 {
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .drives-us-section .drivTtl h1 {
        font-size: 26px;
        font-weight: 700;
    }

    .mainTtl .title-h4 {
        font-size: 40px;
        font-weight: 600;
    }

    .drives-us-section .drives-left {
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .drives-us-section::after {
        content: unset;
    }

    .counter-row .counter-box {
        width: calc(25% - -11.5px);
    }

    .countries-boxes {
        grid-gap: 25px 120px;
    }

    .keyCorporate-section.corevle .facts .facts-details .facts-title {
        margin-bottom: 0;
        font-size: 1.9rem;
        font-weight: 600;
        height: 160px;
    }

    .banner-content-section .banner-content-wrapper .portfolio-banner-image {
        border-radius: .625rem;
        display: flex;
        overflow: hidden;
        /* padding-bottom: 56.72%; */
        position: relative;
    }

    .portfolio-navbar-section .portfolio-detail-nav ul {
        display: flex;
        gap: 0;
        margin-bottom: 0;
        overflow-x: auto;
        padding: 0 1.5rem;
        white-space: nowrap;
    }

    .portfolio-navbar-section .portfolio-detail-nav ul {
        gap: 0rem;
        padding: 0;
    }

    .portfolio-navbar-section .portfolio-detail-nav ul li.nav-item .nav-link {
        padding: 0.6rem 0.55rem;
        transition: all .3s ease;
        font-size: 13px;
    }

    .portfolio-about-section .portfolio-about-wrapper .about-left-content .about-industry-country-box {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        margin-bottom: 1.25rem;
        row-gap: 1.25rem;
    }

    .portfolio-navbar-section .portfolio-detail-nav ul li .menu-item {
        font-weight: 500;
        padding: 1rem 2.6rem;
    }

    .portfolio-feature-section .image-content-section .image-content-grid {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(1, minmax(1.875rem, 100%));
        row-gap: 1.65rem;
    }

    .portfolio-feature-section .image-content-section .image-content-grid .image-content-left {
        margin-left: -1.2rem;
        text-align: center;
    }

    .portfolio-feature-section .feature-section-title {
        margin-bottom: 2rem;
    }

    .portfolio-feature-section .image-content-section.even .image-content-right {
        order: 1;
    }

    .image-slider-auto-width-section {
        padding-bottom: 2.344rem;
        padding-top: 2.344rem;
    }

    .image-slider-auto-width-section .item {
        height: 20rem !important;
    }

    .product-link-store-section {
        padding-bottom: 4.688rem;
        padding-top: 3.125rem;
    }

    .client-review-section {
        padding-bottom: 4.688rem;
    }

    .client-review-section {
        padding-top: 4.688rem;
    }

    .business-phil-section.brainers-love-us-section .owl-nav {
        display: none !important;
    }

    .culture-filter-section .under-tech-content {
        display: block;
    }

    .nav-tabs .nav-li {
        margin-bottom: 30px;
    }

    .recent-career-section .paragraph.paragraph--type--card-info-stand-tiles {
        min-height: 310px;
        margin: 0 10px 10px 10px;
    }

    .wf-all-hubs-pricing-card.cl-card.-featured {
        margin-bottom: 30px;
    }

    .wf-all-hubs-pricing-cards {
        grid-template-columns: repeat(1, 298px);
    }

    .pricing-sponsors {
        padding-top: 0;
        flex-wrap: wrap;
    }

    .easy-to-us-section .csol-full-width-cta-card-container,
    .csol-cta-content-block-container {
        flex-direction: column;
        gap: 30px;
    }

    .csol-full-width-cta-card-graphic-container {
        padding: 150px;
    }

    .csol-full-width-cta-card-image {
        min-width: 100%;
        width: 100%;
    }

    .easy-to-us-section .wf-link-to-content-grid.-three-columns {
        grid-template-columns: 1fr;
    }

    .connect-section .carousel .nav div h2 {
        font-size: 1.5rem;
        line-height: 27px;
    }

    .connect-section .carousel .nav {
        margin-bottom: 20px;
    }

    .connect-section .owl-carousel .item img {
        width: 190px;
    }

    .domains-infocus-boxes li {
        width: calc(26% - 0px);
    }

    .title-h5 {
        font-size: 25px;
    }
    .smallBusi-detail-section .locker__section p{
        font-size: 14px;
    }
    .smallBusi-detail-section .locker__section {
        max-width: 249px;
        min-height: 1000px;
        min-width: 249px;
    }
    .smallBusi-detail-section .locker__image{
        display: none;
    }
    .smallBusi-detail-section .locker__content {
        grid-column: col-start 1 / center-end;
        padding: 0 20px;
    }
    .smallBusi-detail-section .locker__section {
        max-width: 100%;
        min-height: 250px;
        min-width: 100%;
    }
    .smallBusi-detail-section .locker__section {
        height: 20vh;
    }
    .smallBusi-detail-section .locker{
        min-height: 0;
    }
    .wp-block-landingi-ornament {
        display: none;
    }
    .smallBusi-banner-item {
        margin-top: 20px;
    }
    .smallBusi-banner-item h1 {
        line-height: 1.15;
        font-size: 6vw;
        font-weight: 400;
        margin-bottom: 3px;
    }
    .smallBusi-banner-item h5 {
        font-size: 1.2rem;
        font-weight: 300;
        width: 100%;
    }
    .smallsahns{
        gap: 12px;
    }
    .smallBusi-banner-section.section #video-poster {
        margin-top: 40px;
    }
    .smallBusi-banner-section.section #my-video, .smallBusi-banner-section.section #video-poster {
        height: 100%;
        margin-top: 40px;
    }
}

@media(max-width: 500px) {
    .domains-infocus-boxes li {
        width: calc(37% - 0px);
    }

    .video-section .divider__text {
        font-size: 40px;
    }

    .Quick-connect-section .start-right {
        gap: 20px;
        margin-top: 10px;
    }

    .Quick-connect-section .start-right .start-link {
        width: 100%;
    }

    .breadSpeak.breadacheive .hero-banner-title h1 {
        font-size: 1.8rem;
    }

    .breadSpeak.breadacheive .breadcrumb-content {
        padding: 51px 25px;
    }

    .cusSpeak-section .review-testimonial .client-info {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

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

    .business-modal-box .business-modal-list>ul li a {
        font-size: 0.7em;
        padding: 16px 4px;
        align-items: center;
        justify-content: flex-start;
    }

    .business-modal-box .business-modal-list>ul li:last-child a {
        height: 68px;
    }

    .contact-section .left-brush::before {
        width: 50px;
        height: 50px;
        background-size: 50px;
    }

    .collabration-section .our-client-list {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: repeat(3, minmax(1.875rem, calc(33.33333% - 1rem)));
        row-gap: .859rem;
    }

    .section {
        padding: 40px 0 40px;
        position: relative;
    }

    .technology-section .technology-list .technology-list-item {
        width: calc(50% - 10px);
    }

    .platform-logo figure {
        width: calc(33.33% - 15px);
    }

    .our-product-section .HomeSolutions_solution-card__oSfA6 .HomeSolutions_overlay-top__0peTr .HomeSolutions_desc__gY4ou {
        font-size: 0.85rem;
        line-height: 1.475rem;
        margin: 0.5rem 0 0;
    }

    .our-product-section .HomeSolutions_overlay-btm-rt__3B5Ue svg {
        width: 100px;
        height: 100px;
    }

    .our-product-section .HomeSolutions_solution-card__oSfA6 {
        height: 380px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        right: auto;
        width: 60px;
        height: 60px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step span {
        font-size: 25px;
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-template-columns: 1fr;
        padding: 40px 0 20px 60px;
        grid-gap: 25px;
    }

    .cta-trial-section .h-content h2 {
        font-size: 28px;
    }

    section.wrkModal .gap-6 {
        gap: max(24px, 1.25vw);
        grid-template-columns: 30% 70%;
        padding: 0 30px;
    }

    .maibTtl-white .title-h4,
    .mainTtl .title-h4 {
        font-size: 28px;
    }

    .mainTtl {
        margin: 0 0 30px;
    }

    span.bottom-line {
        margin: 10px 0 !important;
    }

    .subttl p,
    .mainTtl p,
    .testimonial-section .testimonial-title p {
        color: #6c757d;
        font-size: 13px;
        line-height: 1.7;
    }

    .techstack-section .tab-content .techstack-technology-box-wrap {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(4.875rem, calc(33.33333% - 1.83333rem)));
        row-gap: 2rem;
    }

    .connect-section .carousel .nav div h2 {
        font-size: 1.3rem;
        line-height: 17px;
    }
    .blog-banner-detail .blog-bnertile h1 {
        font-size: 30px;
        line-height: 40px;
      }
      .blog-banner-detail {
        height: 224px;
        padding: 30px;
      }
      .blog-detaiSerarch input {
        width: 56%;
      }
      .blog-detaiSerarch button {
        width: 91px;
        height: 48px;
      }
      .about-project-section .nav-link {
        font-size: 16px;
        line-height: 18px;
      }
}


@media(min-width: 768px) {
    .lets-talk-section .lets-talk-header-link .lets-talk-header-country {
        font-size: .875rem;
    }

    .lets-talk-section .lets-talk-card .lets-talk-card-body .form-filedset {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - .5rem)));
        row-gap: 1rem;
    }

    .lets-talk-section .lets-talk-card .lets-talk-card-body .form-filedset .form-row {
        grid-column: 1 / -1;
    }

    .awards-list-section .award-image-wrapper .award-image {
        height: auto;
        width: auto;
    }

    .keyCorporate-section .facts {
        min-height: 12rem;
        padding: 2.675rem;
    }

    .keyCorporate-section .facts .facts-details .facts-subtitle {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.875rem;
    }

    .keyCorporate-section .facts .facts-details .facts-description {
        font-size: 1rem;
        line-height: 1.375rem;
    }

}

@media(min-width: 991px) {
    .header-section .menu>ul>li.menu-item-has-children:hover .sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }

    .lets-talk-section .our-partner-list {
        height: 6.25rem;
        width: 30rem;
    }

    .lets-talk-section .lets-talk-header-content {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(1.875rem, calc(50% - .625rem)));
        max-width: 32rem;
        row-gap: 1.25rem;
    }

    .lets-talk-section .lets-talk-header-link {
        padding: 1.375rem 1.125rem 1rem;
    }

    .lets-talk-section .lets-talk-header-link .lets-talk-header-icon {
        height: 1.125rem;
        width: 1.125rem;
    }

    .lets-talk-section .lets-talk-header-link .lets-talk-header-department {
        padding-bottom: .25rem;
    }

    .lets-talk-section .lets-talk-header-link .lets-talk-header-contact {
        font-size: 1.25rem;
        line-height: 1.375rem;
        line-height: 1.875rem;
        padding-bottom: .35rem;
    }

    .lets-talk-section .lets-talk-our-partner-title {
        max-width: 32rem;
    }

    .lets-talk-section .lets-talk-our-partner-title:after {
        left: 7.75rem;
        max-width: 32rem;
    }

    .lets-talk-section .lets-talk-card .lets-talk-card-body {
        padding: 1.125rem 1.875rem 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .lets-talk-section .lets-talk-header-link .lets-talk-header-country {
        font-size: 1rem;
    }

    .lets-talk-section .lets-talk-header-link .lets-talk-header-country {
        line-height: 1.5rem;
    }

    .form-control {
        padding: .813rem .75rem;
    }

    .lets-talk-section .lets-talk-header-link:hover {
        -ms-box-shadow: 0 .625rem 1.875rem rgba(27, 118, 254, .3);
        -o-box-shadow: 0 .625rem 1.875rem rgba(27, 118, 254, .3);
        box-shadow: 0 .625rem 1.875rem rgba(27, 118, 254, .3);
        cursor: pointer;
    }

    .awards-list-section .award-image-wrapper {
        margin-bottom: 1.5rem;
        min-height: 21.25rem;
    }

    .awards-list-section .awards-details {
        min-height: 12.375rem;
        padding: 1.25rem;
    }
}

@media (min-width: 1200px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec ul {
        display: grid !important;
    }

    .lets-talk-section .form-row:first-child {
        grid-column-end: 2;
        grid-column-start: 1;
    }

    .lets-talk-section .form-row:nth-child(2) {
        grid-column-end: 2;
        grid-column-start: 2;
    }

}