@charset "utf-8";



header.main-header .header-body .header-menu button.menu-btn {

    margin: 0;

    padding: 0;

    height: 35px;

    width: 35px;

    border-radius: 5px;

    display: none;

    align-items: center;

    justify-content: center;

    border: 1px solid;

    background: #fff;

    position: absolute;

    top: 65px;

    right: 34px;

    cursor: pointer
}



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

    .banner-sec .banner-body {

        gap: 0 2%
    }



    .home-client-sec {

        overflow: hidden !important;

    }



    .banner-sec .banner-body .banner-left h1 {

        font-size: 40px;

        line-height: normal
    }



    .banner-sec .banner-body .banner-left h1 span {

        font-size: 40px
    }



    .banner-sec .banner-body .banner-left p {

        font-size: 16px;

        line-height: 24px
    }



    .api-int-sec .api-int-body .api-body,

    .api-int-sec .api-int-body .api-title {

        max-width: 45%
    }



    .api-int-sec .api-int-body .api-title h2 {

        font-size: 32px;

        line-height: 36px
    }



    .api-int-sec .api-int-body .api-title p {

        font-size: 16px;

        line-height: 23px;

        max-width: 100%
    }



    .api-int-sec .api-int-body:before {

        bottom: 0;

        width: 82%
    }



    .footer-contact-sec .footer-contact-body {
        margin-top: 20px;

    }

}



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



    .toggle span.toggle,

    button {

        background: #fff0
    }



    .magnetMenu,

    .sidebar {

        background: #fff;

        position: fixed
    }



    .group-list,

    .sidebar ul {

        list-style: none
    }



    .nav__list label svg,

    label>span {

        float: right
    }



    .header-body {

        display: none !important
    }



    .header-mob-menu {

        display: block !important
    }



    .big-c-vs-shopify-list,

    .float,

    .responsive-memu,

    .sidebar .nav,

    .sidebar ul li,

    .sub-menu-sec input[type=checkbox]:checked+label+.sub-group-list,

    header.main-header .header-body .main-menu ul,

    header.main-header .header-body .main-menu ul li {

        display: block
    }



    .magnetMenu {

        width: 100%;

        border-radius: 5px;

        display: flex;

        justify-content: center;

        align-items: center;

        bottom: 0;

        z-index: 999
    }



    .magnetMenu ul {

        display: flex;

        position: relative;

        margin-bottom: 0
    }



    .magnetMenu ul li {

        width: 25vw;

        height: 50px;

        display: flex;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        padding: 30px 0
    }



    .magnetMenu ul li:first-child {

        background-color: #ff500f
    }



    .magnetMenu ul li:nth-child(2) {

        background-color: #7a942e
    }



    .magnetMenu ul li:nth-child(3) {

        background-color: #10887a
    }



    .magnetMenu ul li:nth-child(4) {

        background-color: #00aff0
    }



    .magnetMenu ul li a {

        color: #fff !important;

        align-items: center;

        display: grid;

        text-align: center;

        gap: 7px
    }



    .api-title img {

        position: absolute;

        top: 1347px;

        left: 5px
    }



    .api-int-sec .api-int-body:before {

        height: 129px !important
    }



    .magnetMenu ul li a .icon {

        font-size: 133%;

        transition: .5s
    }

    .icon {
        background: none;
        box-shadow: none;
    }

    .magnetMenu ul li a .text {

        font-size: 55%;

        opacity: 1;

        font-weight: 600;

        color: #fff !important;

        transition: .5s
    }



    button {

        border: none;

        width: 30px;

        height: 30px;

        cursor: pointer;

        outline: 0
    }



    .toggle span:after {

        top: 8px
    }



    .terms-condition {

        width: 90% !important
    }



    .toggle span.toggle:before {

        top: 0;

        transform: rotate(-45deg);

        background: #007bff
    }



    .toggle span.toggle:after {

        top: 0;

        transform: rotate(45deg);

        background: #007bff
    }



    .sidebar {

        width: 311px;

        top: 0;

        left: -332px;

        height: 100vh;

        box-shadow: 0 2px 8px rgb(0 0 0 / .2);

        padding-top: 5px;

        transition: .3s ease-out
    }



    .group-list {

        padding: 0
    }



    .sub-menu-sec label {

        cursor: pointer;

        display: block;

        padding: 10px;

        margin: 5px 0;

        position: relative
    }



    .nav label,

    .sidebar h5 a {
        padding: 7px 10px;
        border-bottom: 1px dashed #2a82f238;
        letter-spacing: .5px;
        color: #000 !important;
        text-transform: capitalize;
        font-size: 14px;
        cursor: pointer;
        display: block;
        top: 0;

    }

    .nav__list li label span {
        color: #0069ef;
    }

    .sub-menu-sec .fa {

        font-size: 16px;

        margin-right: 10px;

        transition: transform .3s
    }



    .sub-menu-sec input[type=checkbox]+label+.sub-group-list {

        display: none;

        list-style: none
    }



    .sub-menu-sec input[type=checkbox]:checked+label .fa {

        transform: rotate(90deg)
    }



    .sidebar ul li a {

        padding: 5px 40px;

        font-size: 14px;

        color: #222;

        font-family: arial;

        text-decoration: none;

        display: block;

        position: relative;

        z-index: 1;

        transition: .3s ease-out;

        font-weight: 500;

        line-height: 27px
    }



    .Industries-LiDAR,

    .big-c-vs-shopify-img img,

    .box-Services-title,

    .sidebar ul li a:hover:before {

        width: 100%
    }



    .sidebar ul li a:hover {

        color: #007bff
    }



    .sidebarshow {

        left: 0
    }



    .menu {

        left: -20px !important;

        width: 162px !important;

        background-color: #fff !important;

        box-shadow: rgb(0 0 0 / .16) 0 1px 4px !important
    }



    .technology-part .technology-title {

        top: 15px !important
    }



    .nav label {

        font-weight: 500
    }



    .sidebar .nav img,

    .sidebar h5 img {

        width: 7%;

        margin-right: 7px
    }



    .sidebar h5 a {

        font-weight: 600;

        margin-top: 20px
    }



    .sidebar .header-logo {

        margin: 20px
    }



    .group-list a,

    .group-list label {

        padding-left: 1rem;

        box-shadow: inset 0 -1px lighten(#252525, 7%)
    }



    .sub-group-list a,

    .sub-group-list label {

        padding-left: 4rem
    }



    .group-list label,

    .sub-menu-sec .group-list a {

        border: none;

        font-weight: 500;

        color: #000 !important;

        text-transform: capitalize;

        font-size: 14px;

        padding: 2px 0 10px;

        width: 80%;

        margin: 0 auto
    }



    .sub-sub-group-list a,

    .sub-sub-group-list label {

        padding-left: 6rem;

        background: #454545;

        box-shadow: inset 0 -1px lighten(#454545, 7%)
    }



    .group-list,

    .sub-group-list,

    .sub-sub-group-list {

        height: 100%;

        max-height: 0;

        overflow: hidden;

        transition: max-height .5s ease-in-out
    }



    .nav__list input[type=checkbox]:checked+label+ul {

        max-height: 1000px
    }



    label>span {

        transition: transform .65s
    }



    .nav__list input[type=checkbox]:checked+label>span {

        transform: rotate(90deg);

        font-size: 16px
    }



    .soc-media {

        display: flex;

        justify-content: center
    }



    .soc-media li:nth-child(n+2) {

        margin-left: 1rem
    }



    .soc-media a {

        font-size: 1.25rem;

        color: rgb(255 255 255 / .65);

        transition: color .25s ease-in
    }



    .nav__list label {

        cursor: pointer;

        display: block;

        padding: 10px
    }



    .nav__list label.active {

        color: #00f
    }



    .header-logo {

        display: flex;

        justify-content: space-between
    }



    footer.footer-sec .footer-body {

        gap: 0 4px
    }



    .ibm-body,

    .small-network {

        width: 90%;

        margin: 0 auto
    }



    .container__circle {

        width: 314px;

        height: 319px
    }



    .container__mainFeat h4 {

        font-size: 14px
    }



    .container__subFeatContent h3 {

        font-size: 15px;

        margin: 20px 0;

    }



    .advertisers-service-sec {

        min-width: 655px;

        width: 90%
    }



    .digitization-process {

        width: 85%
    }



    .hand-drawn {

        max-width: 640px
    }



    .staffing-industries-body {

        flex-wrap: wrap
    }



    .all-process-body .all-process-list {

        justify-content: center
    }



    .banner-text {

        width: 80% !important
    }



    .contact-info {

        padding: 0 !important
    }



    .footer-contact-right {

        margin-top: 20px
    }



    .all-inner-banner-sec {

        background-image: block !important
    }



    .floting,

    .footer-contact-sec .footer-contact-body .footer-contact-left img {

        display: none
    }



    .close {
        position: absolute;
        right: -68%;
        font-size: 17px;
        opacity: 1;
        padding-left: 0;
        background: #0069ef;
        border: 1px solid #0069ef !important;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        top: 7px;
        text-shadow: none;
        font: weight 0;
    }



    .header-logo img {
        width: 73%;
        padding: 10px;
    }



    .header-btn {

        padding: 6px 12px;

        background: #0069ef;

        border: 2px solid #0069ef;

        color: var(--whitecolor) !important;

        border-radius: 5px;

        margin: 11px
    }



    .tab-screen {

        height: 412px;

        overflow: scroll
    }



    header.main-header .header-body .header-menu button.menu-btn {

        display: inline-flex
    }



    .banner-sec .banner-body {

        min-height: 70vh
    }



    .about-us-sec .about-us-body {

        flex-direction: column;

        gap: 30px;

        align-items: start
    }



    .about-us-sec .about-us-body .about-us-box {

        flex: 0 0 100%;

        width: 100%
    }



    .about-us-sec .about-us-body .about-us-box h2 {

        font-size: 42px
    }



    .footer-contact-left .call-to-action-part h3 {

        margin: 0 0 10px
    }



    .about-us-sec .about-us-body .about-us-box h2 span {

        font-size: 32px
    }



    .technology-part .technology-title h3 {

        font-size: 42px;

        line-height: 32px
    }



    .technology-part .technology-title p {

        font-size: 14px;

        line-height: 18px
    }



    .technology-part .technology-list {

        gap: 20px;

        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
    }



    .technology-part .technology-list .technology-box .technology-box-body h3 {

        font-size: 18px
    }



    .technology-part .technology-list .technology-box .technology-box-body p {

        font-size: 13px
    }



    .technology-box-content ul li a {

        font-size: 13px;

        font-weight: 500;

        line-height: 20px
    }



    .technology-box-content ul li a img {

        max-width: 18px
    }



    .manage-services-sec {

        padding: 60px 0
    }



    .manage-services-title h2 {

        font-size: 42px;

        line-height: 30px
    }



    .manage-services-title p {

        font-size: 14px;

        line-height: 20px;

        max-width: 730px
    }



    .manage-services-body .manage-services-content .manage-services-box:nth-child(2),

    .manage-services-body .manage-services-content .manage-services-box:nth-child(3),

    .manage-services-body .manage-services-content .manage-services-box:nth-child(4) {

        margin: 0
    }



    .manage-services-box .ms-box .ms-box-img {

        height: 180px
    }



    .manage-services-body .manage-services-content {

        margin: 30px 0 0;

        gap: 0 25px
    }



    .manage-services-content .manage-services-box .ms-box h3 {

        font-size: 15px;

        margin-bottom: 0;

        font-weight: 400
    }



    .manage-services-content .manage-services-box .ms-box p {

        max-width: 300px
    }



    .footer-contact-left .call-to-action-part {

        position: relative;

        top: 0;

        max-width: 100%
    }



    .footer-contact-sec .footer-contact-body .footer-contact-right {

        flex: 1
    }



    .bottom-footer {

        padding: 15px 30px;

        flex-direction: column;

        gap: 20px 0;

        text-align: center
    }



    .inner-banner-bottom-sec .sub-images {

        height: 297px;

        border-radius: 10px
    }



    .inner-banner-content p {

        font-size: 24px;

        font-weight: 500;

        line-height: 31px;

        margin: 0 !important;

        padding: 0 !important
    }



    .notice-section h4 {

        font-size: 21px
    }



    .notice-section {

        min-width: 400px;

        width: 100%;

        border-radius: 0
    }



    .box-five-list ul li {

        padding: 0 0 0 10px
    }



    .box-five-list ul {

        gap: 17px;

        display: grid;

        grid-template-columns: repeat(auto-fill, minmax(227px, 1fr))
    }



    .all-inner-banner-sec {

        background-position: right
    }



    .rc-anchor-normal {

        height: 74px;

        width: 288px
    }

}



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

    .services-include-list {

        grid-template-columns: repeat(auto-fill, minmax(243px, 1fr))
    }



    .rc-anchor-normal {

        height: 74px;

        width: 288px
    }

}



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



    .geospatial-list,

    .manage-services-body .manage-services-content {

        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

        display: grid
    }



    .Processing,

    .hero-content,

    .home-client-sec .home-client-body .home-client-title,

    .small-content {

        text-align: center
    }



    .top-header-left ul li a .phone-no {

        line-height: 16px;

        display: none
    }



    .rc-anchor-normal {

        height: 74px;

        width: 288px
    }



    .top-header-left ul li {

        margin: 0
    }



    .banner-sec .banner-body {

        gap: 30px;

        flex-direction: column;

        padding: 50px 0 0
    }



    .banner-sec .banner-body .banner-left {

        margin: 0;

        padding: 0;

        flex: 0 0 100%;

        width: 85%;

        text-align: center
    }



    .banner-sec .banner-body .banner-left h1:before {

        bottom: 0;

        left: 0;

        right: 0;

        margin: 0 auto
    }



    .banner-right img {

        width: 86%;

        margin: 0 auto !important;

        display: flex
    }



    .banner-sec .banner-body .banner-left p {

        font-size: 16px;

        line-height: 24px;

        margin: 0 auto
    }



    .banner-brand-sec {

        margin: 30px 0 10px;

        align-items: center;

        justify-content: center;

        gap: 0 30px
    }



    .Processing,

    .banner-sec .banner-body .banner-right {

        width: 100%
    }



    .home-client-sec .home-client-body {

        flex-direction: column;

        justify-content: center;

        gap: 30px
    }



    .geospatial-list-body {

        gap: 30px;

        flex-direction: column
    }



    .geospatial-list {

        flex: 0 0 100%;

        width: 100%
    }



    .api-int-sec .api-int-body {

        flex-direction: column;

        padding: 40px 40px 260px
    }



    .api-int-sec .api-int-body:before {

        bottom: 0;

        width: 100%;

        height: 240px;

        left: 0
    }



    .api-int-sec .api-int-body .api-title,

    .reviews-sec .reviews-body .reviews-content,

    .reviews-video-or-list .reviews-video {

        max-width: 100%
    }



    .api-int-sec .api-int-body .api-body {

        max-width: 100%;

        margin: 40px 0 0
    }



    .manage-services-title h2 {

        font-size: 32px;

        line-height: 30px
    }



    .manage-services-body .manage-services-content {

        margin: 30px 0 0;

        gap: 30px
    }



    .reviews-video-or-list {

        flex-direction: column;

        gap: 0;

    }



    .reviews-video-or-list:before {

        display: none
    }



    .footer-contact-sec .footer-contact-body {

        flex-direction: column;

        gap: 30px 0
    }



    .footer-top-body {

        padding: 0 30px 30px
    }



    footer.footer-sec .footer-body {

        display: grid;

        grid-template-columns: repeat(auto-fill, minmax(208px, 1fr))
    }



    .responsive-memu {

        display: block
    }



    .bedcroom {

        width: 100%;

        gap: 1px !;

        margin: 14px auto 0 !important
    }



    .small-content {

        position: relative !important;

        width: 100%
    }



    .slider-items {

        height: 200px;

        background-image: none !important;

        background-color: #0069ef
    }



    .slider-items img {

        height: 0
    }



    .hero-content h1 {

        font-size: 30px;

        line-height: 30px
    }



    .borders {

        margin: 0 auto
    }



    .Processing h1 {

        font-size: 23px;

        line-height: 30px
    }



    .hero-content p {

        margin-top: 4px;

        font-size: 13px
    }



    .hero-content {

        width: 90%;

        left: 23px;

        top: 40px
    }



    .home-client-sec {

        padding: 15px 0
    }



    .client-item img {

        height: 20px
    }



    .our-lider-small-box-sec {

        margin-top: 200px !important
    }



    .notice-section h4 {

        font-size: 16px
    }



    .box-three-sec .box-three-body h2 {

        font-size: 40px
    }



    body .all-inner-banner-sec {

        height: 175px !important
    }

    .network-sec .box-three-title {
        width: 100%;
    }

    .network-sec {
        padding: 10px !important;
        margin-bottom: 25px;

        .box-three-title h2 {
            font-size: 22px !important;
        }

        .box-three-title p {
            font-size: 13px !important;
        }
    }


    .all-inner-banner-sec img {

        height: 223px !important;

        object-fit: fill
    }



    .all-inner-banner-sec .banner-text {

        position: absolute;

        top: 27%;

        left: 31px
    }



    .all-inner-banner-sec .inner-banner-content p {

        padding-top: 9px !important
    }


    .section-block-grey {
        width: 100%;
    }


    .hero-menu-section .stats-grid {
        gap: 25px 0 !important;
    }



    .box-three-box .box-three-content p,

    .box-two-body .box-two-list .box-two-box p {

        font-size: 13px !important;

        line-height: 23px !important;

    }



    /* 06-09-2025 */

    .carousel-item img {

        height: 200px !important;

    }

    .box-five-sec .box-five-body,
    .box-two-sec .box-two-body {
        padding: 0;
    }

    .box-five-sec .box-five-body,
    .box-two-sec .box-two-body {
        padding: 0 20px !important;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .mob-v {
        width: 190px !important;
        position: absolute !important;
        top: -34px !important;
        right: 0 !important;
    }

    .mob-v-text {
        width: 56%;
    }

    #excellence {
        position: absolute;
        left: -24px;
    }
}

@media screen and (max-width:600px) {
    .mb-logo-page {
        display: none;
    }

    .manual-testing-process {
.roadmap{
                grid-template-columns: repeat(2, 1fr);
    }
    }
    

    .manual-testing-process{
  .road-row{
        height: 51px;
        margin: 10px 44px 30px;
    }
    }
  

    .about-us-banner-sec .about-banner-body,
    .approach,
    .awards-client-sec .awards-client-body,
    .be-list-left .be-list-left-list,
    .big-c-vs-shopify-list,
    .box-seven-sec .box-seven-body .box-seven-title,
    .box-six-sec .box-six-body,
    .common-box-sec .common-box-body,
    .inner-awards-sec .inner-awards-body,
    .inner-reviews-sec .inner-reviews-body,
    .m-v-sec .m-v-body,
    .our-liadersh-team,
    .responsive-memu,
    .technology-s-box-one .technology-s-box-one-body,
    .why-polosoft-sec .why-polosoft-body {
        display: block !important
    }


    .bedcroom,
    .big-c-vs-shopify,
    .box-three-sec,
    .section-block-container {
        overflow: hidden
    }

    .inner-banner-bottom-sec .sub-images {
        height: 250px;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 30px
    }


    .ibm-content p {
        font-size: 13px !important
    }

    .appreciate p {
        width: 100% !important;
    }

    .faq-page {
        padding-top: 0;
    }


    /* .and-app-services-sec,

    .big-c-vs-shopify,

    .box-eight-sec,

    .box-three-box .box-three-content,

    .box-three-sec,

    .faq-page,

    .inner-banner-bottom-sec .ibm-body,

    .section-block,

    .services-include-sec .services-include-body {

        padding: 0
    } */


    .footer-contact-left .call-to-action-part p {
        margin: 0 20px 20px;
    }

    .services-include-sec .services-include-body .services-include-list {

        gap: 25px;

        grid-template-columns: repeat(auto-fill, minmax(203px, 2fr))
    }

    .footer-contact-right form .form-group button {
        padding: 0 !important;
        height: 44px;
    }

    .footer-contact-right h2 {
        text-align: center;
    }

    .approach-section {
        padding: 20px 0;
    }


    .box-two-sec {

        padding: 0;

        margin: 0
    }



    .approach,

    .box-eight-sec .box-eight-body .box-eight-title,

    .chatgpt-sec-text,

    .footer-contact-left .call-to-action-part,

    .generate-leads,

    .infrastructure,

    .process-titel,

    .responsive-div,

    .staffing-conten-body p {

        text-align: center
    }



    .box-two-sec .box-two-body .box-two-title,

    .various {

        width: 100% !important;

        text-align: center
    }



    .box-three-list .box-three-box {

        display: block !important;

        text-align: left
    }



    .box-three-list .box-three-box .box-three-img:before {

        left: 1px;

        top: -1px;

        width: 100%;

        height: 352px;

        left: 25
    }



    .geospatial-list-body .geospatial-list-title p {

        font-size: 14px;

        color: #000;

        line-height: 23px
    }



    .api-int-sec .api-int-body .api-title h2 {

        font-size: 24px;

        line-height: 27px;

        margin: 0
    }



    .bedcroom {

        margin: 50px 0 0 !important
    }



    .big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title,

    .box-eight-sec .box-eight-body,

    .box-two-body .box-two-list .box-two-box,

    .ibm-content .ibm-content p:nth-child(4) {

        text-align: left
    }



    .bedcroom li {

        font-size: 10px
    }



    .bedcroom li a {

        font-size: 12px !important;

    }



    .bottom-footer .bottom-footer-box p {

        font-size: 12px !important;

    }



    .inner-banner-bottom-sec .ibm-body img,

    .inner-banner-bottom-sec .pole-Loading-analysis img,

    .margin-top {

        margin-top: 0
    }



    .seven-list-sec {

        overflow: hidden;

        grid-template-columns: repeat(auto-fill, minmax(337px, 1fr))
    }



    .card-list-box {

        width: 95%;

        margin: 0 auto
    }



    .card-list-box .be-list {

        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));

    }



    .be-list .be-box {

        width: 100%;

    }



    .be-list .be-box h5 {

        font-size: 11px !important;

        margin: 0 !important;

    }



    .section-block .section-block-container {

        display: block !important;

    }



    .about-banner-body .about-banner-right,

    .all-inner-banner-sec .all-inner-baner-body .inner-banner-img,

    .all-inner-banner-sec:before,

    .all-process-list,

    .big-c-services-sec,

    .big-c-vs-shopify-img img,

    .box-five-list ul li>span,

    .box-two-sec .box-two-body .box-two-title h2 span,

    .client-sec,

    .footer-form .footer-contact-sec,

    .inner-banner-bottom-sec .ibm-body ul li i,

    .life-polosoft-body ul.life-p-list,

    .our-liadersh,

    .why-choose-m-list .why-choose-m-box:before,

    ::after {

        display: none
    }

    .footer-contact-sec {
        margin-top: 20px;
    }


    .box-three-list .box-three-box .box-three-img {

        margin: 50px 0
    }



    .inner-banner-content h1 {

        font-size: 20px !important
    }



    .inner-banner-content h1 span {

        line-height: 23px;

        font-size: 15px
    }



    .box-two-body .box-two-list .box-two-box h3 {

        font-size: 20px;

        padding: 0;

        margin-bottom: 0;

        margin-top: 0
    }





    .box-three-box .box-three-content p,

    .ibm-body ul li,

    .inner-banner-bottom-sec p,

    .services-include-title p {

        font-size: 13px !important;

        line-height: 21px
    }



    .services-include-title {

        text-align: center;

        margin: 12px 0
    }



    .be-list .be-box {

        height: 160px
    }



    .box-ten-sec.big-c-tools .box-ten-cont-box p {

        font-size: 15px !important;

        line-height: 27px !important
    }



    .services-include-list .services-include-box p {

        font-size: 15px !important;

        line-height: 25px !important;

        text-align: center
    }



    .owl-carousel .owl-item img {

        width: 60%;

        position: relative;

        left: 0;

        margin: 0 auto
    }



    .footer-contact-left .sos-footer-icon {

        justify-content: center;

        margin: 10px 0
    }



    .section-block .section-block-container {
        padding: 0;
        display: block
    }

    .box-four-sec .box-four-outer-body .box-four-inner-body h2,
    .section-block .section-block-container .section-block-box h2,
    .web-migration-services-title h2 {
        font-size: 30px
    }

    .section-block .section-block-container .section-block-box p {
        line-height: 26px !important;
        font-size: 14px !important
    }

    .section-block-box img {
        width: 60%;
        margin: 0 auto;
        display: flex
    }

    .section-block-box {
        width: 85%;
        margin: 0 auto !important
    }

    .all-process-list .all-process-box p {
        font-size: 14px
    }

    .box-seven-sub-title h2,
    .box-seven-title h2 {
        font-size: 20px;
        margin: 0 0 4px
    }

    .big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title p,
    .small-network p,
    .technology-s-box ul li {
        font-size: 14px;
        line-height: 24px
    }

    .box-three-sec .box-three-body .box-three-title,
    .network-design {
        margin: 0
    }

    .all-inner-banner-sec {
        text-align: left;
        height: 166px !important
    }

    .box-nine-sec .box-nine-body,
    .box-three-sec .box-three-body {
        padding: 0 !important;
    }

    .banner-text {
        position: absolute;
        top: 19%;
        left: 23px;
        width: 75%
    }

    .inner-banner-bottom-sec .ibm-body img {
        width: 100%;
        margin-bottom: 20px
    }

    .box-three-sec {
        width: 90%;
        margin: 0 auto !important;
    }

    .box-three-box .box-three-content {
        padding: 0 !important;
    }

    .notice-section {
        margin: 20px 0 0 !important;
    }


    .api-body .api-tab-list ul li a {

        display: flex
    }



    .inner-banner-bottom-sec {

        padding: 30x 30px 0 !important;

        overflow: hidden
    }



    .technology-s-box h3 {

        font-weight: 600
    }



    .tech-box-2-body {

        padding: 50px 20px
    }



    .tech-box-2-title h2 {

        font-size: 26px;

        line-height: 35px
    }



    .wordpress-w-title h2 {

        font-size: 26px
    }



    .box-six-title {

        padding: 20px 0 0;

        margin: 0
    }



    .faq-page .accordion-header p {

        font-size: 15px;

        width: 90%
    }



    .services-include-list {

        gap: 13px;

        grid-template-columns: repeat(auto-fill, minmax(156px, 2fr))
    }



    .box-eight-list-2 h3,

    .box-five-title h2,

    .client-sec .client-body h2 {

        font-size: 24px;

        margin: 0
    }



    .services-include-list .services-include-box h3 {

        margin-bottom: 0 !important;

    }



    .technology-s-box img {
        margin: 0;
        padding: 0;
        left: 26px
    }

    .technology-s-box {
        padding: 81px 0 0 15px
    }


    .big-c-vs-shopify-title h2,
    .box-ten-sec .box-ten-body .box-ten-title h2 {
        margin: 0 auto;
        line-height: 34px;
        font-size: 26px !important;
        max-width: 100% !important;
        width: 100% !important;

    }

    .big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title h2 {
        font-size: 28px;
        line-height: 33px;
        min-width: 280px !important;
    }

    .big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title h2,
    .big-c-vs-shopify-title h2 {
        max-width: 350px;
    }

    .faq-page .accordion-content p {
        line-height: 25px
    }

    .box-eight-title h2 {
        font-size: 21px;
        line-height: 28px
    }

    .big-c-vs-shopify-box p {
        font-size: 14px;
        line-height: 28px;
        padding: 0;
        margin: 0
    }

    .services-include-title h2 {
        font-size: 27px;
        line-height: 34px
    }

    .why-choose-woo-content h2 {
        font-size: 23px;
        margin: 30px 0 0
    }

    .all-process-sec,
    .infrastructure,
    .why-choose-woo-content {
        margin: 0;
        padding: 0
    }

    .all-process-title h2 span {
        display: inline
    }

    .process-titel {
        font-size: 22px
    }

    .infrastructure,
    .strategies {
        font-size: 18px !important
    }

    .assurance,
    .assurance p,
    .highway-bridge,
    .network-design .rod-map,
    .paragraph-tag,
    .services-h2-content {
        width: 100%
    }

    .industries-we-serve-sec .industries-we-serve-body {
        margin: 30px 0 !important;
        gap: 15px
    }

    .box-five-list ul li img {
        width: 30px !important;
    }

    .box-five-list ul li p span {
        font-size: 14px !important;
    }

    .loading-analysis {
        width: 90%;
        margin: 28px auto 0
    }

    .all-process-title,
    .orthophoto {
        width: 100%
    }

    .and-app-services-list .and-app-services-box.and-s-box-1,
    .box-eight-list-2 .be-list-left p,
    .why-choose-m-list {
        margin-bottom: 20px
    }

    .why-choose-m-list .why-choose-m-box {
        flex: 0 0 77% !important;
        border-radius: 10px
    }

    .industries-we-serve-left h2 {
        margin: 0 0 11px;
        font-size: 24px !important;
        line-height: 25px !important;
    }

    .Industries-LiDAR p {
        width: 100%;
    }

    .box-five-sec .box-five-body .box-five-title,
    .inner-reviews-box-list .inner-reviews-box {
        margin: 0 0 20px
    }

    .box-five-right p,
    .common-ul li {
        font-size: 15px;
        line-height: 30px
    }

    .box-two-body .box-two-list .box-two-box ul li {
        font-size: 15px;
        line-height: 25px
    }

    .industries-we-serve-left p.font {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .industries-we-serve-list {
        gap: 11px;
        grid-template-columns: repeat(auto-fill, minmax(137px, 1fr)) !important
    }

    .why-choose-m-title h2 {
        width: 100%;
        font-size: 26px
    }

    .why-choose-woo-content p {
        font-size: 14px !important;
        line-height: 28px !important;
        margin-top: 10px
    }

    .technology-s-box-one-body .technology-s-box-one-img {
        position: initial
    }

    .ang-technologies-title h2 {
        font-size: 23px;
        line-height: 33px
    }

    .ang-technologies-list {
        gap: 11px;
        grid-template-columns: repeat(auto-fill, minmax(126px, 1fr)) !important
    }

    .php-framework-list {
        grid-template-columns: repeat(auto-fill, minmax(317px, 1fr)) !important;
        gap: -2px
    }

    .php-framework-list .php-framework-box .php-framework-img {
        min-width: 0 !important
    }

    .services-include-sec .services-include-body .services-include-title h2 {
        font-size: 21px !important;
        line-height: 25px;
        margin: 20px 0 6px
    }

    .api-title h2 span,
    .notice-section h4 {
        font-size: 18px
    }

    h2 {
        margin-bottom: 10px;
        padding: 0
    }

    .big-c-vs-shopify-list,
    .technology-s-box-one .technology-s-box-one-body {
        display: block !important
    }

    .box-seven-list.grid-5 .box-seven-list-box {
        flex-direction: row;
        text-align: left;
        gap: 20px;
        padding: 20px
    }

    .php-framework-title h2,
    .why-polosoft-sec .why-polosoft-title {

        font-size: 33px
    }



    .column-7 {

        grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)) !important
    }



    .ember-js-sec .ember-js-body {

        grid-template-columns: repeat(auto-fill, minmax(352px, 1fr)) !important;

    }



    .ember-js-sec .ember-js-body h2 {

        font-size: 27px;

        line-height: 36px
    }



    .inner-banner-dsc-body {

        display: block !important;

        padding: 23px
    }



    .inner-banner-dsc-content h2 {

        font-size: 27px;

        width: 100%;

        text-align: center
    }



    .inner-banner-dsc-body .inner-banner-dsc-img {

        margin: 20px 0
    }



    .and-app-services-title h2 {

        font-size: 26px;

        color: #007bff
    }



    .and-app-services-list .and-app-services-box {

        margin-bottom: 20px;

        flex-direction: column-reverse
    }



    .and-app-services-list {

        grid-template-columns: repeat(auto-fill, minmax(329px, 1fr))
    }



    .section-block-grey {

        overflow-x: scroll;

        margin: 50px 0 0
    }



    .and-app-services-box.sec-list-s-box img {

        margin: 0;

        width: 100%;

        height: 256px
    }



    .what-we-offer-title .wwo-left h2 {

        font-size: 28px
    }



    .web-migration-services .big-c-vs-shopify-list {

        padding: 40px 20px;

        margin: 20px 0 0
    }



    .services-include-sec.php-development-tools {

        margin: 30px auto
    }



    .box-three-sec .box-three-body h2 {

        font-size: 24px !important;

        margin: 10px 0 0
    }



    .box-four-sec .box-four-outer-body {

        padding: 40px 0
    }



    .box-five-list ul li,

    .technology-part {

        padding: 0;

        width: 90%;

        margin: 0 auto
    }



    .box-five-list ul li {

        padding-left: 0 !important
    }



    .box-five-list ul {

        grid-template-columns: repeat(auto-fill, minmax(302px, 1fr))
    }



    .Industries-LiDAR,

    .various {

        width: 100% !important
    }



    .box-two-sec .box-two-body .box-two-title h2 {

        font-size: 20px !important;

        line-height: 27px !important;

        margin: 0px 0 5px !important;

    }



    .management h2 {

        margin-top: 30px
    }



    .box-three-sec .box-three-body p,

    .box-two-sec .box-two-body .box-two-title p {

        font-size: 13px !important;

        line-height: 25px;

        margin-top: 10px
    }



    .box-three-list .box-three-box .box-three-img:before {

        display: none;

    }



    .box-three-list .box-three-box .box-three-img {

        height: 220px !important;

        border-radius: 10px !important;

    }



    .box-eight-title p {

        font-size: 13px !important;

        line-height: 25px;

        width: 100% !important
    }



    .box-eight-list h4 {

        font-size: 20px !important;

        width: 100% !important;

    }



    .box-eight-list h4 {

        width: 100%;

        font-size: 17px;

        margin: 0 0 30px;

        font-family: auto;

        line-height: 24px
    }



    .box-three-list {

        gap: 0
    }



    .be-list,

    .tech-box-2-list {

        gap: 12px
    }



    .notice-section .button-lg {

        font-size: 15px;

        font-weight: 600;

        letter-spacing: 0;

        width: 163px;

        margin: 0 auto;

        display: block;

        border: 1px solid
    }



    .be-list {

        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr))
    }



    .box-seven-sec .box-seven-body {

        width: 90%;

        padding: 17px
    }



    .box-eight-list-2 {

        display: block !important;

        margin: 50px 0 0
    }



    .be-list-left-list-box {

        margin: 10px 0 !important
    }



    .box-seven-list-box .bs-list-box-img {

        min-width: 60px !important;

        height: 60px !important;

    }



    .liDAR-primarily p {

        text-align: left !important
    }





    .box-three-content h3 {

        font-size: 22px !important;

        margin: 10px 0 !important;

    }



    .what-we-offer-title .wwo-left p {

        font-size: 14px;

        font-weight: 400
    }



    .what-we-offer-body .what-we-offer-list {

        gap: 18px 30px !important
    }



    .what-we-offer-box .wwo-content h3 {

        margin: 0 0 10px;

        min-height: 6px
    }



    .box-ten-title p {

        font-size: 14px !important;

        line-height: 22px
    }



    .box-ten-sec.big-c-tools .box-ten-cont-box h3 {

        min-height: 15px
    }



    .box-two-title h2 {

        font-size: 20px;

        font-family: 'Font Awesome 6 Duotone'

    }



    .technology-part .technology-list {

        margin: 0 auto;

        padding: 0;

        position: relative;

        width: 100%;

        gap: -17px;

        grid-template-columns: repeat(auto-fill, minmax(301px, 1fr));

        justify-items: center;

        display: block;

        gap: 20px;

        bottom: 0;

        left: 0
    }



    .technology-part video {

        border-radius: 10px;

        height: auto;

        object-fit: cover
    }



    .technology-part .technology-title {

        top: 46px;

        left: 44px
    }



    .technology-part:before {

        height: 100%;

        border-radius: 5px;

        background: linear-gradient(111deg, #9b07ff, #007bff);

        z-index: -1;

    }



    .technology-part .technology-list .technology-box .technology-box-body {

        margin: 15px 10px;

        padding: 20px;

    }



    .ibm-content ul li i {

        display: none;

        list-style: none
    }



    .all-process-body .all-process-list {

        display: block;

        width: 90%;

        margin: 0 auto;

        padding: 0
    }



    .all-process-list .all-process-box {

        margin: 20px 0;

        min-width: 370px
    }



    .all-process-list .all-process-box p {

        min-height: 0;

        margin: 0
    }



    .common-box-right h2 {

        font-size: 25px;

        line-height: 34px
    }



    .box-two-sec .services-include-title {

        text-align: center !important
    }



    .leading-capability {

        margin: 0 0 30px
    }



    .leading-capability h2 {

        font-size: 20px !important
    }



    .box-ten-sec.big-c-tools {

        margin-top: 0;

        margin-bottom: 30px
    }



    .default-p p {

        font-size: 14px !important;

        line-height: 26px !important
    }



    .advertising {

        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr)) !important
    }



    .staffing-conten-body .industries-we-serve-list,

    .tech-box-2-list {

        grid-template-columns: repeat(auto-fill, minmax(166px, 1fr))
    }



    .services-include-title .methodology-marketing {

        width: 100% !important;

        margin: 0 auto !important
    }



    .all-process-title h2 {

        font-size: 18px;

        text-align: center
    }



    .android-mob-text {

        margin-top: 45px !important
    }



    .android-stack-sec .ember-js-body .ember-js-box h3 {

        font-size: 18px;

        font-weight: 500;

        font-family: 'Frank Ruhl Libre'

    }



    .all-process-list .all-process-box h3 {

        min-height: 16px
    }



    .gas-pipeline {

        margin: 20px 0 !important
    }



    .and-app-services-list,

    .inner-banner-dsc-content p,

    .php-framework-cnt p,

    .technology-s-box-one-content p {

        font-size: 14px;

        line-height: 28px
    }



    .tech-box-2-list .tech-box-2-box p {

        font-size: 13px;

        font-weight: 600;

        line-height: 18px
    }



    .tech-box-2-list .tech-box-2-box h3 {

        margin: 0;

        font-size: 15px
    }



    .why-choose-magento-sec {

        margin: 20px 0;

        padding: 50px 0
    }



    .ang-technologies-sec .ang-technologies-body {

        padding: 50px 20px;

        margin: 0
    }



    .technologies-php-developer img {

        height: 240px !important
    }



    .and-app-services-box-cnt p,

    .and-app-services-box.and-s-box-1 p,

    .and-app-services-box.sec-list-s-box p {

        font-size: 14px;

        line-height: 26px
    }



    .approach-text h2 {

        font-size: 21px !important
    }



    .eye-catching {

        font-size: 19px !important;

        line-height: 27px !important;

        margin: 20px 0 0 !important
    }



    .inner-banner-dsc-sec {

        padding: 30px 17px
    }



    .inner-banner-dsc-content h3 {

        font-size: 27px;

        margin: 20px 0;

        padding: 0
    }



    .all-process-title p {

        font-size: 14px !important;

        line-height: 28px !important
    }



    .integrating-chatGPT {

        text-align: center;

        margin-top: 30px !important;

        padding: 0
    }



    .and-app-services-sec .and-app-services-body {

        padding: 30px
    }



    .we-specialize img {

        margin-bottom: 20px;

        border-radius: 10px
    }



    .box-five-list ul li img,

    .box-five-sec {

        margin-bottom: 30px;

        margin-top: 30px
    }



    .methodology-text {

        display: none !important
    }



    .appreciate p {

        width: 100%;

        margin: 0 auto
    }



    .benefits {

        margin-top: 30px !important;

        padding: 0
    }



    .Smallworld-Telecomh2 {

        font-size: 21px;

        margin: 0;

        padding: 0
    }



    .be-list .be-box-add {

        height: 233px
    }



    .staffing-conten-body {

        display: block;

        overflow: hidden
    }



    .staffing-conten-body .staffing-industries-box>h3 {

        min-width: 0;

        text-align: center;

        margin: 20px 0 !important
    }



    .team-sec .team-body {

        display: block;

        padding: 40px 25px
    }



    .team-sec .team-body .team-img img {

        width: 95%;

        margin-bottom: 20px
    }



    .team-sec .team-body .team-img {

        min-width: 301px
    }



    .vision-mission-banner {

        height: 168px;

        background-position-x: -258px
    }



    .team-sec {

        padding: 0;

        margin: 30px 0 0;

        overflow: hidden
    }



    .inner-awards-sec .inner-awards-body .inner-awards-right img {

        max-width: 100%;

        margin-top: 30px
    }



    .awards-client-right h4 {

        font-size: 16px;

        font-weight: 500;

        margin: 13px 0
    }



    .what-we-offer-body .what-we-offer-list .what-we-offer-box {

        min-height: 102px;

        margin-bottom: 50px
    }



    .what-we-offer-box .wwo-content h3 {

        font-size: 17px;

        line-height: 27px
    }



    .why-polosoft-body .why-polosoft-box p {

        font-size: 14px;

        line-height: 24px;

        margin-bottom: 20px
    }



    .why-choose-list {

        grid-template-columns: repeat(auto-fill, minmax(314px, 1fr))
    }



    .why-choose-img {

        min-width: 82px
    }



    .why-choose-content h3 {

        font-size: 17px
    }



    .life-polosoft-body h3 {

        font-size: 28px;

        line-height: 37px
    }



    .life-polosoft-img-list {

        gap: 8px;

        grid-template-columns: repeat(auto-fill, minmax(119px, 1fr))
    }



    .life-polosoft-img-box {

        height: 109px
    }



    .inner-reviews-sec .inner-reviews-title h2 {

        font-size: 33px;

        line-height: 33px
    }



    .inner-reviews-sec .inner-reviews-title p {

        font-size: 14px;

        line-height: 21px;

        width: 90%;

        margin: 0 auto
    }



    .responsive-div p {

        font-size: 14px;

        text-align: center;

        line-height: 26px
    }



    .apply-button {

        padding: 6px 14px
    }



    .accordion-item-title {

        display: block;

        height: 205px;

        padding: 24px 0;

        margin: 2px 0
    }



    .head {

        font-size: 16px
    }



    .address-body .address-list,

    .contact-banner-body,

    .contact-banner-body .contact-form {

        display: block;

        padding: 10px
    }



    .contact-banner-body .contact-form {

        height: 92%
    }



    .contact-banner-body .contact-form form .form-group textarea.form-control {

        height: 85px !important
    }



    .footer-form footer.footer-sec {

        margin: 165px 0;

        padding: 30px 0;

        position: relative
    }



    .box-four-sec h2 {

        font-size: 30px;

        margin: 35px 0 0
    }



    .box-four-sec .box-four-item a {

        height: 193px
    }



    .inner-banner-content p {

        font-size: 13px !important;

        font-weight: 500;

        line-height: 20px
    }



    .box-two-sec {

        width: 90%;

        margin: 0 auto;

    }



    .container__subFeatImgContent {

        display: none;

    }



    .be-list {

        grid-template-columns: repeat(auto-fill, minmax(29%, 1fr)) !important;

    }



    .all-inner-banner-sec::before {

        content: '';

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: 0 0;

        opacity: .4
    }



    .our-lider-small-box-sec {

        margin-top: 0 !important
    }



    .advertisers-service-sec {

        min-width: 354px;

        width: 80%
    }



    .hand-drawn {

        max-width: 358px
    }



    .about-banner-body .about-banner-left {

        flex: 0
    }



    .about-us-banner-sec {

        padding: 0 !important
    }



    .who-we-are-list {

        display: contents
    }



    .process-bg .process-body img {

        max-width: 335px
    }



    .m-v-sec .m-v-body .m-v-img {

        width: 300px
    }



    .life-polosoft-sec .life-polosoft-banner h1 {

        font-size: 37px
    }



    .rc-anchor-normal {

        height: 74px;

        width: 288px
    }



    .terms-condition {

        width: 90% !important
    }



    .geospatial-list .geospatial-box {

        width: 100%;

        padding: 14px
    }



    .ios-img-two {

        width: 220px
    }


    .box-three-list {

        gap: 25px !important;

    }



    .box-six-sec .box-six-body .box-six-box h3 {

        margin: 16px 0 0px !important;

    }



    .box-six-sec .box-six-body .box-six-box p {

        font-size: 13px !important;

        line-height: 22px !important;

        margin-bottom: 20px !important;

    }



    .box-five-slider {

        gap: 10px !important;

        grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;

    }



    .box-five-left .box-five-slider .box-five-item {

        height: 155px !important;

    }



    .box-five-body .box-five-sec .box-five-title h2 {

        margin-bottom: 10px !important;

    }



    .box-seven-title-box p {

        font-size: 13px !important;

        line-height: 25px;

    }



    /* chechout page start */

    .checkout-content {

        width: 100%;

    }



    .shipping-section .input--form--box,

    .shipping-section .address-row {

        display: block;

    }



    .ButtonContainer {

        width: 100%;

        box-shadow: none;

    }



    .Checkout-section {

        margin: 0;

        padding: 0;

    }



    .shipping-table th {

        width: 130px;

    }



    .success-icon {

        font-size: 31px;

    }



    .success-section {

        margin: 17px;

    }



    .success-section p {

        font-size: 11px;

    }



    .PaymentButton-Button {

        min-width: 183px;

        font-size: 13px;



    }



    /* chechout page end */





    .leadership-box img {

        width: 169px;

        margin: 0 auto;

        display: flex;

    }



    .leadership-box {

        margin: 10px 0 !important;

        height: auto !important;



        h5 {

            text-align: center;

        }



        p {

            text-align: center;

        }

    }



    .services-include-sec .modal-content {

        max-width: 87%;

        margin: 0 auto;

    }





    #sanjibModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }



    #alokModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }







    #debasisModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }





    #williamModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }



    #biswajitModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }



    #santanuModal .modal-content {

        position: relative !important;

        left: 0 !important;

    }

    .inner-banner-bottom-sec .ibm-body img {
        width: 100% !important;
        height: 220px !important;
        border-radius: 5px !important;
        margin-top: 0px !important;
    }

    .box-five-sec {
        padding: 0 !important;
    }

    /* new css add on  */
    .benefits-section {
        .grid {
            display: block;
            grid-template-columns: repeat(1, 1fr);
        }

        .card {
            margin: 20px;
        }
    }

    .tools-section {
        .tool-row {
            display: block;
        }

        .tool-left {
            width: 100%;
        }

        .tool-right {
            margin-top: 20px;
        }


    }

    .box-five-list ul li p {
        width: 65%;
    }

    .impact-section {
        padding: 10px;

        .impact-grid {
            display: block;
        }

        .impact-card {
            margin: 20px;
        }

        .impact-container {
            background: none;
            box-shadow: none;
            border: none;
            border-radius: none;
            padding: 0;

        }
    }

  

    .process-wrapper {
         gap: 82px;
            justify-content: center;

        .circle {
            background: #3F51B5;
        }
    }

}



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

    .what-we-do-sec .what-we-do-body .geospatial-list-body .geospatial-list-title h2 {

        font-size: 22px !important;

    }



    .what-we-do-sec {

        padding: 10px 0
    }



    .technology-part {

        gap: 30px;

        padding: 20px
    }



    .technology-part .technology-list .technology-box {

        margin: 0;

        height: auto;

        position: relative
    }



    .technology-part .technology-list .technology-box:hover .technology-box-body {

        position: relative;

        z-index: 99
    }



    .manage-services-body .manage-services-content {

        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }



    .about-us-sec {

        padding: 20px 0
    }



    .about-us-sec .about-us-body .about-us-box h2 {

        font-size: 42px;

        margin: 0 0 30px
    }



    .awards-sec {

        padding: 0
    }



    .awards-sec .awards-body {

        padding: 38px
    }



    .awards-sec .awards-body h2 {

        margin: -25px auto 10px;

        font-size: 26px
    }



    .awards-list:before {

        left: -24px;

        top: -33px;

        width: 110px;

        height: 65px
    }



    .awards-list:after {

        right: -24px;

        top: -33px;

        width: 110px;

        height: 65px
    }



    .reviews-sec {

        padding: 30px 0
    }



    .reviews-sec .reviews-body .reviews-title {

        margin: 0 0 30px
    }



    .reviews-sec .reviews-body .reviews-title h2 {

        font-size: 28px
    }



    .reviews-sec .reviews-body .reviews-title p {

        font-size: 14px;

        line-height: 18px
    }



    .reviews-video-or-list .reviews-video iframe {

        height: 290px
    }



    .responsive-memu {

        display: block
    }



}



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



    .awards-list:after,

    .awards-list:before,

    .header-contant .language-list button.support-btn,

    .technology-title,

    header.main-header .header-body .header-menu .header-contant {

        display: none
    }



    .rc-anchor-normal {

        height: 74px;

        width: 288px
    }



    .technology-part .technology-title h3 {

        font-size: 24px;

        line-height: 24px
    }



    .manage-services-body .manage-services-content .ms-box {

        text-align: center
    }



    .manage-services-box .ms-box .ms-box-img {

        height: 180px;

        width: 260px;

        margin: 0 auto 20px
    }



    .manage-services-content .manage-services-box .ms-box p {

        margin: 0 auto
    }



    .awards-list {

        grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));

        display: grid;

        gap: 30px;

        align-items: center
    }



    #mobile_code {

        padding-left: 98px !important;

    }



    .awards-sec .awards-body:before {

        height: 98%
    }



    .awards-list .awards-box:nth-child(3) {

        flex: 0 0 100%;

        order: 1
    }



    .responsive-memu {

        display: block
    }

}



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

    .banner-sec .banner-body .banner-left h1 {

        font-size: 30px
    }



    .banner-sec .banner-body .banner-left h1 span {

        font-size: 24px
    }



    .banner-sec .banner-body .banner-left p {

        font-size: 14px;

        line-height: 20px
    }



    .banner-brand-sec {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 20px
    }



    .banner-brand-sec h3,

    .bottom-footer-box.bottom-footer-box-link ul li {

        padding: 0;

        border-right: none
    }



    .what-we-do-sec .what-we-do-body {

        padding: 0
    }



    .geospatial-list-body {

        padding: 0 30px
    }



    .api-int-sec .api-int-body {

        padding: 40px 30px 120px
    }




    .bottom-footer .bottom-footer-box {

        margin: 0;

        padding: 0;

        flex: 0 0 100%;

        width: 100%
    }



    .bottom-footer .bottom-footer-box ul {

        display: grid;

        gap: 5px;

        grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));

        width: 100%;

        justify-content: center;

        align-items: center
    }



    .box-three-list {

        display: flex;

        flex-direction: column-reverse
    }



    .bottom-footer-box.bottom-footer-box-link ul {

        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }



    .responsive-memu {

        display: block
    }



    .inner-banner-bottom-sec .ibm-body h2 {
        font-size: 20px !important;
        line-height: 20px !important;
        margin-top: 10px !important;

    }

}