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

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

@media(max-width: 1536px) {
    section.aboutPage.breadcrum {
        video {
            position: absolute;
            overflow: clip;
            left: 0px;
            top: 0px;
            width: 100%;
            min-height: 100%;
            z-index: 1;
        }
    }
}

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

    section.about
    {

        #typing-text
        {
            font-size: 24px !important;;
        }
    }

    section.mission
    {
        .tab-content *
        {
            font-size: 24px !important;
        }
    }


    .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)
{
    section.mission .process-shape svg {
        width: 1600px;
    }
    section.referal .process-shape svg {
        width: 1500px;
    }
    .solutions {
        & .solution-item {
            & .divider {
                &::before {
                    width: 218px;
                    right: -120%;
                }
            }
        }
    }
}

@media only screen and (max-width: 1200px)
{
    section.hand-cta h3 {font-size: 45px !important; }
    .breadcrum {padding: 200px 0; }
    section.mission .process-shape svg {width: 1200px; }
    .hand-img img {height: 550px; object-fit: cover; width: 100%; }
}

@media only screen and (max-width: 1199px)
{
    .breadcrum {padding: 200px 0; }
    section.mission .process-shape svg {width: 1200px; }
    .hand-img img {height: 550px; object-fit: cover; width: 100%; }
}

@media only screen and (max-width: 1024px)
{
    .cta-2, .cta-1 {top: 0px !important; }
    section.referal .process-shape {bottom: 88px;display: none !important;}
    section.mission .process-shape svg {width: 1100px; }
    section.mission {
        & .nav-tabs {
            .nav-item {
                border: 1px solid transparent !important;
                margin-right: 25px;
            }
        }
    }

   h1
   {
    font-size: 60px !important;
   }
   h2
   {
    font-size: 50px !important;
    letter-spacing: 0px !important;
   }
   h3
   {
    font-size: 40px !important;
   }
   h4
   {
    font-size: 30px !important
   }

    p
    {
        font-size: 20px !important;;
    }


    section.success-stories 
    {
       p
       {
        max-width: 100% !important;
       }

       .person-card__image
       {
        width: 80%;
        img
        {
            width: 100%;
        }
       }
       .card-stack-name__des p
        {
            font-size: 18px !important;
        }

         & .content {
            /*min-height: 210px;*/
            margin-bottom: 40px;
        }
       

    }


    section.hand-cta
    {
       
        .hand-content
        {
            margin-bottom: 40px !important;
        }
        .col-pad
        {
            padding-block: 50px !important;
        }

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

    }
    section.about
    {
         padding-bottom: 180px;

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

        #typing-text
        {
            font-size: 20px !important;  

        }
    }


    section.mission
    {
        .nav-item
        {
            .nav-link
            {
                font-size: 24px !important;
            }
        }

        .tab-content *
        {

            font-size: 20px !important;
        }
        

    }


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

            h3 {
                font-size: 42px;
            }
        }

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

   


    .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 {

        p, a
        {
            font-size: 18px !important;
        }
        
        & .body {

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

            
         
        }

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

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



@media only screen and (max-width: 991px)
{
    .hand-content {max-width: 100% !important; width: 100%:  }
    section.process .process-shape {display: none;}
    .cta-bg {background-image: url(/assets/img/challenges-bg.webp), url(/assets/img/cta-grid-bg.png); }
    section#about {text-align: center; }
    h5#typing-text1 {font-size: 25px; }
   
   
    .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;
        }
    } 

    section.aboutPage video.mobileView {transform: scale(1.9);}
    section.hand-cta {background-image: linear-gradient(#2a2d41, #6a667e) !important; }


  
}

@media only screen and (max-width: 768px)
{
    br{display: none;}
    .success-stories {
        & .content {
            gap: 20px;
        }
    }
   

    h1 
    {
        font-size: 40px !important;
    }
    h2 
    {
        font-size: 30px !important;
    }

    h3
    {
        font-size: 26px !important;
    }

    h4, h5, h6
    {
        font-size: 24px !important;
    }

   

    p
    {
        font-size: 18px !important;
    }


    .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;

        .hand-img img
        {
            max-width: 80%
        }

        .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;
        }
    }

    section.mission
    {
     
        .col-pad
        {
               padding-inline: 30px;
        }
        .nav-item
        {
             margin-right: unset !important;

            .nav-link
            {
                font-size: 20px !important;
            
            }
    
        }
        .tab-content * 
        {
            font-size: 18px;
        }
    }

    section.success-stories
    {
        .cards-stack__center
        {
            transform: translateX(30px) !important; 
        }
    }

    .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;
                } */
            }
        }
    }

    
    .about {
        padding-bottom: 100px;

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

      
    }


    .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;
        }
    }
}

@media(max-width: 480px) {
    .breadcrum {padding: 130px 0 60px; }
    section#stories .cards-stack__center {position: relative; left: -8px; }
}