@media only screen and (max-width: 1720px)
{
    .container
    {
       padding-inline: 50px;
    }
}

@media only screen and (max-width: 1440px)
{
    .solutions {

        & .solution-item {

            & .divider {
                &::before {
                    width: 258px;
                    right: -140%;
                    background-position: right;
                }
            }

            h3 {
                font-size: 54px;
            }

            p {
                font-size: 20px;
            }
        }

        & .solution-box {

            & .content {
            
                h5 {
                    font-size: 54px;
                }
            
                p {
                    font-size: 20px;
                }
            }
        }
    }

    .process {

        & .process-box {
            padding: 40px 30px;

            & h5 {
                font-size: 32px;
                margin-bottom: 20px;
            }

            & p {
                font-size: 18px;
            }
        }
    }

    .footer {
        
        & .body {

            & .exerpt {
                padding: 90px 60px 90px 0;
            }
            
            & .footer-nav {
                padding: 90px 0 90px 30px;
            }
        }
    }
}

@media only screen and (max-width: 1399px)
{
    .solutions {
        & .solution-item {
            & .divider {
                &::before {
                    width: 218px;
                    right: -120%;
                }
            }
        }
    }
}

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

    .solutions {
        & .solution-item {
            & .divider {
                &::before {
                    content: none;
                }
            }

            h3 {
                font-size: 42px;
            }
        }

        & .solution-box {
            & .content {
                h5 {
                    font-size: 42px;
                }
            }
        }
    }

    .about {
        padding-bottom: 180px;

        & .shadow-heading {
            font-size: 140px;
        }
    }

    .success-stories {
        
        & .content {
            min-height: 210px;
            margin-bottom: 40px;
        }
    }

    .industries {
        
        & .industries-slider {
            & .swiper-slide {
                transform: scale(0.9);
                width: 85%;
                
                img
                {
                   height: 450px;
                }

                &.swiper-slide-active
                {
                    img 
                    {
                        height: 450px;
                    }
                }
            }
        }
    }

    .integration {
        height: auto;

        & .platform-icons {
            gap: 5px;
        }
    }

    .footer {

        & .body {

            & .exerpt {
                h4 {
                    font-size: 42px;
                }
            }

            & .footer-nav {
                & h4 {
                    font-size: 35px;
                }
            }
        }

        & .foot {
            padding: 30px 0;
            
            & ul{
                justify-content: center;
                margin-bottom: 15px;
            }

            & a, p {
                font-size: 18px;
            }
        }
    }
}

@media only screen and (max-width: 991px)
{
   
   
    .mobile-margin
    {
        margin-bottom: 40px;
    }

    .hero-banner
    {
        & h1
        {
            text-shadow: 2px 2px #00000033 !important;
        }


        & p {
            font-size: 20px;
        }
    }

    .solutions {
        display: none;

        & .solution-item {
            height: 500px;
        }

        & .solution-box {
            height: 500px;
            padding: 30px;
        }
    }

    /* .solutions-2 {
        display: block;
    } 
        */

    .bg-white-mobile
    {
        background-color: #fff;
    }

    .success-stories 
    {
         .cards-stack-wrapper
        {
            transform: translateY(-70px)
        }
        
        & .content {
            align-items: center;
             margin-bottom: 0px;;

            & h3, p {
                text-align: center;
            }
        }
    }

    .process {
        & .process-heading-wrapper {
            margin-top: 0px;
            margin-bottom: 50px;
            display: flex;
            justify-content: space-between;

            & .btn-primary
            {
                border:1px solid #eee
            }
        }

    }

    .integration {
        & .nav-pills {
            max-width: 100%;
            gap: 50px;
            flex-direction: row;
            align-items: center;

            li {
                button {
                    .tab-arrow {
                        display: none;
                    }
                }
            }
        }
    }

    .integration, .about {
        & h6 {
            font-size: 42px;
        }
    }
    
    .footer {
        & .body {
            & .exerpt {
                border-right: 0px solid rgb(255 255 255 / 10%) !important; 
                padding: 60px 0;
            }
            & .footer-nav {
                padding: 0 0 60px !important;
            }
        }
    }

    .breadcrum {
        padding: 180px 0;
    }

    .services {
        & .accordion-services {
            & .accordion-item {
                padding: 17px 40px;

                & .accordion-button {
                    & h2 {
                        font-size: 70px;
                    }
                }

                & .accordion-body {
                    font-size: 20px;
                    letter-spacing: 0;
                }

                &:has(.collapse.show) {
                    padding: 43px 40px;
                }
            }
        }
    }

    .hand-cta {
        .col-pad {
            padding-inline: 62px;
        }
    } 

  
}

@media only screen and (max-width: 767px)
{
    .hero-banner
    {
        background-image: url("/assets/img/hero-bg-mobile.jpg");
    }

    .container {
        padding-inline: 30px;
    }

    .unique {
        & .unique-box {
            padding: 50px 40px;
        }
    }

    .counter {
        & .counter-number {
            font-size: 42px;
            letter-spacing: -1.857px;
        }
    }

    .unique 
    {
        padding: 75px 0px;
        background: linear-gradient(180deg,rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 35%);

    }
    .about {
        padding-bottom: 130px;

        & .shadow-heading {
            font-size: 110px;
        }
    }
    
    .swiper-slide
    {
        opacity: 1 !important;
    }

    .process-shape
    {
        bottom: 0px !important; 
    }
    
    
    
    .integration {
        
        & .nav-pills {
            gap: 15px;

            li {
                button {
                    font-size: 14px;
                    padding: 15px;
                    
                    &.active {
                        padding: 15px;
                    }
                }
            }
        }

        & .platform-icons {
            justify-content: center;

            img
            {
                width: calc(30% - 3px);
            }
         
        }
    }

    .hand-cta {
        padding: 100px 0;

        .col-pad {
            padding-inline: 42px;
        }

        & .hand-img-logo {
            margin-bottom: 50px;
        }

        & .hand-content {
            margin-bottom: 60px;
        }
    }

}

@media only screen and (max-width: 575px)
{
    .mobile-flex-wrap {
        flex-wrap: wrap;
    }

    .container {
        padding-inline: 20px;
    }

    .header .logo img {
        width: 80%;
    }

    .hero-banner {
        /* height: calc(100vh - 70px); */

        /* & .video-container {
            height: calc(100vh - 70px);
        } */

        & .container {
            padding-block: 0;
        }

        & p {
            font-size: 18px;
        }

        & a {
            margin-bottom: 70px;
        }
    }

    .solutions-2 {
        
        & .solution-item {
            & .divider {
                &::before {
                    content: none;
                }
            }
            & h3 {
                font-size: 35px;
            }
            & h6, p {
                font-size: 18px;
            }
        }

        & .solution-box {
            padding: 140px 30px 30px 30px;

            & .badge {
                width: 185px;

                .serial {
                    font-size: 18px;
                    width: 165px;
                }
            }
            & .content {
                h5 {
                    font-size: 34px;
                    margin-bottom: 20px;
                    line-height: 1.1;
                }
                p {
                    font-size: 18px;
                    margin-bottom: 0;
                }
            }
        }
    }

    .unique {
        & .unique-box {
            padding: 50px 30px;
        }
    }

    .process {
        & .process-box {
            & h5 {
                font-size: 27px;
            }
        }
    }

    .industries {
        & .industries-box {
            & .content {
                margin: 0 30px;

                h4 {
                    font-size: 27px;
                }
            }
        }
    }

    .integration, .about {
        & h6 {
            font-size: 35px;
        }
    }

    .about {
        padding-bottom: 100px;

        & .shadow-heading {
            font-size: 70px;
        }

        & h5 {
            font-size: 24px;
        }
    }


    .integration {
        
        & .nav-pills {
            gap: 15px;

            li {
                button {
                    font-size: 14px;
                    padding: 15px;
                    
                    &.active {
                        padding: 15px;
                    }
                }
            }
        }

        & .platform-icons {
            justify-content: center;

            img
            {
                width: calc(30% - 3px);
            }
         
        }
    }

    .counter {
        margin-bottom: 20px;
    }

    .footer {

        & .body {

            & .exerpt {
                h4 {
                    font-size: 32px;
                }
                p {
                    font-size: 18px;
                }
            }

            & .footer-nav {
                & h4 {
                    font-size: 27px;
                }
            }
        }
    }

    .offcanvas {
        width: 100% !important;
    }

    .referal {
        .global-partners {
            margin-top: 30px;
        }
    }

    .services {
        & .accordion-services {
            & .accordion-item {
                padding: 17px 20px;

                & .accordion-button {
                    & h2 {
                        font-size: 40px;
                        padding-right: 20px;
                    }
                }

                & .accordion-body {
                    font-size: 18px;
                }

                &:has(.collapse.show) {
                    padding: 43px 20px;
                }
            }
        }
    }

    .hand-cta {
        .col-pad {
            padding-inline: 32px;
        }

        & .hand-img {
            padding-right: 30px;
        }
    }
}