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


/* google font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 html{
     font-size: 62.5%;
     font-family: 'Poppins', sans-serif;
}
 body{
     font-size: 1.6rem;
     font-family: 'Poppins', sans-serif;
     overflow-x: hidden;
}
 h1,h2,h3,h4,h5,h6,p{
     margin: 0;
     padding: 0;
}
 ul{
     margin: 0;
     padding: 0;
     list-style: none;
}
 a{
     display: inline-block;
     text-decoration: none;
}
 img{
     width: 100%;
     display: block;
}
/*=========================== Start top Section ===========================*/
 .top-menu-button{
     display: none;
     cursor: pointer;
}
 .top-menu-button span {
     display: block;
     width: 3rem;
     height: 0.2rem;
     background-color: #447AD4;
     margin: 0.5rem 0;
}
 .intro-1.intro {
     -webkit-transform: rotate(48deg);
     -ms-transform: rotate(48deg);
     transform: rotate(48deg);
     position: relative;
     top: 7px;
     right: 0;
}
 .intro-2.introse {
     background-color: transparent;
}
 .intro-3.intros{
     -webkit-transform: rotate(-48deg);
     -ms-transform: rotate(-48deg);
     transform: rotate(-48deg);
     position: relative;
     bottom: 7px;
     left: 0;
}
 .top-section-area{
     position: relative;
     z-index: 1;
     padding-bottom: 9rem;
     margin-bottom: 15rem;
}
 .top-section-background {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 45%;
     background: #EEF4FF;
     z-index: -1;
     border-radius: 0rem 0rem 0rem 10rem;
}
 .top-section-background img{
     height: 100%;
     width: 100%;
     -o-object-fit: cover;
        object-fit: cover;
}
 .responsive-top-section-background {
     display: block;
}
 .header-top-area{
     padding-top: 2.5rem;
}
 .header-area{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .logo a img{
     width: 12.2rem;
     height: 3.8rem;
     -o-object-fit: contain;
        object-fit: contain;
     margin-right: 10rem;
}
 .menu-area ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .menu-area ul li a{
     font-size: 1.8rem;
     font-weight: 400;
     color: #212121;
     margin-right: 5.5rem;
}
 .menu-area ul li a:hover{
     color: #447AD4;
}
 .menu-area ul li.menu-active a{
     font-weight: 700;
     color: #447AD4;
}
 .login-btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .login-btn a{
     font-size: 1.8rem;
     font-weight: 400;
     color: #447AD4;
     line-height: normal;
     padding: 1.1rem 4.3rem;
     border-radius: 3rem;
     border: .1rem solid #447AD4;
     margin-left: auto;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
}
 .login-btn a:hover{
     background:#447AD4;
     color: white;
}
 .banner-area{
     margin-top: 7.5rem;
}
 .banner-content h1{
     font-size: 6rem;
     font-weight: 800;
     line-height: 8.5rem;
     max-width: 60.18rem;
     margin-bottom: 4rem;
     color: #212121;
}
 .banner-content h1 span{
     font-weight: 500;
}
 .banner-content p{
     font-size: 1.8rem;
     font-weight: 400;
     line-height: 3.6rem;
     max-width: 57.5rem;
     color: #747474;
}
 .generate-btn{
     margin-top: 3.8rem;
}
 .generate-btn a{
     margin-right: 1.704rem;
     max-width: 21rem;

}
.generate-btn a img{
    transition: .3s;
}
 .generate-btn a:hover img{
     -webkit-transform: scale(1.03);
         -ms-transform: scale(1.03);
             transform: scale(1.03);
}
 .banner-image{
     position: relative;
}
 .banner-image img{
     width: 29.448rem;
     margin: 0 auto;
}
 .animation-btn-area {
     position: absolute;
     top: 50%;
     right: -5rem;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     background: white;
     padding: .7rem;
     border-radius: 1.5rem;
}
 .animation-btn-area a{
     font-size: 2.4rem;
     font-weight: 500;
     color: #447AD4;
     padding: .7rem 2.4rem;
     border-radius: 1.5rem;
}
 .animation-btn-area a:hover{
     background: #447AD4;
     color: white;
}
 .animation-btn-area a.easy-active{
     background: #447AD4;
     color: white;
     border-radius: 1.5rem;
     margin-right: 1rem;
     font-weight: 600;
}
 .service-area {
     margin-bottom: 15rem;
}
 .service{
     max-width: 38.7rem;
}
 .service-img{
     width: 10rem;
     height: 10rem;
     background: #EEF4FF;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     border-radius: 100%;
     margin-bottom: 4.1rem;
     transition: .5s;
}
.service-img:hover{
    cursor: pointer;
    background: #CFDAEE;
}
 .service-img img {
     width: 3.6rem;
     height: 3.6rem;
     -o-object-fit: contain;
        object-fit: contain;
}
 .service h3{
     font-size: 2.4rem;
     font-weight: 700;
     color: #212121;
}
 .service p{
     font-size: 1.8rem;
     font-weight: 400;
     color:#747474;
     line-height: 3.6rem;
}
 .fak-content {
     padding-top: 8rem;
     padding-bottom: 8rem;
}
 .fak-content h3 {
     font-size: 3.4rem;
     font-weight: 800;
     line-height: 6.5rem;
     color: #212121;
     margin-bottom: 5rem;
     max-width: 43.3rem;
}
 .fak-content h3 span{
     font-weight: 500;
}
 .fak-content p{
     font-size: 1.8rem;
     font-weight: 400;
     line-height: 3.6rem;
     color: #747474;
}
 .fakturo-area {
     position: relative;
     margin-bottom: 15rem;
}
 .fakturo-area .fakturo-image{
     position: absolute;
     width: 50%;
     height: 60rem;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     background: #F5F9FF;
     border-radius: 0rem 10rem 10rem 0;
     overflow: hidden;
}
 .fakturo-area .fakturo-image img{
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
        object-fit: cover;
}
 .right-fakturo-image .row .col-lg-5{
     -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
             order: -1;
}
 .right-fakturo-image .fakturo-image{
     left: inherit;
     right: 0;
     border-radius: 10rem 0rem 0rem 10rem;
     text-align: center;
}
 .app-download{
     padding-top: 12rem;
     padding-bottom: 14.411rem;
     border-radius: 5rem;
     margin-bottom: 15rem;
}
 .app-download h3{
     font-size: 3.6rem;
     line-height: 5.6rem;
     max-width: 87.5rem;
     font-weight: 600;
     color:white;
     margin: 0 auto;
     text-align: center;
}
 .app-click {
     padding-top: 7.2rem;
     text-align: center;
}
 .app-click a{
     margin: 0rem .904rem;
     max-width: 21.7rem;
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
}
 .app-click a:hover{
     -webkit-transform: scale(1.03);
         -ms-transform: scale(1.03);
             transform: scale(1.03);
}
 .team-member img {
     height: 100%;
     -o-object-fit: cover;
        object-fit: cover;
}
 .test-content h4{
     font-size: 3.6rem;
     line-height: 6.5rem;
     font-weight: 600;
     color: #212121;
     margin-bottom: 3.6rem;
}
 .author-area{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-bottom: 3.5rem;
}
 .author img{
     width: 7.5rem;
     height: 7.5rem;
     -o-object-fit: contain;
        object-fit: contain;
     margin-right: 3.1rem;
}
 .author-rating{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .author-name{
     font-size: 1.8rem;
     color: #212121;
     font-weight: 600;
     margin-bottom: .9rem;
}
 .author-rating p{
     font-size: 1.5rem;
     font-weight: 600;
     color: #747474;
     margin-left: .6rem;
}
 .author-rating i{
     font-size: 1.6rem;
     color:#FFBD00;
     margin-right: .6rem;
}
 .author-description p{
     font-size: 1.8rem;
     line-height: 3.6rem;
     font-weight: 400;
     max-width: 45.5rem;
}
 .testiMonial .swiper-button-next {
     left: 8.5rem;
}
 .testiMonial .swiper-button-next::after {
     font-family: FontAwesome;
     content: "\f061";
     color: #447AD4;
     font-size: 4rem;
}
 .testiMonial .swiper-button-prev::after{
     font-family: FontAwesome;
     content: "\f060";
     color: #447AD4;
     font-size: 4rem;
}
 .testiMonial .slider-nex-prev-btn {
     position: absolute;
     bottom: 1.4rem;
     left: 0;
}
 .testiMonial {
     padding-bottom: 7rem;
}
 .testimonial-area {
     position: relative;
     margin-bottom: 21.7rem;
     margin-top: 10.4rem;
}
 .team-member {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     width: 50%;
     height: 60rem;
     border-radius: 0rem 10rem 10rem 0rem;
     overflow: hidden;
}
 .footer-area{
     padding-top: 3.9rem;
}
 .footer-logo {
     text-align: center;
}
 .footer-logo a img{
     width: 10.258rem;
     height: 8.8rem;
}
 .logo-title p{
     text-align: center;
     color:#747474 ;
     font-size:1.8rem ;
     font-weight:400;
     line-height: 3.6rem;
     padding-top: 2.3rem;
     padding-bottom: 2.5rem;
}
 .footer-top-menu ul{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
 .footer-top-menu ul li a, .footer-bottom ul li a {
     font-size: 1.8rem;
     font-weight: 400;
     margin: 0 2.8rem;
     color: #747474;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
}
 .footer-top-menu ul li a:hover, .footer-bottom ul li a:hover {
     color:#447AD4;
}
 .downloader{
     text-align: center;
}
 .downloader a{
     font-size: 1.8rem;
     font-weight: 400;
     color: white;
     background:#447AD4;
     padding: 1.2rem 3.5rem;
     border-radius: 5rem;
     margin-top: 4rem;
     margin-bottom: 3rem;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     border: .1rem solid transparent;
}
 .downloader a:hover{
     border: .1rem solid #447AD4;
     background:white;
     color:#447AD4;
}
 .footer-bottom{
     border-top: .1rem solid #E1E1E1;
}
 .footer-bottom ul{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding-top: 2.1rem;
     padding-bottom: 3.5rem;
}
 .footer-bottom ul li a{
     font-size: 1.4rem;
     margin: 0 3.5rem;
}