/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@media all and (max-width: 1199px){
    .animation-btn-area {
        right: -1rem;
   }
    .top-section-area {
        margin-bottom: 7rem;
   }
    .service-img img {
        width: 3rem;
        height: 3rem;
   }
    .service-img {
        width: 8rem;
        height: 8rem;
   }
    .service-img {
        margin-bottom: 3rem;
   }
    .service h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
   }
    .service p {
        font-size: 1.6rem;
        line-height: 2.4rem;
   }
    .service-area {
        margin-bottom: 12rem;
   }
    .fak-content h3 {
        font-size: 2.7rem;
        line-height: 4.5rem;
        margin-bottom: 2rem;
   }
    .fak-content p {
        font-size: 1.6rem;
        line-height: 2.7rem;
   }
    .fak-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
        max-width: 34rem;
        margin-left: auto;
   }
    .right-fakturo-image .fak-content {
        margin-left: 0;
   }
    .fakturo-area .fakturo-image {
        width: 55%;
        height: 50rem;
   }
    .testimonial-area {
        margin-bottom: 14rem;
   }
    .app-download {
        margin-bottom: 10rem;
        padding-top: 8rem;
        padding-bottom: 8rem;
   }
    .banner-content h1 {
        font-size: 5rem;
        line-height: 6.5rem;
        margin-bottom: 2rem;
   }
    .animation-btn-area a {
        font-size: 2rem;
   }
    .menu-area ul li a {
        font-size: 1.6rem;
        margin-right: 3.5rem;
   }
    .banner-content p {
        font-size: 1.6rem;
        line-height: 2.6rem;
        max-width: 45.5rem;
   }
    .banner-image img {
        width: 25.448rem;
   }
    .generate-btn a {
        max-width: 18rem;
   }
    .app-download h3 {
        font-size: 3rem;
        line-height: 4.2rem;
        max-width: 60rem;
   }
    .app-click {
        padding-top: 4.2rem;
        text-align: center;
   }
    .test-content h4 {
        font-size: 3rem;
        line-height: 5.5rem;
        margin-bottom: 1.6rem;
   }
    .author-description p {
        font-size: 1.6rem;
        line-height: 2.6rem;
   }
    .testiMonial .swiper-button-prev::after {
        font-size: 3rem;
   }
    .testiMonial .swiper-button-next::after {
        font-size: 3rem;
   }
}
@media all and (min-width: 992px){
    .responsive-top-section-background{
        display: block;
   }
}
@media all and (max-width: 991px){
    .top-section-background {
        display: none;
   }
    .banner-image {
        background-color: #EEF4FF !important;
        background-size: cover !important;
        padding: 9rem 0;
        border-radius: 10rem;
        max-width: 52rem;
        margin: 0 auto;
        margin-top: 6rem;
   }
    .animation-btn-area {
        right: 5rem;
   }
    .menu-area ul li a {
        font-size: 1.6rem;
        margin-right: 3rem;
   }
    .logo a img {
        margin-right: 8rem;
   }
    .service {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 3rem;
   }
    .top-section-area {
        padding-bottom: 4rem;
        margin-bottom: 0rem;
   }
    .fakturo-area .fakturo-image {
        position: inherit;
        width: 80%;
        height:auto;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
        margin: 0 auto;
        border-radius: 10rem;
   }
    .right-fakturo-image .fakturo-image {
        margin-left: auto;
   }
    .fak-content {
        padding-top: 0rem;
        max-width: 100%;
   }
    .service-area {
        margin-bottom: 9rem;
   }
    .fak-content h3 {
        max-width: 61.3rem;
        margin-bottom: 1rem;
        line-height: 4rem;
        font-size: 2.5rem;
   }
    .fakturo-area {
        margin-bottom: 11rem;
   }
    .fak-content p {
        font-size: 1.6rem;
        line-height: 2.6rem;
   }
    .app-download h3 {
        font-size: 2.8rem;
        line-height: 4.6rem;
        padding: 0rem 3rem;
   }
    .app-click {
        padding-top: 4.2rem;
   }
    .app-download {
        padding-top: 8rem;
        padding-bottom: 8rem;
        margin-bottom: 10rem;
   }
    .team-member {
        position: inherit;
        top: inherit;
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
        width: 75%;
        height: 50rem;
        margin: 0 auto;
        border-radius: 10rem;
   }
    .team-member img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 0rem 10rem 10rem 0rem;
   }
    .testimonial-area {
        margin-bottom: 10rem;
        margin-top: 0;
   }
    .footer-area {
        padding-top: 0rem;
   }
    .login-btn a {
        font-size: 1.6rem;
        padding: 0.7rem 3rem;
   }
    .banner-content h1 {
        font-size: 4.5rem;
        line-height: 6rem;
   }
    .banner-area {
        margin-top: 5rem;
   }
    .service-area .row {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
   }
    .service h3 {
        text-align: center;
   }
    .service p {
        text-align: center;
   }
    .service-img {
        margin-bottom: 2rem;
   }
    .app-click a {
        max-width: 17.7rem;
   }
    .testimonial {
        max-width: 46rem;
        margin: 0 auto;
        margin-bottom: 6rem;
   }
    .test-content h4 {
        font-size: 2.7rem;
   }
}
@media all and (min-width: 767px){
    .menu-area {
        display: block !important;
   }
}
@media all and (max-width: 767px){
    .menu-area{
        display: none;
   }
    .banner-content h1 {
        font-size: 5rem;
        line-height: 6.5rem;
   }
    .top-menu-button{
        display: block;
   }
    .header-top-area {
        position: relative;
        padding-right:1rem;
   }
    .menu-area {
        position: absolute;
        left: 0;
        top: 8.5rem;
        width: 100%;
        background: #EEF4FF;
        display: none;
   }
    .menu-area ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 3rem 0rem;
        -webkit-box-shadow: 0rem 0.4rem 0.6rem -0.4rem rgba(0,0,0,0.3);
                box-shadow: 0rem 0.4rem 0.6rem -0.4rem rgba(0,0,0,0.3);
   }
    .menu-area ul:hover{
        -webkit-box-shadow: 0rem -0.4rem 0.6rem -0.4rem rgba(0,0,0,0.3);
                box-shadow: 0rem -0.4rem 0.6rem -0.4rem rgba(0,0,0,0.3);
   }
    .login-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
   }
    .login-btn a {
        padding: 0.6rem 2.7rem;
        font-size: 1.4rem;
   }
    .menu-area ul li a {
        font-size: 1.6rem;
        margin-right: 0;
        margin: 0.5rem 0;
   }
    .login-btn {
        margin-right: 2rem;
   }
    .service-img img {
        width: 3rem;
        height: 3rem;
        -o-object-fit: contain;
           object-fit: contain;
   }
    .service-img {
        width: 7rem;
        height: 7rem;
        margin-bottom: 2.1rem;
   }
    .service h3 {
        font-size: 1.9rem;
        margin-bottom: 1rem;
   }
    .service p {
        font-size: 1.5rem;
        line-height: 2.4rem;
   }
    .service-area {
        margin-bottom: 7rem;
   }
    .fakturo-area {
        margin-bottom: 7rem;
   }
    .fak-content {
        padding-bottom: 3rem;
   }
    .fak-content h3 {
        line-height: 3.5rem;
        font-size: 2.2rem;
   }
    .fak-content p {
        font-size: 1.4rem;
        line-height: 2.3rem;
   }
    .fakturo-area .fakturo-image {
        width: 90%;
        height: 40rem;
   }
    .app-click {
        max-width: 40rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
   }
    .app-download {
        margin-bottom: 7rem;
   }
    .test-content h4 {
        font-size: 2.5rem;
        line-height: 4.5rem;
        margin-bottom: 2rem;
   }
    .author-name {
        font-size: 1.6rem;
        margin-bottom: 0.5rem;
   }
    .author-area {
        margin-bottom: 2rem;
   }
    .author-description p {
        font-size: 1.6rem;
        line-height: 2.8rem;
   }
    .testiMonial .swiper-button-next::after {
        font-size: 2.7rem;
   }
    .testiMonial .swiper-button-prev::after {
        font-size: 2.7rem;
   }
    .testiMonial .swiper-button-next {
        left: 6.5rem;
   }
    .team-member {
        width: 88%;
        height:auto;
   }
    .logo-title p {
        font-size: 1.5rem;
        padding-top: 1.3rem;
        padding-bottom: 1.5rem;
   }
    .footer-bottom ul li a {
        margin: 0 3rem;
   }
    .animation-btn-area a {
        font-size: 1.8rem;
   }
    .banner-content h1 {
        font-size: 4rem;
        line-height: 5rem;
   }
    .generate-btn a {
        max-width: 15rem;
   }
    .app-download h3 {
        font-size: 2.3rem;
        line-height: 3.5rem;
   }
}
@media all and (max-width: 575px){
    .banner-content h1 {
        font-size: 4rem;
        line-height: 5.5rem;
        margin-bottom: 2rem;
   }
    .generate-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
   }
    .generate-btn a {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
   }
    .service {
        max-width: 27.7rem;
        margin: 0 auto;
        margin-top: 3rem;
   }
    .fakturo-area .fakturo-image {
        height: 30rem;
   }
    .app-download h3 {
        font-size: 2.3rem;
        line-height: 3.6rem;
   }
    .app-download {
        padding-top: 4rem;
        padding-bottom: 6rem;
   }
    .app-click {
        max-width: 34rem;
        padding-top: 3.2rem;
   }
    .test-content h4 {
        font-size: 2.3rem;
        margin-bottom: 1rem;
   }
    .author-description p {
        font-size: 1.4rem;
        line-height: 2.5rem;
   }
    .author-description p {
        font-size: 1.4rem;
        line-height: 2.5rem;
   }
    .testiMonial {
        padding-bottom: 5rem;
   }
    .team-member {
        height: 30rem;
   }
    .footer-bottom ul li a {
        font-size: 1.4rem;
        margin: 0 1rem;
   }
    .logo-title p {
        font-size: 1.4rem;
        padding: 2rem 4rem 2rem 4rem;
        line-height: 2.5rem;
   }
    .downloader a {
        padding: 1rem 3rem;
        font-size: 1.6rem;
   }
    .animation-btn-area a {
        font-size: 1.8rem;
   }
    .container {
        max-width: 95%;
        margin: 0 auto;
   }
    .footer-top-menu ul li a{
        font-size: 1.6rem;
        margin: 0 1.8rem;
   }
}
@media all and (max-width: 450px){
    .banner-content h1 {
        font-size: 3.5rem;
        line-height: 4.5rem;
        margin-bottom: 1rem;
   }
    .banner-content p {
        font-size: 1.4rem;
        line-height: 2.3rem;
   }
    .generate-btn {
        margin-top: 2.2rem;
   }
    .banner-area {
        margin-top: 2.5rem;
   }
    .fak-content h3 {
        line-height: 3.5rem;
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
   }
    .fakturo-area .fakturo-image {
        height: 25rem;
   }
    .fak-content p {
        font-size: 1.3rem;
        line-height: 2.1rem;
   }
    .app-download h3 {
        font-size: 1.8rem;
        line-height: 2.8rem;
   }
    .app-click {
        max-width: 26rem;
        padding-top: 2.2rem;
   }
    .team-member {
        height: 27rem;
   }
    .testimonial-area {
        margin-bottom: 7rem;
   }
    .footer-bottom ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
   }
    .logo-title p {
        padding: 2rem 2rem 2rem 2rem;
   }
    .animation-btn-area a {
        font-size: 1.5rem;
   }
    .login-btn {
        margin-right: 2rem;
        display: none;
   }
    .banner-content h1 {
        font-size: 3rem;
        line-height: 4rem;
        margin-bottom: 1rem;
   }
    .app-download h3 {
        font-size: 2rem;
        line-height: 3rem;
   }
    .footer-top-menu ul li a {
        margin: 0 1rem;
   }
}