*{font-family:"Be Vietnam Pro", sans-serif}.qr-generator-block{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:1rem;margin:0 auto;max-width:1318px;width:100%;padding:1.2rem;background:#F9F9FF}.qr-for{background:#F1F1F1;padding:1.2rem}.qr-for .nav.nav-tabs{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:1px;border-radius:6px;margin-bottom:1rem;margin-top:3rem;border:1px solid var(--prime-main)}.qr-for .nav.nav-tabs .nav-item{display:inline-block;padding:0;margin-bottom:-5px}.qr-for .nav.nav-tabs .nav-item a{display:block;background:#fff;height:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:all 0.3s ease}.qr-for .nav.nav-tabs .nav-item a.active,.qr-for .nav.nav-tabs .nav-item a:focus,.qr-for .nav.nav-tabs .nav-item a:hover{background:var(--prime-main);color:#fff;height:100%;transition:all 0.3s ease}.qr-for .nav.nav-tabs .nav-item a.active span,.qr-for .nav.nav-tabs .nav-item a:hover span{color:var(--prime-main);background:#fff;width:40px;height:40px;line-height:40px;text-align:center;margin:0 auto;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,0.1);margin-bottom:0.5rem;transition:all 0.3s ease}.qr-for .nav.nav-tabs .nav-item a span{color:#f9f9f9;background:var(--prime-main);width:40px;height:40px;line-height:40px;text-align:center;margin:0 auto;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,0.1);margin-bottom:0.5rem;font-size:0.95rem;transition:all 0.3s ease}.qr-for .qr_label{color:#444}.qr-for .qr_button{display:block;margin:0 auto;font-size:1rem;margin-top:1rem;height:48px;line-height:48px;text-align:center;background:var(--prime-main);color:#fff;width:40%;border-radius:200px;transition:all 0.3s ease}.qr-for .qr_button:hover{background:#110dc1;transition:all 0.3s ease}.qr-for .form-control{border-color:var(--prime-main)}.download-png-btn{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.2rem;color:#fff;background:#001F3F;border-radius:4px;margin-bottom:1rem;transition:all 0.3s ease}.download-png-btn:hover{background:#1f4a76;transition:all 0.3s ease}#qrcode img{background:#fff;padding:1rem;box-shadow:0 5px 10px rgba(0,0,0,0.1);margin:0 auto}.download-jpg-btn,.download-pdf-btn{display:inline-block;width:49%;height:50px;line-height:50px;font-size:1rem;border-radius:4px;color:#fff;transition:all 0.3s ease}.download-jpg-btn{background:#387478;transition:all 0.3s ease}.download-jpg-btn:hover{background:#245558;transition:all 0.3s ease}.download-pdf-btn{background:#800000;transition:all 0.3s ease}.download-pdf-btn:hover{background:#b50303;transition:all 0.3s ease}.qr-content-section{padding:5rem 0;background-image:repeating-linear-gradient(to right, #e8e8e8, #e8e8e8 1px, transparent 1px, transparent);background-size:366px 100px;background-color:rgba(71,212,255,0)}.light-text{color:#31373D;font-size:1rem}.qr-step img{margin-bottom:1rem}.qr-step h4{font-size:1.8rem;color:#262B35;line-height:2rem;margin-bottom:1rem}.qr-step p{color:#797979}.qr-step-2{margin-top:2rem}.qr-step-3{margin-top:4rem}.qr-step-1 p{padding-right:9rem}.qr-step-1.qr-step{padding-left:1rem}.qr_form-group{position:relative;transition:all 0.3s ease}.qr-generator-btn{display:inline-block;background:#5758D6;height:50px;color:#fff;font-size:1.2rem;line-height:50px;padding:0 1rem;transition:all 0.3s ease}.qr-generator-btn:hover{color:#fff;transition:all 0.3s ease}.qr_form-group .iti__flag-container{top:30px}.free-qr-block{margin:5rem 0}.free-qr-img img{width:75%;position:relative;z-index:1}.position-relative.bg-pattern:before{content:"";position:absolute;top:0;left:0;background:var(--prime-main);width:75%;height:100%;z-index:1;transform:rotate(-6deg);transition:all 0.3s ease}.position-relative.bg-pattern:hover:before{transform:rotate(0deg);transition:all 0.3s ease}.qr-happy-client{display:flex;align-items:center;justify-content:flex-start;position:absolute;bottom:-2rem;right:6rem;border:1px solid #ccc;width:210px;height:auto;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);z-index:1;padding:0.25rem}.qr-happy-client h5{font-size:2rem;color:#262B35}.qr-happy-client img{height:74px}.people-trust-qr{display:inline-flex;align-items:center;align-content:center;border:1px solid #E4E4E4;border-radius:6px;padding:1.25rem;box-shadow:0 5px 10px rgba(0,0,0,0.1)}.people-trust-qr img{margin-right:1rem}.people-trust-qr h6{font-size:1rem;margin-bottom:0}.what-is-qr-content{padding-top:8rem}.what-is-qr-block .qr-img img{width:90%}.benefits-of-qr-block{background:#1E266E;padding:4rem 0;margin:5rem 0 0 0}.benefits-of-qr-block h3{margin-bottom:1.5rem}.benefits-of-qr>h4{font-size:1.5rem;line-height:1.5rem;margin-bottom:2rem;position:relative}.benefits-of-qr>h4:after{content:"";position:absolute;width:50%;height:1px;left:0;right:0;bottom:-10px;margin:0 auto;background:#fff}.benefits-of-qr{border:2px solid #fff;padding:1.5rem 1rem;border-radius:6px;min-height:240px;position:relative;transition:all 0.3s ease;transform:translateY(0px);margin-bottom:3rem;box-shadow:0 5px 10px rgba(255,255,255,0.5)}.benefits-of-qr:hover{background:#fff;transform:translateY(-10px);transition:all 0.3s ease}.benefits-of-qr:hover h4,.benefits-of-qr:hover p{color:#1E266E !important}@media screen and (max-width: 767px){.main-title-gap{padding:0}.main-title-h3{font-size:2.2rem;line-height:2.5rem;text-align:center !important}.sub-heading-gap{padding:0;width:100% !important;margin-bottom:2rem}.qr-for .nav.nav-tabs{margin-top:1rem;padding:1rem}.qr-for .nav.nav-tabs .nav-item{margin-bottom:0}.qr-for .nav.nav-tabs .nav-item a.active span,.qr-for .nav.nav-tabs .nav-item a:hover span{width:26px;height:26px;line-height:26px}.qr-for .nav.nav-tabs{grid-template-columns:repeat(auto-fill, minmax(100px, 1fr))}.qr-generator-block{display:block}.qr-generator-block .nav-tabs li .nav-link{font-size:1.25rem}.qr-for .qr_button{width:80%}.qr_form-group .iti__flag-container{height:44px}.qr_form-group{margin-bottom:1rem}.qr-for .qr_label{margin-bottom:1px}.qr-step{text-align:center}.qr-step img{margin:0 auto;margin-bottom:1rem}.qr-step p{padding:0 1rem !important;text-align:center !important}.what-is-qr-content{text-align:center !important;padding-top:4rem}.what-is-qr-content .main-title-h3{text-align:center !important}.what-is-qr-block .qr-img img{margin:0 auto}.free-qr-img img{margin:0 auto}.position-relative.bg-pattern:before{margin:0 auto;left:0;right:0}.qr-happy-client{right:1rem}.free-qr-block{margin:2rem 0}.free-qr-content{margin-top:5rem;text-align:center}.qr-step-1.qr-step{padding-left:0}.qr-generator-block{padding:0.25rem}}