.payment_process_main .payment_process_cnt_sc p strong,
 footer,
 header,
 nav {
     display: block
 }

 .btn,
 .lds-ring {
     display: inline-block
 }

 .panel-collapse.collapse {
     display: none
 }

 .panel-collapse.collapse.show {
     display: block
 }

 .close,
 .font-bold,
 .free_invoice_faq .que_title .font-bold,
 .label {
     font-weight: 600
 }

 button,
 input {
     margin: 0;
     font: inherit;
     color: inherit
 }

 button {
     text-transform: none
 }

 .btn,
 .label,
 .pay_facility_col .pay_facility_img_sc,
 .text-center,
 .title {
     text-align: center
 }

 .btn,
 ul ul {
     margin-bottom: 0
 }

 .panel-group,
 .pay_facility_main .main-title {
     margin-bottom: 20px
 }

 .col-xs-12,
 .qaes_ans_div .panel {
     width: 100%
 }

 .mobilenum_div span.custom_span {
     color: #999;
     font-size: 10px;
     font-weight: 400;
     position: absolute;
     top: 0;
     left: 13px;
     display: flex;
     border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), .6);
     width: auto !important;
     background: #fff;
     padding: 0 5px
 }

 .login_signup_main .field_div i.material-icons {
     z-index: 1 !important
 }

 .login_signup_main .field_div .mobilenum_div input:not(.browser-default):focus:not([readonly]) {
     border-color: #007aff;
     caret-color: #007aff
 }

 .login_signup_main .mobilenum_div .pure-material-textfield-outlined input {
     min-height: 48px;
     font-weight: 400;
     font-size: 14px;
     border-top-color: transparent;
     border: 1px solid rgba(0, 0, 0, .12);
     border-radius: 4px
 }

 .free_invoice_faq.free_faq_new .qaes_ans_div .panel-title,
 .new_frequent_question.free_faq_new .cmn_question .panel-body p {
     font-weight: 400
 }

 .login_signup_main .field_div .mobilenum_div i.material-icons {
     top: 19px
 }

 .cmn_question a:hover,
 .form input,
 .login_signup_main p.new_user_txt,
 .title h2 {
     color: #000
 }

 .feature_banner.feature_banner_new .same_div_img img,
 .invoice_payment_process_banner .same_div_img img,
 .pay_facility_col .pay_facility_img_sc img,
 .payment_process_img_sc img,
 img,
 label {
     max-width: 100%
 }

 .cmn_question_div {
     text-align: left
 }

 .panel-group .panel-heading {
     border-bottom: 0
 }

 .pure-material-textfield-outlined>input:not(.browser-default):focus:not([readonly]) {
     border-top-color: transparent !important
 }

 #PaymentPopup .modal-header .close {
     margin-top: 0
 }

 .payment_process_main .payment_process_cnt_sc .btn-sc {
     margin-top: 30px
 }

 .feature_banner {
     padding-top: 100px
 }

 .fe_free_proforma_invoce.feature_banner.feature_banner_new .same_div_new,
 .free_maker_banner {
     align-items: center
 }

 .form-control {
     font-size: 14px;
     line-height: 1.42857143
 }

 .btn,
 .btn-primary:active,
 .form-control {
     background-image: none
 }

 .pure-material-textfield-outlined>input:focus+span {
     font-size: 12px !important
 }

 .pure-material-textfield-outlined>input+span span.asterisk-cls {
     font-size: 20px
 }

 .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     color: #555;
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .form-control:focus {
     border-color: #66afe9;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
 }

 .form-control::-moz-placeholder {
     color: #999;
     opacity: 1
 }

 .form-control:-ms-input-placeholder {
     color: #999
 }

 .form-control::-webkit-input-placeholder {
     color: #999
 }

 .form-control::-ms-expand {
     background-color: transparent;
     border: 0
 }

 .form-group {
     margin-bottom: 15px
 }

 .panel-group .panel+.panel {
     margin-top: 5px
 }

 .panel-heading {
     padding: 10px 15px;
     border-bottom: 1px solid transparent
 }

 .panel-title {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 16px
 }

 .panel-group .panel {
     margin-bottom: 0;
     border-radius: 4px
 }

 .payment .modal-footer {
     border-top: 0
 }

 .panel-default>.panel-heading {
     color: #333;
     background-color: #f5f5f5;
     border-color: #ddd
 }

 .panel-default>.panel-heading+.panel-collapse>.panel-body {
     border-top-color: #ddd
 }

 .free_trial,
 body {
     width: 100%
 }

 .container:after,
 .container:before,
 .modal-footer:after,
 .modal-footer:before,
 .modal-header:after,
 .modal-header:before,
 .panel-body:after,
 .panel-body:before,
 .row:after,
 .row:before {
     display: table;
     content: " "
 }

 .container:after,
 .modal-footer:after,
 .modal-header:after,
 .panel-body:after,
 .row:after {
     clear: both
 }

 .minus_icon .fa-angle-down:before {
     content: "\f106"
 }

 .payment .modal-body {
     padding: 0
 }

 .scroll_top_div {
     position: fixed;
     right: 20px;
     bottom: 20px;
     z-index: 999
 }

 .scroll_top_link {
     background-color: #555;
     color: #fff;
     height: 46px;
     float: left;
     width: 46px;
     text-align: center;
     line-height: 43px;
     font-size: 30px;
     border-radius: 4px
 }

 .scroll_top_link:hover {
     background-color: #0288da;
     color: #fff
 }

 .inner_page_main {
     width: 100%;
     padding: 50px 0;
     text-align: center
 }

 a:focus,
 button:focus,
 input:focus {
     outline: 0 !important
 }

 .cookie-notice-container {
     padding: 10px;
     text-align: center;
     width: 100%
 }

 .offer_text p a {
     text-decoration: underline
 }

 input.newslater_input {
     font-size: 13px;
     -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
     border-radius: 3px 0 0 3px;
     display: inline-block;
     width: 100%;
     margin-bottom: 0;
     vertical-align: top;
     height: 40px;
     line-height: normal;
     background-color: transparent;
     color: #fff;
     border: 1px solid #b4b4b4;
     border-right: 0;
     padding: 10px 15px;
     box-sizing: border-box
 }

 .cmn_question_div {
     display: inline-block;
     width: 100%;
     padding: 50px 0 0
 }

 .que_title {
     display: inline-block;
     width: 100%;
     padding-bottom: 30px
 }

 .qaes_ans_div {
     display: inline-block;
     width: 100%
 }

 .cmn_question .panel-heading {
     background-color: transparent;
     padding: 0
 }

 .cmn_question {
     display: inline-block;
     width: 100%;
     margin-top: 15px !important
 }

 .cmn_question .panel-body p {
     font-size: 18px;
     color: #777;
     font-weight: 400
 }

 .new_head_faq h3 a {
     display: inline-block;
     width: 100%;
     font-weight: 400;
     cursor: pointer
 }

 .free_maker_banner .same_div_new {
     padding-bottom: 0
 }

 .try_free_btn {
     background-color: #fea700;
     color: #fff;
     padding: 7px 40px;
     font-weight: 500;
     border-radius: 6px
 }

 .toggle_icon i.fa:before {
     content: none
 }

 .feature_banner.feature_banner_new .same_div_new,
 .feature_banner.free_maker_banner.fe_free_proforma_invoce .same_div_new {
     padding: 0 !important
 }

 .new_head_faq h3 a {
     padding: 18px 15px 0
 }

 .new_frequent_question {
     width: 100%;
     margin: 10px 0 50px
 }

 .new_frequent_question .panel {
     box-shadow: none;
     border: 0;
     border-top: 1px solid #c5c5c5;
     border-radius: 0 !important
 }

 .new_frequent_question .panel-default>.panel-heading {
     border: 0;
     background-color: transparent
 }

 .new_frequent_question .panel-default>.panel-heading+.panel-collapse>.panel-body {
     border: 0;
     padding: 10px 15px 15px
 }

 .new_head_faq h3 {
     font-size: 22px;
     line-height: 25px;
     color: #000;
     font-weight: 600
 }

 .new_frequent_question .cmn_question .panel-body p {
     font-size: 20px;
     color: #707070;
     font-weight: 500;
     margin-bottom: 0;
     line-height: 1.8
 }

 .panel-group .panel-default.cmn_question:last-child {
     border-bottom: 1px solid #c5c5c5
 }

 .pay_facility_col {
     padding: 50px 0
 }

 .try_free_btn {
     border: 2px solid transparent;
     position: relative
 }

 .cmn_question i.fa {
     float: right;
     position: relative;
     left: 10px
 }

 .try_free_btn::after {
     content: "";
     display: block;
     position: absolute;
     top: -4px;
     left: 50%;
     transform: translate(-50%, 0) scale(1, 1);
     width: calc(100%+4px);
     height: calc(100%+8px);
     border-radius: 10px;
     z-index: -1;
     -webkit-animation: 2s ease-in-out infinite grow;
     animation: 2s ease-in-out infinite grow;
     transition: .3s ease-in-out;
     opacity: 0;
     background: rgba(0, 122, 255, .4)
 }

 @-webkit-keyframes grow {
     0% {
         transform: translate(-50%, 0) scale(1, 1);
         opacity: 1
     }

     50% {
         transform: translate(-50%, 0) scale(1.2, 1.2);
         opacity: 0
     }

     100% {
         transform: translate(-50%, 0) scale(1, 1);
         opacity: 0
     }
 }

 @keyframes grow {
     0% {
         transform: translate(-50%, 0) scale(1, 1);
         opacity: 1
     }

     50% {
         transform: translate(-50%, 0) scale(1.2, 1.2);
         opacity: 0
     }

     100% {
         transform: translate(-50%, 0) scale(1, 1);
         opacity: 0
     }
 }

 span.mobile_view {
     display: none;
     content: "";
     position: fixed;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, .4);
     z-index: 10
 }

 .que_title h2 {
     font-weight: 600;
     font-size: 34px
 }

 .que_title h2 {
     color: #0783fc;
     margin-bottom: 10px;
     margin-top: 0;
     text-align: center
 }

 .panel-group .panel-default.cmn_question:last-child h3 a {
     padding: 18px 15px !important
 }

 .payment button.close:hover {
     opacity: .8
 }

 .same_div_new {
     display: flex
 }

 .integration_grd_sc .integration_col .icn_sc {
     display: flex;
     align-items: center;
     margin-bottom: 20px
 }

 .inner_page_main.stripe_setion.pad_top.new_width {
     padding-bottom: 0 !important
 }

 .inner_page_main.stripe_setion {
     padding: 20px 0 50px
 }

 a.schedule {
     align-items: center;
     background: #007ffa;
     border-radius: 5px;
     padding: 20px;
     display: inline-block;
     color: #fff;
     font-size: 18px
 }

 .pad_top {
     padding-top: 50px !important
 }

 .payment_process_main {
     padding: 100px 0
 }

 .pay_facility_col:nth-child(2n) .row [class*=col-]:first-child {
     order: 1
 }

 .feature_banner h1 {
     font-size: 40px;
     line-height: 60px;
     margin-top: 15px;
     font-weight: 700
 }

 .feature_banner p.new {
     font-size: 16px;
     line-height: 30px;
     margin: 50px 0 0;
     min-height: auto !important;
     color: #334155
 }

 .feature_banner .col-md-6 {
     display: flex;
     flex-direction: column;
     height: auto
 }

 .feature_banner .button_div {
     width: 280px;
     margin-top: auto
 }

 .cancle_form [type=radio]:not(:checked) {
     position: absolute;
     left: -9999px
 }

 .cancle_form [type=radio]:not(:checked)+label {
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     font-size: 16px;
     line-height: 20px;
     display: inline-block;
     color: #000;
     font-weight: 400
 }

 .cancle_form [type=radio]:not(:checked)+label:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     border: 2px solid #000;
     border-radius: 100%;
     background: #fff
 }

 .cancle_form [type=radio]:not(:checked)+label:after {
     content: "";
     width: 10px;
     height: 10px;
     background: #4285f4;
     position: absolute;
     top: 4px;
     left: 4px;
     border-radius: 100%;
     -webkit-transition: .2s;
     transition: .2s
 }

 .cancle_form [type=radio]:not(:checked)+label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0)
 }

 .same_div_new {
     padding-top: 30px;
     padding-bottom: 45px
 }

 .feature_banner.free_maker_banner .same_div_new {
     padding-bottom: 45px !important
 }

 .title_description_new ol li::marker {
     font-weight: 700;
     font-size: 16px;
     line-height: 35px
 }

 .mb-0 {
     margin-bottom: 0 !important
 }

 .pure-material-textfield-outlined.outline-new-height>input:not(:focus):placeholder-shown,
 .pure-material-textfield-outlined.outline-new-height>textarea:not(:focus):placeholder-shown {
     border-top-color: #ccc
 }

 .pure-material-textfield-outlined.outline-new-height>input:not(:focus):placeholder-shown+span,
 .pure-material-textfield-outlined.outline-new-height>textarea:not(:focus):placeholder-shown+span {
     line-height: 60px;
     font-weight: 500
 }

 .pure-material-textfield-outlined.outline-new-height>textarea:not(:focus):placeholder-shown+span span,
 .pure-material-textfield-outlined.outline-new-height>input:not(:focus):placeholder-shown+span span {
     background-color: transparent !important
 }

 .toggle_icon i.fa,
 .toggle_icon.minus_icon i.fa {
     background-image: url(https://www.mooninvoice.com/public/assets_website/images/toggle_arrow.svg)
 }

 .lds-ring,
 .lds-roller_parent {
     margin: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0
 }

 .pure-material-textfield-outlined.outline-new-height>input:not(:focus):placeholder-shown+span span,
 .pure-material-textfield-outlined.outline-new-height>textarea:not(:focus):placeholder-shown+span span {
     background-color: transparent !important
 }

 .lds-roller_parent {
     position: fixed;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, .5);
     z-index: 9999
 }

 .lds-ring {
     width: 80px;
     height: 80px;
     text-align: center;
     padding: 10px 0;
     border-radius: 8px;
     position: absolute
 }

 .lds-ring div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 64px;
     height: 64px;
     margin: 8px;
     border: 6px solid #fff;
     border-radius: 50%;
     animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
     border-color: #fff transparent transparent
 }

 .lds-ring div:first-child {
     animation-delay: -.45s
 }

 .lds-ring div:nth-child(2) {
     animation-delay: -.3s
 }

 .lds-ring div:nth-child(3) {
     animation-delay: -.15s
 }

 @keyframes lds-ring {
     0% {
         transform: rotate(0)
     }

     100% {
         transform: rotate(360deg)
     }
 }

 .pay_iframe {
     margin-top: 25px
 }

 .new_frequent_question .panel-default>.panel-heading+.panel-collapse>.panel-body ul li::marker {
     width: 8px;
     height: 8px;
     font-size: 24px;
     color: #000
 }

 .animate__animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-duration: var(--animate-duration);
     animation-duration: var(--animate-duration);
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .fe_free_invoce,
 .free_maker_banner {
     background-size: cover;
     background-position: center center;
     display: flex
 }

 .toggle_icon i.fa {
     background-size: 12px 8px;
     width: 12px;
     height: 8px;
     position: relative;
     top: 8px
 }

 .toggle_icon.minus_icon i.fa {
     transform: rotate(180deg)
 }

 .free_maker_banner {
     background-image: url(https://cdn.mooninvoice.com/image/images/invoice_maker.jpg);
     margin-bottom: 0
 }

 .fe_free_invoce {
     align-items: center;
     margin-bottom: 0
 }

 .inner_page_main.stripe_setion.pad_top.new_width,
 .no_padding_top {
     padding-top: 0 !important
 }

 @media screen and (max-width:1280px) {
     .feature_banner h1 {
         font-size: 44px
     }
 }

 @media screen and (max-width:991px) {
     #cookie-notice {
         z-index: 999999
     }
 }

 @media screen and (max-width:767px) {
     .new_frequent_question .cmn_question .panel-body p {
         font-size: 14px
     }

     .same_div_new {
         display: flex;
         flex-direction: column;
         padding-bottom: 0
     }

     .cmn_question_div {
         padding: 0
     }

     .scroll_top_div {
         bottom: 142px;
         right: 15px
     }

     .modal .modal-dialog {
         margin: 10px auto
     }

     .que_title {
         padding-bottom: 10px
     }

     .cmn_question h3 a {
         padding: 18px 8px 0
     }

     .new_frequent_question .panel-default>.panel-heading+.panel-collapse>.panel-body {
         padding: 10px 8px
     }

     .que_title h2 {
         font-size: 20px;
         line-height: 24px
     }

     .panel-group .cmn_question.panel-default.cmn_question:last-child h3 a {
         padding-left: 8px !important;
         padding-right: 8px !important
     }

     .new_frequent_question .cmn_question h3 {
         text-align: left;
         font-size: 16px;
         line-height: 20px
     }
 }

 @media screen and (max-width:680px) {
     .cmn_question .panel-body p {
         font-size: 16px
     }
 }

 @media screen and (max-width:767px) {
     .inner_page_main.stripe_setion {
         padding: 20px 0
     }
 }

 @media screen and (min-width:768px) and (max-width:991px) {
     .same_div_new {
         flex-direction: column
     }

     .same_div_new {
         display: flex
     }
 }

 @media screen and (min-width:1024px) and (max-width:1216px) {
     .inner_page_main.new_width.stripe_setion.pad_top {
         margin-top: 40px
     }

     .inner_page_main.new_width.stripe_setion.pad_top.cons_pad_top {
         margin-top: 0
     }
 }

 @media screen and (max-width:767px) {
     .inner_page_main.stripe_setion.pad_top.new_width {
         padding-bottom: 40px
     }

     .qaes_ans_div .panel-group {
         margin-bottom: 0
     }

     .inner_page_main.stripe_setion {
         padding: 20px 0
     }
 }

 @media screen and (min-width:1024px) and (max-width:1200px) {
     a.schedule {
         font-size: 16px
     }

     .feature_banner .col-md-6 {
         height: auto
     }

     .pad_top {
         padding-top: 0 !important
     }
 }

 @media screen and (min-width:768px) and (max-width:991px) {
     .feature_banner .col-md-6 {
         height: auto
     }
 }

 @media screen and (max-width:767px) {
     a.schedule {
         text-align: center
     }

     .new_frequent_question .panel-default>.panel-heading+.panel-collapse>.panel-body ul li::marker {
         font-size: 18px
     }

     .payment .modal-header img.logo_payment {
         margin-top: 0 !important;
         width: auto;
         overflow: hidden !important
     }

     .payment .modal-dialog {
         display: flex;
         width: 100%;
         height: 100%;
         margin: 0 auto !important
     }

     #PaymentPopup .modal-content {
         width: 100% !important;
         margin: 0 auto !important;
         align-items: center;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center
     }

     .payment .modal-body,
     .payment .modal-footer,
     .payment .modal-header {
         width: 100%
     }

     a.schedule {
         align-items: center;
         background: #007ffa;
         border-radius: 5px;
         display: flex;
         color: #fff;
         white-space: nowrap;
         justify-content: center
     }
 }

 @media screen and (min-width:240px) and (max-width:320px) {
     a.schedule {
         padding: 15px 10px;
         text-align: center;
         justify-content: center
     }
 }

 #PaymentPopup .modal-content {
     width: 340px;
     margin: 100px auto 0;
     border-radius: 2px
 }

 .payment .modal-header img.logo_payment {
     width: 31%;
     margin-top: -69px
 }

 .payment .modal-header {
     display: flex;
     margin: 0 auto;
     align-items: center;
     justify-content: center;
     border-bottom: 0;
     padding-bottom: 0
 }

 .title h2 span {
     font-weight: 400;
     color: rgba(0, 0, 0, .75)
 }

 .title h2 {
     font-weight: 600;
     letter-spacing: .02em;
     font-size: 1.8rem
 }

 .title {
     border-bottom: .5px solid rgba(0, 0, 0, .1);
     padding-bottom: 0
 }

 .form {
     padding: 14px 13px 0
 }

 .form input {
     height: 45px;
     border-color: #cfcfcf !important;
     letter-spacing: .01em;
     font-size: 1.4rem;
     line-height: 2rem;
     width: 100%
 }

 .payment .modal-footer button:hover {
     background-color: #0071ed !important;
     transition: .5s
 }

 .form input:focus {
     outline: 0;
     box-shadow: none;
     border-color: #000 !important
 }

 .form input:placeholder {
     font-size: 16px;
     line-height: 19px;
     letter-spacing: .01em;
     color: #a1a2b1
 }

 .title p {
     color: #545465;
     font-size: 1.3rem;
     line-height: 1.7rem;
     font-weight: 500
 }

 .payment img.close {
     opacity: 1 !important;
     width: 80%
 }

 .payment button.close {
     position: absolute;
     right: 10px;
     opacity: 1;
     top: 15px
 }

 .payment .modal-footer button {
     width: 100%;
     background-color: #007aff !important;
     box-shadow: none;
     border: transparent;
     font-weight: 600;
     transition: .5s;
     padding: 10px 0 12px;
     font-size: 1.8rem
 }

 @media screen and (max-width:767px) {
     .feature_banner .col-md-6 {
         height: auto
     }

     .button_div {
         display: flex;
         flex-direction: column;
         align-items: center
     }

     .feature_banner h1 {
         font-size: 29px;
         line-height: 46px
     }

     .feature_banner p.new {
         margin: 0 0 10px !important
     }

     .feature_banner {
         padding-top: 0
     }

     .feature_banner .button_div {
         width: 100%;
         margin: 0;
         align-items: flex-start !important
     }
 }

 @media screen and (min-width:280px) and (max-width:320px) {
     .feature_banner h1 {
         font-size: 25px
     }
 }

 @media screen and (min-width:767px) and (max-width:991px) {
     .feature_banner h1 {
         font-size: 52px;
         line-height: 70px
     }

     .feature_banner p.new {
         font-size: 16px;
         line-height: 30px;
         margin: 15px 0
     }
 }

 @media screen and (min-width:1024px) and (max-width:1200px) {
     .feature_banner h1 {
         font-size: 38px;
         line-height: 57px
     }

     .feature_banner p.new {
         margin: 10px 0
     }
 }

 @media screen and (min-width:1218px) and (max-width:1498px) {
     .feature_banner h1 {
         font-size: 45px !important;
         line-height: 67px
     }

     body .feature_banner h1 {
         font-size: 38px !important;
         line-height: 67px
     }

     .feature_banner p.new {
         font-size: 16px;
         line-height: 30px;
         margin: 50px 0
     }
 }

 @media screen and (min-width:1260px) and (max-width:1560px) {
     .free_maker_banner {
         background-position: right center
     }

     .fe_free_invoce {
         background-position: center
     }
 }

 .fa {
     display: inline-block;
     font: 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 @media screen and (max-width:767px) {
     .feature_banner .same_div_new {
         padding-bottom: 30px
     }
 }

 .free_invoice_faq.faq_top_gap .cmn_question_div {
     padding-top: 80px
 }

 .feature_banner.feature_banner_new .same_div_inner h1 {
     color: #1e293b;
     margin: 0;
 }

 .feature_banner.feature_banner_new p.new {
     margin-top: 5px;
     color: #334155;
     margin-bottom: 40px
 }

 .feature_banner.feature_banner_new .home_try_free_btn {
     border-radius: 100px;
     text-transform: uppercase;
     font-size: 16px;
     letter-spacing: .01em;
     font-weight: 700
 }

 .btn_new {
     line-height: 22px;
     text-transform: uppercase;
     letter-spacing: .01em
 }

 .btn_new.btn-primary {
     background-color: #007ffa
 }

 .new_frequent_question .cmn_question_div {
     max-width: 1160px;
     margin: auto;
     display: block
 }

 .free_invoice_faq .cmn_question_div {
     padding: 0 0 100px
 }

 .free_invoice_faq .toggle_icon i.fa {
     background-image: url(https://cdn.mooninvoice.com/image/images/faq-plus.svg);
     background-size: 16px 12px;
     width: 16px;
     height: 12px
 }

 .free_invoice_faq .toggle_icon.minus_icon i.fa {
     background-image: url(https://cdn.mooninvoice.com/image/images/faq-minus.svg)
 }

 .feature_banner.free_maker_banner.fe_free_proforma_invoce {
     background-image: unset;
     background-color: #f7fbff;
 }

 .fe_free_proforma_invoce.feature_banner.feature_banner_new p.new {
     margin-top: 20px;
     margin-bottom: 30px
 }

 .proforma_invoice_format_sc {
     background-color: #f7fbff;
     padding: 50px 0;
     text-align: center
 }

 .proforma_invoice_format_sc .main-title {
     margin-block: 0;
     color: #1e293b
 }

 .btn_new {
     padding: 18px 42px;
     border-radius: 100px;
     font-weight: 600;
     display: inline-block
 }

 .btn_new.btn-primary {
     transition: .2s ease-in;
     color: #fff
 }

 .free_invoice_faq .que_title * {
     font-weight: 600;
 }

 .free_invoice_faq .qaes_ans_div .panel-title {
     font-weight: 600;
     font-size: 24px;
     line-height: 33px
 }

 .free_invoice_faq.new_frequent_question .cmn_question .panel-body p {
     line-height: 150%
 }

 .free_invoice_faq.new_frequent_question .panel-default>.panel-heading+.panel-collapse>.panel-body ul li::marker {
     width: 5px;
     height: 5px;
     font-size: 20px;
     color: #707070
 }

 @media(max-width:991.98px) {
     .new_frequent_question .cmn_question .panel-body p {
         font-size: 16px
     }

     .free_invoice_faq .cmn_question_div {
         padding-bottom: 70px
     }

     .feature_banner.free_maker_banner.fe_free_proforma_invoce .same_div_new {
         flex-direction: column-reverse
     }

     .fe_free_proforma_invoce.feature_banner.feature_banner_new .same_div_inner {
         text-align: center;
         margin-top: 30px
     }

     .fe_free_proforma_invoce.feature_banner.feature_banner_new .same_div_inner .button_div {
         margin: auto
     }
 }

 .fe_free_proforma_invoce.feature_banner .button_div {
     min-width: 280px;
     width: auto
 }

 .gateway_integration_main .main-title {
     font-size: 36px;
     font-weight: 700;
     color: #1e293b;
     line-height: 120%;
     margin-bottom: 25px;
     margin-top: 0
 }

 .integration_grd_sc .row {
     display: flex;
     flex-wrap: wrap;
     margin-left: -25px;
     margin-right: -25px
 }

 .integration_grd_sc .row [class*=col-] {
     padding-left: 15px;
     padding-right: 15px
 }

 .integration_grd_sc .integration_col {
     background: #fff;
     border: 1px solid #e2e8f0;
     border-radius: 24px;
     padding: 25px;
     text-align: left;
     height: calc(100% - 30px);
     margin-top: 30px
 }

 .integration_grd_sc .integration_col .icn_sc img {
     width: 50px;
     height: 50px;
     object-fit: contain
 }

 .integration_grd_sc .integration_col .icn_sc .int_ttl {
     margin-left: 15px;
     font-weight: 700;
     font-size: 26px;
     line-height: 35px;
     color: #1e293b;
     width: calc(100% - 70px);
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap
 }

 .integration_grd_sc .integration_col .int_cnt {
     font-weight: 600;
     font-size: 16px;
     line-height: 22px;
     color: #1e293b;
     margin-bottom: 15px
 }

 .integration_grd_sc .integration_col .int_list {
     margin: 0;
     padding: 0;
     list-style-type: none
 }

 .integration_grd_sc .integration_col .int_list li {
     position: relative;
     font-size: 16px;
     line-height: 22px;
     color: #1e293b;
     padding-left: 25px;
     background-image: url(https://cdn.mooninvoice.com/image/images/entypo_check.svg);
     background-repeat: no-repeat;
     background-position: 0 7px
 }

 .integration_grd_sc .integration_col .int_list li+li {
     margin-top: 12px
 }

 .pay_facility_main {
     padding: 60px 0;
     background-color: #f7fbff;
     background-image: url(https://cdn.mooninvoice.com/image/images/facilities-bg-abstract.png);
     background-size: cover
 }

 .pay_facility_col:nth-child(2n) .row [class*=col-]:last-child {
     order: 0
 }

 .pay_facility_col .row,
 .payment_process_main .row {
     display: flex;
     flex-wrap: wrap;
     align-items: center
 }

 .pay_facility_col .pay_facility_cnt_sc {
     max-width: 570px
 }

 .pay_facility_col .pay_facility_cnt_sc .facility_ttl {
     font-weight: 600;
     font-size: 36px;
     line-height: 120%;
     margin-top: 0;
     margin-bottom: 20px;
     color: #1e293b
 }

 .pay_facility_col .pay_facility_cnt_sc p {
     font-size: 16px;
     line-height: 160%;
     color: #334155
 }

 .payment_process_main .payment_process_cnt_sc {
     max-width: 605px
 }

 .payment_process_main .payment_process_cnt_sc .cnt_ttl {
     font-weight: 700;
     font-size: 34px;
     line-height: 50px;
     color: #000;
     margin-top: 0;
     margin-bottom: 20px
 }

 .payment_process_main .payment_process_cnt_sc p {
     font-size: 16px;
     line-height: 25px;
     color: #000;
     margin-bottom: 20px
 }

 .pay_iframe iframe {
     aspect-ratio: 2/1
 }

 .payment_pro_ques {
     padding: 75px 0;
     background: rgb(0 127 250 / 80%);
     background-image: url(https://cdn.mooninvoice.com/image/images/payment_processing_abtract.png)
 }

 .payment_pro_ques .main-title {
     color: #fff;
     margin-bottom: 50px
 }

 .payment_pro_ques .btn-primary {
     background: #fff;
     color: #007ffa
 }

 @media(max-width:1199.98px) {
     .integration_grd_sc .row {
         margin-left: -15px;
         margin-right: -15px
     }
 }

 @media(max-width:767.98px) {
     .free_invoice_faq.new_frequent_question .cmn_question .panel-body p {
         font-size: 14px
     }

     .feature_banner.feature_banner_new p.new {
         margin: 10px 0 15px !important;
         font-size: 16px
     }

     .feature_banner.feature_banner_new .button_div {
         align-items: center !important
     }

     .payment_pro_ques .main-title {
         margin-bottom: 30px
     }

     .free_invoice_faq .que_title * {
         font-size: 28px;
         line-height: 34px
     }

     .free_invoice_faq .qaes_ans_div .panel-title {
         font-size: 16px;
         line-height: 20px
     }

     .integration_grd_sc .row [class*=col-] {
         width: 100%
     }

     .gateway_integration_main .main-title {
         font-size: 26px;
         margin-bottom: 15px
     }

     .pay_facility_main .main-title {
         margin-bottom: 15px
     }

     .integration_grd_sc .integration_col .icn_sc .int_ttl {
         font-size: 20px
     }

     .payment_process_main .payment_process_cnt_sc .cnt_ttl {
         font-size: 24px;
         line-height: 130%
     }
 }

 @media(max-width:1199.98px) {
     .feature_banner.feature_banner_new p.new {
         font-size: 18px
     }
 }

 @media(max-width:991.98px) {
     .invoice_payment_process_banner.fe_free_proforma_invoce.feature_banner.feature_banner_new p.new {
         margin-top: 15px;
         margin-bottom: 20px;
         font-size: 18px
     }

     .free_invoice_faq.faq_top_gap .cmn_question_div,
     .payment_pro_ques,
     .payment_process_main {
         padding: 50px 0
     }

     .pay_facility_col .row [class*=col-],
     .payment_process_main .row [class*=col-] {
         width: 100%
     }

     .pay_facility_col:nth-child(odd) .row [class*=col-]:first-child,
     .payment_process_main .row [class*=col-]:first-child {
         order: 1
     }

     .pay_facility_col:nth-child(odd) .row [class*=col-]:last-child,
     .payment_process_main .row [class*=col-]:last-child {
         order: 0
     }

     .pay_facility_col {
         padding: 15px 0
     }

     .pay_facility_col .pay_facility_cnt_sc {
         max-width: unset;
         text-align: center;
         margin-top: 20px
     }

     .pay_facility_col .pay_facility_cnt_sc .facility_ttl {
         font-size: 26px;
         margin-bottom: 10px
     }

     .payment_process_main .payment_process_img_sc {
         text-align: center;
         margin-bottom: 20px
     }

     .payment_process_main .payment_process_cnt_sc {
         max-width: 100%
     }

     .pay_facility_main .btn-sc {
         padding-top: 20px
     }
 }

 @media(max-width:575.98px) {
     .free_invoice_faq .cmn_question_div {
         padding-bottom: 50px
     }

     .btn_new {
         font-size: 14px;
         padding: 18px 32px
     }
 }

 @media(min-width:1450.99px) {
     .feature_banner {
         margin-top: 125px
     }
 }

 @media(max-width:1450.98px) and (min-width:991.99px) {
     .feature_banner {
         margin-top: 115px
     }
 }

 @media(max-width:991.98px) and (min-width:767.99px) {
     .feature_banner {
         margin-top: 104.297px
     }
 }

 @media(max-width:767.98px) {
     .feature_banner {
         margin-top: 101px
     }
 }

 @media(max-width:575.98px) {
     .feature_banner {
         margin-top: 118px
     }
 }