@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;body{@apply font-sans;}:root{--color-blue-secondary: #0BA5EC;--blendBackground:#80e9ff;--blue-faded:#80e9ff;--blendForeground:#7a73ff;--green-primary:#278664;--button-background:#4e594a;--button-background-hover:#278664;--green-secondary:#79a471;--color-blue-primary: #278664;--product-heading-color: #F38744;--background-minor-heading:#ffdb80;--e-global-color-uicore_headline: #101828;--e-global-color-uicore_body: rgba(16, 24, 40, .6);--e-global-color-uicore_dark: #101828;--color-light: rgb(249, 250, 251);--color-light-darker: rgb(129, 129, 129);--e-global-color-uicore_white: #FFFFFF;--background-selection:#278664;--color-selection:#ffffff;--font-family-general: "Poppins", sans-serif;--color-general:#474e5a;--color-headings:#474e5a;--font-weight-headings:600 ;--color-hover-links:#278664;--background-buttons-general:#4e594a;--color-buttons-general:#FFFFFF;--background-general:#ffffff;--font-size-h1:86px;--font-size-h2:62px;--font-size-h3:46px;--font-size-h4:36px;--font-size-h5:22px;--font-size-h6:20px;--font-size-p:16px }@media(max-width:1024px){:root{--font-size-h1:66px;--font-size-h2:44px;--font-size-h3:36px;--font-size-h4:24px;--font-size-h5:21px;--font-size-h6:19px;--font-size-p:16px }}@media(max-width:767px){:root{--font-size-h1:46px;--font-size-h2:36px;--font-size-h3:28px;--font-size-h4:22px;--font-size-h5:20px;--font-size-h6:18px;--font-size-p:16px}}@media(max-width:450px){:root{--font-size-h1:36px;--font-size-h2:32px;--font-size-h3:28px;--font-size-h4:24px;--font-size-h5:20px;--font-size-h6:16px;--font-size-p:16px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,header ol,header ul,header li,footer ol,footer ul,footer li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:var(--font-size-p);font-family:var(--font-family-general);font:inherit;vertical-align:baseline;box-sizing:border-box;color:var(--color-general)}input,textarea{font-family:var(--font-family-general)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-general)!important;font-size:var(--font-size-p)}span{font-size:var(--font-size-p)}body,html{position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-general);color:var(--color-headings);font-weight:var(--font-weight-headings)}h1{font-size:var(--font-size-h1)!important;line-height:calc(var(--font-size-h1) + 4px)}h2{font-size:var(--font-size-h2)!important;line-height:calc(var(--font-size-h2) + 4px)}h3{font-size:var(--font-size-h3)!important;line-height:calc(var(--font-size-h3) + 4px)}h4{font-size:var(--font-size-h4)!important;line-height:calc(var(--font-size-h4) + 4px)}h5{font-size:var(--font-size-h5)!important;line-height:calc(var(--font-size-h5) + 4px)}h6{font-size:var(--font-size-h6);line-height:calc(var(--font-size-h6) + 4px)}p.h6{font-size:var(--font-size-h6);line-height:calc(var(--font-size-h6) + 4px);font-weight:600}p{font-size:var(--font-size-p);line-height:calc(var(--font-size-p) + 8px);font-family:var(--font-family-general)}a{font-family:var(--font-family-general);text-decoration:none;color:var(--color-general)}::-moz-selection{color:var(--color-selection);background:var(--background-selection)}::selection{color:var(--color-selection);background:var(--background-selection)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;width:100%;overflow-x:hidden}header ol,header ul,footer ol,footer ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}main{max-width:100vw;width:100vw;overflow:hidden}footer{z-index:1}body{background:#efefef;display:flex;justify-content:center;align-items:center}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.invoice-holder-container{background:#fff;width:1100px;max-width:100%;border-radius:20px;margin:10px}@media screen and (max-width:1120px){.invoice-holder-container{width:100%}}.header-details{display:flex;justify-content:space-between;align-items:center;text-align:left;background:linear-gradient(to right,#00a569,#008858);padding:15px 20px;border-radius:20px 20px 0 0;color:#fff;flex-wrap:wrap}.header-details h5,.header-details h6{color:#fff}.malipo-logo img{max-width:80px;padding:10px}.invoice-title-details{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:2px dotted #efefef;padding-top:10px;padding-bottom:10px}.invoice-details{padding:30px 0}.payment-button{display:flex;justify-content:flex-end;margin-top:20px;margin-bottom:20px}.payment-button button{background:#2ecc71;padding:10px 20px;border-radius:20px;border:none;color:#fff;cursor:pointer}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#2ecc71;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.loader-container{position:fixed;inset:0;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.loader-container img{max-width:120px;margin-bottom:20px}.error-main-holder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.error-main-holder h6{margin-bottom:10px}.bold{font-weight:600}.button-style{background:#2c9875;padding:10px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:10px;font-size:16px}.dot.orange{display:flex;height:10px;width:10px;background:#f8bd27;border-radius:10px;margin-right:5px}.header-details p{color:#fff}.right-details-payment{text-align:right}.invoice-body-container{display:flex}.invoice-body-container .left-body-container{flex-basis:60%;border-right:1px solid #f4f4f4;padding:20px}.right-body-container{flex-basis:40%}.notice{background:#f9fafc;border:1px solid #e9eaea;border-radius:10px;margin-top:10px;padding:10px}.notice p{font-size:14px}.green{color:#008858;font-weight:600}.payment-box-container{background:#ecfdf5;border:1px solid #d7f0e8;width:90%;margin:20px auto auto;border-radius:10px;padding:10px}.payment-button,.payment-button button{width:100%}p.amount-full{margin-top:20px}p.amount-full span{font-size:calc(var(--font-size-p) + 10px)}.due-date{display:flex;justify-content:space-between;width:100%;margin-top:20px}.secure-payment{display:flex;align-items:center;justify-content:center}.secure-payment span{margin-left:5px;font-size:12px}.payment-channels{padding:20px}.payment-channels p{margin-top:10px;margin-bottom:10px}span.button-style-grey{background:#f3f2f4;border-radius:30px;padding:10px}.methods-buttons{display:flex;flex-wrap:wrap}.methods-buttons .button-style-grey{margin-top:10px;margin-right:10px;font-size:14px}@media screen and (max-width:900px){.invoice-body-container{flex-direction:column}.invoice-body-container .left-body-container{margin-bottom:0;padding:10px}.right-body-container{margin-bottom:20px;padding:10px}.payment-box-container{margin:0;width:100%}.right-details-payment{text-align:left}}h6{margin-bottom:10px;color:#37393f}.grey{color:#8b91a3}