
/*################################# Media ##################################*/
@media all and (min-width:1800) {
    
    .fintech-banner-image {
    height: 120%!important;
    width: 100%;
}
.fintech-banner-image .hero-mobile {

    max-width: 63%!important;

}

}

@media all and (max-width:1399px)  {
    .fintech-banner-image .hero-fingerprint {
        top: 68%;
        right: 53%;
    }
    .fintech-banner-image .sign.hero-dollar {
        top: 33%;
        left: -6%;
    }
    .fintech-banner-image .sign.hero-rupees {
        top: 18%;
        left: 16%;
    }
    .fintech-banner-image .hero-card {
        top: 42%;
        right: 53.5%;
        max-width: 42%;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: -20%;
        left: 0%;
    }
 
    /*  .unique-fintech-app */
    .unique-fintech-app-image {
        top: -50px;
    }
    .blockcahin-projects .slick-prev, .blockcahin-projects .slick-next {
        top: 95%!important;
    }
    .blockcahin-projects .slick-next {
        right: 36% !important;
    }
     
}
/*################################# Media ##################################*/
@media all and (max-width: 1318px)  {
    .fintech-banner-image .hero-fingerprint {
        top: 65%!important;
        right: 53%!important;
    }
    .fintech-banner-image .sign.hero-dollar {
        top: 33%!important;
        left: -9%!important;
    }
    .fintech-banner-image .sign.hero-rupees {
        top: 17%!important;
        left: 14%!important;
    }
    .fintech-banner-image .hero-card {
        top: 41%!important;
        right: 54.5%!important;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: -20%!important;
        left: 0%!important;
    }


    /*  .unique-fintech-app */
    .unique-fintech-app-image {
        top: -50px;
    }
    .blockcahin-projects .slick-next {
        right: 36% !important;
    }
     
}

@media all and (max-width:1199px) {
    .fintech-banner-image .sign.hero-dollar {
        top: 36% !important;
        left: -22% !important;
    }
    .fintech-banner-image .sign.hero-rupees {
        top: 19% !important;
        left: 5% !important;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: -28% !important;
        left: -11% !important;
    }
    .fintech-banner-image .statistic-1 {
        width: 25%;
        bottom: -70%;
        left: -40%;
    }



      /*  */
      .build-fintech-marketplace-card h5 {
        font-size: 3.2rem;
      }
      /*  */
      .blockcahin-projects .slick-prev, .blockcahin-projects .slick-next {
        top: 110% !important;
    }
    /*  */
    .why-choose-us-heading.text-center.mb-5.pb-4 {
        padding-bottom: .5rem;
    }

    .fintech-function-app .accordion-button, .development-process-app .accordion-button {
        font-size: 18px;
    }
    
}





@media all and (max-width:1025px) { 
    .fintech-banner-image .hero-network {
        min-width: 921px;
    }
    .fintech-banner-image .hero-card {
        top: 38% !important;
        right: 52.5% !important;
    }
    .fintech-banner-image .sign.hero-rupees {
        top: 14% !important;
        left: 13% !important;
    }
    .fintech-banner-image .sign.hero-dollar {
        top: 26% !important;
        left: -10% !important;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: 12% !important;
        left: 0% !important;
    }
    .fintech-banner-image .hero-fingerprint {
        top: 57% !important;
        right: 53% !important;
    }
    .fintech-banner-image .sign.hero-exchange {
        top: 63.6%;
        right: 81.7%;
    }
    .fintech-banner-image .statistic-1 {
        bottom: -70%;
    }


    .fintech-banner-image .hero-card {
        top: 37% !important;
        right: 53.5% !important;
    }
}




@media all and (min-width:768px) and (max-width:991px) {
    .fintech-function-app .accordion-button, .development-process-app .accordion-button {
        font-weight: 600;
        font-size: 17px;
    }



    .hence-forth-fintech-page h1 {
        font-size: 3rem;
    }
    .fintech-banner-image .hero-network {
        min-width: 825px;
    }
    .fintech-banner-image .sign.hero-rupees {
        top: 10% !important;
        left: 17% !important;
    }
    .fintech-banner-image .sign.hero-dollar {
        top: 23% !important;
        left: -4% !important;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: 14% !important;
        left: 6% !important;
    }
    /*  */


    .unique-fintech-app  .col-md-10.mb-5.aos-init.aos-animate {
        width: 100%;
    }


    /* slider */
    .hence-forth-fintech-page p {
        font-size: 0.9rem;
        font-weight: 500;
        line-height: 1.2rem;
    }
    .blockcahin-projects .slick-next {
        right: 29% !important;
        top: 110%!important;
    }
    .blockcahin-projects .slick-prev {
        top: 111% !important;
    }

    .why-choose-us-heading.text-center.mb-5.pb-4 {
        padding-bottom: 0!important;
    }
    .col-md-4.col-lg-4.col-xl-4.text-center.text-md-start.why-choose-us-custom {
        width: 50%;
    }

    .single-course-heading h4 {
        font-size: 9px;
    }



    .advance-tech-heading {
        padding: 0px 6%;
    }


    .development-process-app .row .col-md-6 {
        width: 100%;
        min-height: 400px;
        margin: 20px 0;
    }

    .project-help .col-md-6 {
        width: 100%;
        margin: 40px 0;
    }

    
}















@media all and (max-width:767px) {
    html{
        overflow-x: hidden;
    }
    .hence-forth-fintech-page h1 {
        font-size: 2.8rem;
    }
    .fintech-banner-section  .col-10.col-sm-8.col-md-6.offset-xl-1.col-xl-6.order-1.order-md-2, .col-md-6.col-xl-5.order-2.order-md-1.main-banner-content {
        width: 100%!important;
        margin: 126px 0px 300px 0px!important;
    }
    .col-md-6.col-xl-5.order-2.order-md-1.main-banner-content {
        margin: 0!important;
    }
    .fintech-banner-image .hero-mobile {
        position: absolute !important;
        top: 25%;
        right: 0;
        max-width: 63%;
    }
    .fintech-banner-image .hero-card {
        top: 70px !important;
        right: 56.5% !important;
        max-width: 32%;
    }
    .fintech-banner-image .hero-fingerprint {
        right: 60% !important;
        top: 215px !important;
    }
    .fintech-banner-image .sign {
        max-width: 8% !important;
    }
    .fintech-banner-image .sign.hero-euro {
        top: -290%!important;
        right: 50%;
    }
    .fintech-banner-image .sign.hero-exchange {
        top: 250px;
        right: 81.7%;
    }
    .fintech-banner-image .sign.hero-pound {
        bottom: -351px !important;
        left: 429px !important;
    }
    .fintech-banner-content.text-center.text-md-start.position-relative {
        margin-top: 100px;
    }
    .fintech-banner-image .sign.hero-crypto {
        width: 12%;
        top: -59px;
        right: 15%;
    }
    .fintech-banner-image .statistic {
        width: 18%;
        bottom: 90%;
        left: -16%;
    }
    .fintech-banner-image .statistic-1 {
        bottom: -561%;
        left: -10%;
    }
    
    






    .why-choose-us-image {
        left: 0;
        right: 0;
        margin-inline: auto;
    }

    .rounded-16 {
        border-radius: 16px;
    }

    .fintech-function-app .accordion-button, .development-process-app .accordion-button {
        font-weight: 600;
        font-size: 16px;
    }

    .fintech-function-app .accordion-button, .development-process-app .accordion-button {
        padding: 12px 12px;
    }
    

    /* .unique-fintech-app */
    .unique-fintech-app-heading h3 {
        font-size: 2.2rem;
    }
    .unique-fintech-app-card {
        padding: 30% 6% 4% 6%;
    }
    .unique-fintech-app-card .imgbox {
        width: 105px;
        height: 105px;
    }
    
    /* projectFacts */

    #projectFacts .col-md-6.col-lg-3.col-xl-3.text-center.text-md-start {
        width: 50%!important;
        max-width: 50%!important; 
    }
    .build-fintech-marketplace-card h5 {
        font-size: 3.2rem;
    }
    .build-fintech-marketplace-card p span {
        font-size: 1rem;
        line-height: 1.4rem!important;
    }

    /* .blockcahin-projects */
    .blockcahin-projects .slick-prev {
        left: 0% !important;
        top: 57% !important;
    }
    .blockcahin-projects .slick-next {
        top: 57% !important;
        right: 0!important;
    }  
    .blockcahin-projects-image.text-center.mb-3.mb-md-0 {
        margin: 6rem 0;
    }
    .blockcahin-projects-content {
        padding-top: 7%;
    }

    /* .why-choose-us */
    .why-choose-us-heading.text-center.mb-5.pb-4 {
        padding-top: 9rem;
        padding-bottom: 0rem !important;
    }
    .why-choose-us-image {
        display: flex;
        justify-content: center;
    }
    .why-choose-us-heading  h3 {
        font-size: 2rem;
    }
    .why-choose-us-content h5 {
        margin: 0px 0px 10px 0px;
        font-size: 1.4rem;
    }

    /* .all-benefits  */
    .all-benefits .col-md-3.single-course {
        width: 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .all-benefits  .row.row-2, .all-benefits  .row.row-3, .all-benefits  .row.row-4 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    /* Job-guarnated */
    .Job-guarnated .Job-guarnated-main {
        min-height: 270px;
    }
    .Job-guarnated-content h3 {
        font-size: 1.8rem;
    }

    /* advance-tech */
    .advance-tech .container {
        max-width: unset;
    }
    .advance-tech h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    /* development-process-app */
    .development-process-heading {
        padding: 0 0 30px 0;
    }
    .development-process-heading h3 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .development-process-img {
        padding-top: 30px;
    }
}













@media all and (max-width:600px) {

    .fintech-banner-image .sign.hero-pound {
        bottom: -378px !important;
        left: 225px !important;
    }
    .fintech-banner-image .hero-fingerprint {
        top: 200px !important;
        max-width: 55px;
        width: 55px;
    }
    .fintech-banner-image .statistic-1 {
        bottom: -600%;
        left: -10%;
        width: 22%;
    }

    /* .unique-fintech-app */
    .unique-fintech-app-heading h3 {
        font-size: 2.2rem;
    }
    .unique-fintech-app-card {
        padding: 16% 6% 4% 6%;
    }
    .unique-fintech-app-card .imgbox {
        width: 90px;
        height: 90px;
    }
    .unique-fintech-app-card {
        padding: 8% 6% 4% 6%;
    }
    .unique-fintech-app-card .imgbox {
        box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.18);
    }

    /* .fintech-bg-layers */
    .fintech-bg-layers {
        padding: 0;
    }
    .fintech-function-app-heading h3 {
        font-size: 2.2rem;
    }

    /* .blockcahin-projects */
    .blockcahin-projects .slick-prev {
        left: 3% !important;
        top: 58% !important;
    }
    .blockcahin-projects .slick-next {
        top: 58% !important;
        right: 3%!important;
    }  
    .why-choose-us-heading.text-center.mb-5.pb-4 {
        padding-top: 0;
    }

    .advance-tech-heading {
        padding: 0!important;
    }
}











@media all and (max-width:464px) {
    section {
        padding: 40px 10px;
    }
    section.fintech-banner-section{
        padding: 0px 0px;
    }
    .fintech-banner-image .hero-mobile {
        position: absolute !important;
        top: 25%;
        right: 0;
        max-width: 84% !important;
        width: 59%;
    }
    .fintech-banner-image .hero-network {
        min-width: 675px;
    }
    .main-banner-content {
        padding-top: 0;
    }
    .fintech-banner-image .hero-fingerprint {
        top: 150px !important;
        max-width: 70px!important;
        width: 55px !important;
    }
    .fintech-banner-image .hero-card {
        top: 34px !important;
        right: 54.5% !important;
        max-width: 38%;
    }
    .fintech-banner-section .col-10.col-sm-8.col-md-6.offset-xl-1.col-xl-6.order-1.order-md-2 {
        margin: 126px 0px 220px 0px !important;
    }
    .hence-forth-fintech-page h1 {
        font-size: 2rem;
    }
    .fintech-banner-image .sign.hero-exchange {
        top: 201px;
        right: 81.7%;
    }
    .fintech-banner-image .sign.hero-euro {
        top: -189% !important;
        right: 50%;
    }
    .fintech-banner-image .statistic-1 {
        bottom: -450%;
        left: 5%;
        width: 28%;
    }
        /* build-fintech-marketplace */

        .fintech-bg-layers {
            padding-top: unset!important;
        }
        .build-fintech-marketplace-card h5 {
            font-size: 3rem;
        }
        .build-fintech-marketplace-card p span {
            font-size: .8rem;
            letter-spacing: 2px;
        }
        .projectFactsWrap.row.gy-5.justify-content-center {
            --bs-gutter-y: 1rem;
        }
        #projectFacts .col-md-6.col-lg-3.col-xl-3.text-center.text-md-start {
            width: 100% !important;
            max-width: 100% !important;
        }

        /* unique-fintech-app-card */
        .unique-fintech-app-card {
            padding: 0px 6% 0% 6%;
            min-height: 325px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .unique-fintech-app-card p {
            padding-bottom: 0rem;
            font-size: 1.1rem;
            padding-left: 1rem;
            padding-right: 0rem;
        }


        .hence-forth-fintech-page p {
            font-size: 1rem;
            line-height: 1.7rem;
        }
        .hybrid-app-development-content.blockcahin-projects-content.blockcahin-projects-gallery {
            padding-bottom: 2rem;
        }
        .single-course-heading h4 {
            font-size: 10px;
        }
        .advance-tech h2 {
            font-size: 1.6rem;
            line-height: 1.9rem;
        }

        .why-choose-us .row.gy-5.justify-content-center {
            --bs-gutter-y: 0rem;
        }
        .development-process-img {
            display: flex;
            align-content: center;
            justify-content: center;
        }
        .development-process-img img {
            margin-left: 0;
        }

        .Job-guarnated-content h3 {
            font-size: 1.3rem;
        }

        .blockcahin-projects .slick-next, .blockcahin-projects .slick-prev {
            top: 60% !important;
        }
}



@media all and (max-width: 380px) {
    .blockcahin-projects .slick-prev {
        left: 3% !important;
        top: 46% !important;
    }
    .blockcahin-projects .slick-next {
        top: 46% !important;
        right: 3%!important;
    }  

    .blockcahin-projects-image.text-center.mb-3.mb-md-0 {
        margin: 0;
    }
    .blockcahin-projects-content {
        padding-top: 15%;
    }
}












@media all and (max-width:283px) {

    .unique-fintech-app-card p {
        font-size: 1.1rem;
        line-height: 1.7rem;
        padding-bottom: 1rem;
    }


    .blockcahin-projects .slick-prev {
        left: 3% !important;
        top: 60% !important;
    }
    .blockcahin-projects .slick-next {
        top: 60% !important;
        right: 3%!important;
    }  

}   

