#how-to-read-invoice h1,#how-to-read-invoice h2,#how-to-read-invoice h3,#how-to-read-invoice h4,#how-to-read-invoice h5,#how-to-read-invoice h6,#how-to-read-invoice ul,#how-to-read-invoice li,#how-to-read-invoice p{margin: 0;padding: 0;font-weight: normal;line-height: 1.5} #how-to-read-invoice a{text-decoration: none;} #how-to-read-invoice button{cursor: pointer;} *{box-sizing: border-box;font-family: 'Titillium Web', Arial, sans-serif;outline: none;-webkit-tap-highlight-color: transparent;} html{font-size: 10px;} html.zoom-x2{font-size: 11px!important;} html.zoom-x4{font-size: 12px!important;} body{margin: 0;} #how-to-read-invoice ul{list-style: none;} #how-to-read-invoice img{border:none;max-width: 100%;} #how-to-read-invoice textarea{resize: none;} #how-to-read-invoice .f_btn{ border: 2px solid #e2007e; width: 100%;max-width: 255px;display: inline-block;text-align: center;background-color: #e2007a;color: #fff;font-size: 20px;font-weight: 600;border-radius: 4px;padding: 12px 5px} #how-to-read-invoice .f_btn:hover{background-color: #aa036c;border-color: #aa036c} #how-to-read-invoice .f_btn.f_white_btn{color:#e2007a;background-color: #fff;} #how-to-read-invoice .f_btn.f_white_btn:hover{background-color: #f6f6f6;border-color: #e2007e} #how-to-read-invoice .f_16{font-size: 1.6rem} #how-to-read-invoice .f_18{font-size: 1.8rem} #how-to-read-invoice .f_20{font-size: 2rem} #how-to-read-invoice .f_22{font-size: 2.2rem} #how-to-read-invoice .f_24{font-size: 2.4rem} #how-to-read-invoice .f_26{font-size: 2.6rem} #how-to-read-invoice .f_30{font-size: 3.0rem} #how-to-read-invoice .f_36{font-size: 3.6rem} #how-to-read-invoice .f_42{font-size: 4.2rem} #how-to-read-invoice .f_50{font-size: 5.0rem} #how-to-read-invoice .f_60{font-size: 6.0rem} #how-to-read-invoice .f_70{font-size: 7rem} #how-to-read-invoice .f_100{font-size: 10rem} #how-to-read-invoice .uppercase{text-transform: uppercase} #how-to-read-invoice .italic{font-style: italic} #how-to-read-invoice .bold{font-weight: bold;} #how-to-read-invoice .semibold{font-weight: 600;} #how-to-read-invoice h1 br{display: none;} #how-to-read-invoice .light{font-weight: 300;} #how-to-read-invoice .magenta{color: #e2007e} #how-to-read-invoice .green{color: #74bf2e} #how-to-read-invoice .blue{color: #35c4cb} #how-to-read-invoice .f_btn.f_with_arrow_icon{display: flex;align-items: center;justify-content: center;cursor: pointer} #how-to-read-invoice .f_btn.f_with_arrow_icon img{margin-left: 7px;width: auto} #how-to-read-invoice .center{text-align: center;} #how-to-read-invoice .breadcrumbs {display: flex; justify-content: left; align-items: center; z-index: 2; margin-bottom: 70px; flex-wrap: wrap; padding-top: 25px;} #how-to-read-invoice .breadcrumbs .bread_element {color: #7f7f7f; line-height: 1; text-decoration: none;} #how-to-read-invoice .breadcrumbs .bread_element:hover {color: #e2007e;} #how-to-read-invoice .breadcrumbs .non_link_element {margin: 0 10px; line-height: 1; font-size: 14px;} #how-to-read-invoice .breadcrumbs .non_link_element.present_element {margin: 0; line-height: 1;} #how-to-read-invoice {overflow-x: hidden; max-width: 1920px; margin: 0 auto; padding-bottom: 50px;} #how-to-read-invoice .page_container{max-width: 1400px; margin: 0 auto; position: relative;} #how-to-read-invoice #top {background: url('../img/how-to-read-invoice-new/baner.png') no-repeat right;background-size: cover;} #how-to-read-invoice #top .page_container{display: flex;} #how-to-read-invoice #top .single_box:first-of-type{width: 55%; display: flex; flex-flow: column; padding-bottom: 10px;} #how-to-read-invoice #top .single_box:last-of-type{width: 45%;} #how-to-read-invoice #top .single_box:last-of-type img {display: block; filter: drop-shadow(0 1px 4px rgba(33, 33, 33, 0.1));} #how-to-read-invoice #top .list_box{margin: 30px 0;} #how-to-read-invoice #top .list_box p{position: relative;} #how-to-read-invoice #top .list_box p .dot_icon{position: absolute; left: 0; top: -1px; color: #e2007a;} #how-to-read-invoice .menu_container {padding-top: 20px; padding-bottom: 20px; box-shadow: 0 0 16px rgba(17, 17, 17, 0.16);} #how-to-read-invoice .menu_container .page_container {display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 64px;} #how-to-read-invoice .menu_container .page_container .single_box {padding-right: 64px; text-decoration: none; border-right: 2px solid #EFEFEF;} #how-to-read-invoice .menu_container .page_container .single_box .text-nowrap {white-space: nowrap;} #how-to-read-invoice .menu_container .page_container .single_box span {display: block; color: #000;} #how-to-read-invoice .menu_container .page_container .single_box:hover{cursor: pointer;} #how-to-read-invoice .menu_container .page_container .single_box:hover span{color: #e2007a;} #how-to-read-invoice .menu_container .page_container .single_box:last-of-type{border-right: none; padding-right: 0;} #how-to-read-invoice .menu_container .page_container svg {display: block; width: auto; height: 30px; margin-right: auto; margin-bottom: 4px; margin-left: auto;} #how-to-read-invoice .top_title{display: flex; align-items: center; color: #707173;} #how-to-read-invoice .top_title.top_title_center{justify-content: center;} #how-to-read-invoice .top_title.top_title_center svg{max-height: 26px;} #how-to-read-invoice .top_title svg{margin-right: 10px;} #how-to-read-invoice #video_materials{max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto;} #how-to-read-invoice #video_materials .single_video_box{position: relative; cursor: pointer;} #how-to-read-invoice #video_materials .single_video_box .video_box:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #00000080 100%); border-radius: 18px;} #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon svg{margin-right: -7px;} #how-to-read-invoice #video_materials .single_video_box:hover .video_box .play_icon{background-color: rgba(226, 0, 122, 0.6); border: 2px solid #fff;} #how-to-read-invoice #video_materials .single_video_box:hover .video_box .play_icon svg{fill: #e2007a;} #how-to-read-invoice #video_materials .single_video_box:hover .video_box .play_icon svg path{stroke: #fff;} #how-to-read-invoice #video_materials .single_video_box .video_box {display: flex; align-items: center; justify-content: center; width: 100%; height: 620px; background-position: center; background-size: auto; background-repeat: no-repeat; box-shadow: 0 0 24px rgba(17, 17, 17, 0.24); border-radius: 16px;} #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon{width: 112px; height: 112px; border-radius: 50%; border: 3px solid #e2007a; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 1); z-index: 10;} #how-to-read-invoice #video_materials .single_video_box .yt_iframe {width: 100%; height: 620px; background-size: auto; box-shadow: 0 0 24px rgba(17, 17, 17, 0.24); border-radius: 16px;} #how-to-read-invoice #video_materials .video_footer_information{display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding-right: 40px; position: absolute; bottom: 15px; left: 0;} #how-to-read-invoice #video_materials .video_footer_information .inside_single_box:last-of-type{padding-left: 40px; margin-bottom: 40px; width: 90%;} #how-to-read-invoice #video_materials .video_footer_information p{color: #fff;} #how-to-read-invoice #video_materials .video_footer_information .colored {color: #BAF4F1;} #how-to-read-invoice #principles{margin-top: 80px; position: relative;} #how-to-read-invoice #principles .right_semicircle_bg{position: absolute; transform: rotate(90deg); top: 50px; right: -183px;} #how-to-read-invoice #principles .page_container{ position: relative; z-index: 3;} #how-to-read-invoice #principles .principles_container{display: flex; justify-content: space-between; margin-top: 40px;} #how-to-read-invoice #principles .principles_container .single_box{width: calc(34% - 30px);} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box {position: relative; height: calc(100% - 100px); padding-top: 25px; padding-bottom: 5px; background-color: #FFF; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); border-radius: 16px;} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box .box_img{height: 160px; background-position: center; background-repeat: no-repeat; background-size: auto; border-top-left-radius: 16px; border-top-right-radius: 16px;} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box .box_content{padding: 25px 10px;} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box .box_content p{margin-top: 25px;} #how-to-read-invoice #principles .principles_container .single_box .step_numer{color: #D7D7D7; font-size: 90px; position: relative;} #how-to-read-invoice #principles .principles_container .single_box .step_numer::after{width: 320px; height: 1px; z-index: 2; background-color: #707173; position: absolute; content: ''; display: block; top: 50%; right: -60%; transform: translate(-30%, -50%);} #how-to-read-invoice #principles .principles_container .single_box:last-of-type .step_numer::after{display: none;} #how-to-read-invoice #informations{margin-top: 120px; position: relative;} #how-to-read-invoice #informations .left_semicircle_bg{position: absolute; transform: rotate(-90deg); top: 100px; left: -183px;} #how-to-read-invoice #informations .informations_container{display: flex; justify-content: space-between; margin-top: 50px;} #how-to-read-invoice #informations .informations_container .single_box {width: calc(25% - 30px); padding: 30px 15px; background-color: #FFF; box-shadow: 0 0 12px rgb(17 17 17 / 24%); border-radius: 16px;} #how-to-read-invoice #informations .informations_container .single_box p{margin-top: 25px;} #how-to-read-invoice #informations .bottom_informations_container{display: flex; margin-top: 65px;} #how-to-read-invoice #informations .bottom_informations_container .single_box{position: relative; display: flex; justify-content: space-between; padding-right: 150px; flex-flow: column;} #how-to-read-invoice .border_link_container {display: flex; align-items: center; justify-content: center; width: max-content; margin: 0 auto; padding: 15px 30px; border: 1px solid #E2007A; border-radius: 4px; transition: background-color .3s, color .3s;} #how-to-read-invoice .border_link_container:hover{ background-color: #e2007a; color: #fff; } #how-to-read-invoice .border_link_container svg{margin-left: 10px; margin-top: -2px;} #how-to-read-invoice .border_link{display:block; width: fit-content;} #how-to-read-invoice .border_link:hover{color: #aa036c;} #how-to-read-invoice .border_link.active_border_link{color: #aa036c;} #how-to-read-invoice .border_link::after{display:block ; content: ''; border-bottom: solid 3px #aa036c; transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin: 100% 50%;} #how-to-read-invoice .border_link:hover:after {transform: scaleX(1); transform-origin: 0 50%;} #how-to-read-invoice .border_link.active_border_link::after {transform: scaleX(1); transform-origin: 0 50%;} #how-to-read-invoice #faq{margin-top: 80px;} #how-to-read-invoice #faq .faq_container{margin-top: 40px;} #how-to-read-invoice #faq .sh135-accordion-head{padding-right: 80px;} #how-to-read-invoice #faq .sh135-accordion-head .acc_head_trigger {position: absolute;right: 0;top: 0;bottom: 0;font-weight: 600;align-items: center;} #how-to-read-invoice #faq .sh135-accordion-container { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #c7c7c7; cursor: pointer;} #how-to-read-invoice #faq .sh135-accordion-container .sh135-accordion-head{background-image: none; position: relative;} #how-to-read-invoice #faq .sh135-accordion-head:hover .acc_head_trigger{color: #e2007e} #how-to-read-invoice #faq .sh135-accordion-head:hover .acc_head_trigger .acc_arrow{border-color: #e2007e} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger{color: #e2007e} #how-to-read-invoice #faq .sh135-accordion-container .sh135-accordion-head .acc_head_trigger.down{ display: flex;} #how-to-read-invoice #faq .sh135-accordion-container .sh135-accordion-head .acc_head_trigger.up{ display: none;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger.up{ display: flex;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger.down{ display: none;} #how-to-read-invoice #faq .sh135-accordion-head .acc_head_trigger .acc_arrow {width: 7px;height: 7px;border-width: 2px 2px 0 0;border-color: #000;border-style: solid;display: inline-block;transform: rotate(135deg);margin-left: 10px;} #how-to-read-invoice #faq .sh135-accordion-head:hover .acc_head_trigger .acc_arrow {border-color: #e2007e;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-head .acc_arrow {border-color: #e2007e;transform: rotate(-45deg);margin-left: 10px;margin-top: 7px;} #how-to-read-invoice #faq .sh135-accordion-container .sh135-accordion-body{display: none;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-body{display: block; margin-top: 30px;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-body .faq-link {color: #000;} #how-to-read-invoice #faq .sh135-accordion-container.active .sh135-accordion-body .faq-link:hover {color: #e2007a;} #how-to-read-invoice #faq .sh135-accordion-container.active h3{font-weight: 600;} #how-to-read-invoice .mobile_link{display: none;} #how-to-read-invoice #see-your-invoices { margin-top: 300px; } #how-to-read-invoice #see-your-invoices .syi-title { margin-bottom: 40px; } #how-to-read-invoice #see-your-invoices .access-box { display: flex; justify-content: center; } #how-to-read-invoice #see-your-invoices .access-box .log-in-box { background-color: #F8F8F8; } #how-to-read-invoice #see-your-invoices .access-box .log-in-box .access-link { text-align: center; padding: 15px 60px; background-color: #e2007a; color: #fff; border: 1px solid #fff; border-radius: 4px; transition: color .3s, border .3s, background-color .3s } #how-to-read-invoice #see-your-invoices .access-box .log-in-box .access-link:hover { background-color: #fff; color: #e2007a; border: 1px solid #e2007a; } #how-to-read-invoice #see-your-invoices .access-box .sign-in-box { border: 2px solid #EAEAEA; border-left: none; } #how-to-read-invoice #see-your-invoices .access-box .sign-in-box .access-link { text-align: center; padding: 15px 30px; background-color: #fff; color: #e2007a; border: 1px solid #e2007a; border-radius: 4px; transition: color .3s, border .3s, background-color .3s; } #how-to-read-invoice #see-your-invoices .access-box .sign-in-box .access-link:hover { background-color: #e2007a; color: #fff; border: 1px solid #e2007a; } #how-to-read-invoice #see-your-invoices .access-box .access-col { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 50%; padding: 45px 40px; } #how-to-read-invoice:has(.banner-add-opinion) #see-your-invoices { margin-top: 80px; } #how-to-read-invoice .banner-add-opinion {margin-top: 300px;} #how-to-read-invoice .banner-add-opinion .btn-add-opinion { padding: 15px 60px; background-color: #E2007A; color: #FFF; text-align: center; border: 1px solid #FFF; border-radius: 4px; transition: color .3s, border .3s, background-color .3s } #how-to-read-invoice .banner-add-opinion .btn-add-opinion:hover { background-color: #FFF; color: #E2007A; border: 1px solid #E2007A; } #how-to-read-invoice .banner-add-opinion .inner-box {display: grid; grid-template-columns: 1fr minmax(0, max-content); align-items: center; gap: 8px; padding: 40px; background: #F8F8F8; border: 2px solid #EAEAEA;} #how-to-read-invoice .banner-add-opinion .inner-box .content-box {display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 32px;} #how-to-read-invoice #what-we-changed { padding-top: 64px; background-color: #F9F9F9; } #how-to-read-invoice #what-we-changed .wwc-title { margin-bottom: 24px; } #how-to-read-invoice #what-we-changed .desc-box {text-align: center; } #how-to-read-invoice #what-we-changed .img-box { display: flex; justify-content: center; transform: translateY(60px); } #how-to-read-invoice #what-we-changed .single-col { width: 33%; } #how-to-read-invoice #what-we-changed .invoice-img { transform: translateY(-32px); max-width: 358px; height: 508px; box-shadow: 0 107px 43px rgba(77, 77, 77, 0.01), 0 60px 36px rgba(77, 77, 77, 0.05), 0 27px 27px rgba(77, 77, 77, 0.09), 0 7px 15px rgba(77, 77, 77, 0.1), 0 0 0 rgba(77, 77, 77, 0.1);} #how-to-read-invoice #what-we-changed .bottom-left-column { max-width: 400px; margin-right: 115px; text-align: right; } #how-to-read-invoice #what-we-changed .bottom-right-column { max-width: 400px; margin-left: 115px; } #how-to-read-invoice #what-we-changed .single-col .row-title { margin-bottom: 25px; } #how-to-read-invoice #what-we-changed .bottom-left-column .column-row:first-child { margin-bottom: 40px; margin-top: 40px; } #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:first-child { margin-bottom: 60px; } #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child { margin-top: 30px; } #how-to-read-invoice #what-we-changed .bottom-left-column .column-row { padding-right: 14px; border-right: 2px solid #000; } #how-to-read-invoice #what-we-changed .bottom-right-column .column-row { padding-left: 14px; padding-bottom: 10px; border-left: 2px solid #000; } #how-to-read-invoice #what-we-changed .column-row { position: relative; } #how-to-read-invoice #what-we-changed .column-row::before { position: absolute; bottom: unset !important; z-index: 1; } #how-to-read-invoice #what-we-changed .bottom-left-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'228\' height=\'85\' viewBox=\'0 0 228 85\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1287)\'%3E%3Cpath d=\'M190 45.3049L158.589 3.30493H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath d=\'M184 59C184 70.5979 193.402 80 205 80C216.598 80 226 70.5979 226 59C226 47.402 216.598 38 205 38C193.402 38 184 47.402 184 59Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M205 69C199.477 69 195 64.5228 195 59C195 53.4772 199.477 49 205 49C210.523 49 215 53.4772 215 59C215 64.5228 210.523 69 205 69Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1287\'%3E%3Crect width=\'228\' height=\'80\' fill=\'white\' transform=\'translate(0 2)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); bottom: 0; right: -165px; } #how-to-read-invoice #what-we-changed .bottom-left-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'80\' viewBox=\'0 0 158 80\' fill=\'none\'%3E%3Cpath d=\'M120 37L88.5893 79H-1.2815e-06\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 22.5C114.25 10.764 123.764 1.25 135.5 1.25C147.236 1.25 156.75 10.764 156.75 22.5C156.75 34.2361 147.236 43.75 135.5 43.75C123.764 43.75 114.25 34.2361 114.25 22.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cellipse cx=\'135\' cy=\'22\' rx=\'10\' ry=\'10\' transform=\'rotate(180 135 22)\' fill=\'%23E2007A\'/%3E%3C/svg%3E'); top: -55px; bottom: 35px; right: -165px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1312)\'%3E%3Cpath d=\'M45 60L76.6131 60L158 60\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 82C33.598 82 43 72.598 43 61C43 49.402 33.598 40 22 40C10.402 40 1 49.402 1 61C1 72.598 10.402 82 22 82Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 71C27.5228 71 32 66.5228 32 61C32 55.4772 27.5228 51 22 51C16.4772 51 12 55.4772 12 61C12 66.5228 16.4772 71 22 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1312\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30493)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 0; left: -165px; } #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'264\' height=\'105\' viewBox=\'0 0 264 105\' fill=\'none\'%3E%3Cpath d=\'M34 63.3049L70.4107 4.30493H214\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M23 103C34.598 103 44 93.598 44 82C44 70.402 34.598 61 23 61C11.402 61 2 70.402 2 82C2 93.598 11.402 103 23 103Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M23 92C28.5228 92 33 87.5228 33 82C33 76.4772 28.5228 72 23 72C17.4772 72 13 76.4772 13 82C13 87.5228 17.4772 92 23 92Z\' fill=\'%23E2007A\'/%3E%3C/svg%3E'); top: 80px; left: -220px; max-width: 243px; } #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1323)\'%3E%3Cpath d=\'M38 45.6949L69.4107 3.69495H158\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 81.39C33.598 81.39 43 71.988 43 60.39C43 48.792 33.598 39.39 22 39.39C10.402 39.39 1 48.792 1 60.39C1 71.988 10.402 81.39 22 81.39Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 70.39C27.5228 70.39 32 65.9129 32 60.39C32 54.8672 27.5228 50.39 22 50.39C16.4772 50.39 12 54.8672 12 60.39C12 65.9129 16.4772 70.39 22 70.39Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1323\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 2.69495)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 70px; left: -165px; } #how-to-read-invoice #what-we-changed .single-col .icon-smaller-device { display: none; } #how-to-read-invoice #what-we-changed .bottom-left-column .column-row.mobile_right::before {top: 90px; right: -7px; transform: translateX(100%);} #how-to-read-invoice #what-we-changed-2 {max-height: 635px; margin-top: 100px; padding-top: 64px; background-color: #F9F9F9; } #how-to-read-invoice #what-we-changed-2 .wwc-title { margin-bottom: 24px; } #how-to-read-invoice #what-we-changed-2 .desc-box {text-align: center; } #how-to-read-invoice #what-we-changed-2 .img-box { position: relative; transform: translateY(60px); display: flex; justify-content: center; } #how-to-read-invoice #what-we-changed-2 .single-col { width: auto; } #how-to-read-invoice #what-we-changed-2 .invoice-img { transform: translateY(-32px); max-width: 358px; filter: drop-shadow(0 4px 12px rgba(33, 33, 33, 0.16));} #how-to-read-invoice #what-we-changed-2 .bottom-left-column { max-width: 400px; margin-right: 115px; text-align: right; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column { max-width: 400px; margin-left: 115px; } #how-to-read-invoice #what-we-changed-2 .single-col .row-title { margin-bottom: 25px; } #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row:first-child { margin-top: 0; margin-bottom: 40px; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child { margin-top: 50px; margin-bottom: 25px; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child { margin-top: 35px; } #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row { padding-right: 14px; border-right: 2px solid #000; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row { padding-bottom: 10px; padding-left: 14px; border-left: 2px solid #000; } #how-to-read-invoice #what-we-changed-2 .column-row { position: relative; } #how-to-read-invoice #what-we-changed-2 .column-row::before { position: absolute; bottom: unset !important; z-index: 1; } #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'228\' height=\'85\' viewBox=\'0 0 228 85\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1287)\'%3E%3Cpath d=\'M190 45.3049L158.589 3.30493H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath d=\'M184 59C184 70.5979 193.402 80 205 80C216.598 80 226 70.5979 226 59C226 47.402 216.598 38 205 38C193.402 38 184 47.402 184 59Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M205 69C199.477 69 195 64.5228 195 59C195 53.4772 199.477 49 205 49C210.523 49 215 53.4772 215 59C215 64.5228 210.523 69 205 69Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1287\'%3E%3Crect width=\'228\' height=\'80\' fill=\'white\' transform=\'translate(0 2)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); bottom: 0; right: -165px; } #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'80\' viewBox=\'0 0 158 80\' fill=\'none\'%3E%3Cpath d=\'M120 37L88.5893 79H-1.2815e-06\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 22.5C114.25 10.764 123.764 1.25 135.5 1.25C147.236 1.25 156.75 10.764 156.75 22.5C156.75 34.2361 147.236 43.75 135.5 43.75C123.764 43.75 114.25 34.2361 114.25 22.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cellipse cx=\'135\' cy=\'22\' rx=\'10\' ry=\'10\' transform=\'rotate(180 135 22)\' fill=\'%23E2007A\'/%3E%3C/svg%3E'); top: -55px; bottom: 35px; right: -165px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1312)\'%3E%3Cpath d=\'M45 60L76.6131 60L158 60\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 82C33.598 82 43 72.598 43 61C43 49.402 33.598 40 22 40C10.402 40 1 49.402 1 61C1 72.598 10.402 82 22 82Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 71C27.5228 71 32 66.5228 32 61C32 55.4772 27.5228 51 22 51C16.4772 51 12 55.4772 12 61C12 66.5228 16.4772 71 22 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1312\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30493)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 0; left: -165px; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1661)\'%3E%3Cpath d=\'M38 45.8052L69.4107 3.80518H158\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 81.5C33.598 81.5 43 72.098 43 60.5C43 48.902 33.598 39.5 22 39.5C10.402 39.5 1 48.902 1 60.5C1 72.098 10.402 81.5 22 81.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 70.5C27.5228 70.5 32 66.0228 32 60.5C32 54.9772 27.5228 50.5 22 50.5C16.4772 50.5 12 54.9772 12 60.5C12 66.0228 16.4772 70.5 22 70.5Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1661\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 2.80518)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 65px; left: -165px; max-width: 243px; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1672)\'%3E%3Cpath d=\'M38 39.8049L69.4107 81.8049H158\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 4.11011C33.598 4.11011 43 13.5121 43 25.1101C43 36.7081 33.598 46.1101 22 46.1101C10.402 46.1101 1 36.7081 1 25.1101C1 13.5121 10.402 4.11011 22 4.11011Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 15.1101C27.5228 15.1101 32 19.5873 32 25.1101C32 30.633 27.5228 35.1101 22 35.1101C16.4772 35.1101 12 30.633 12 25.1101C12 19.5873 16.4772 15.1101 22 15.1101Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1672\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 82.8049)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: -65px; left: -165px; } #how-to-read-invoice #what-we-changed-2 .single-col .icon-smaller-device { display: none; } #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.mobile_right::before {top: 90px; right: -7px; transform: translateX(100%);} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3 {margin-top: 40px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_828_391)\'%3E%3Cpath d=\'M120 46.3049L88.5893 4.30493H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114 61C114 72.5979 123.402 82 135 82C146.598 82 156 72.5979 156 61C156 49.402 146.598 40 135 40C123.402 40 114 49.402 114 61Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 71C129.477 71 125 66.5228 125 61C125 55.4772 129.477 51 135 51C140.523 51 145 55.4772 145 61C145 66.5228 140.523 71 135 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_828_391\'%3E%3Crect width=\'158\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 83.3049)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 35px; right: -7px; transform: translateX(100%);} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-4 {margin-top: 40px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-4::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'218\' height=\'86\' viewBox=\'0 0 218 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_828_520)\'%3E%3Cpath d=\'M180 40.3052L148.589 82.3052H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M174 25.6101C174 14.0122 183.402 4.61011 195 4.61011C206.598 4.61011 216 14.0122 216 25.6101C216 37.2081 206.598 46.6101 195 46.6101C183.402 46.6101 174 37.2081 174 25.6101Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M195 15.6101C189.477 15.6101 185 20.0873 185 25.6101C185 31.133 189.477 35.6101 195 35.6101C200.523 35.6101 205 31.133 205 25.6101C205 20.0873 200.523 15.6101 195 15.6101Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_828_520\'%3E%3Crect width=\'218\' height=\'80\' fill=\'white\' transform=\'translate(0 3)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); right: -7px; transform: translateX(100%);} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-1::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cpath d=\'M112 43H85.9048H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114 43C114 54.5979 123.402 64 135 64C146.598 64 156 54.5979 156 43C156 31.402 146.598 22 135 22C123.402 22 114 31.402 114 43Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 53C129.477 53 125 48.5228 125 43C125 37.4772 129.477 33 135 33C140.523 33 145 37.4772 145 43C145 48.5228 140.523 53 135 53Z\' fill=\'%23E2007A\'/%3E%3C/svg%3E'); top: -20px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-2::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1637)\'%3E%3Cpath d=\'M120 46.3052L88.5893 4.30518H0\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 60.8052C114.25 72.5412 123.764 82.0552 135.5 82.0552C147.236 82.0552 156.75 72.5412 156.75 60.8052C156.75 49.0691 147.236 39.5552 135.5 39.5552C123.764 39.5552 114.25 49.0691 114.25 60.8052Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 71.3052C129.477 71.3052 125 66.828 125 61.3052C125 55.7823 129.477 51.3052 135 51.3052C140.523 51.3052 145 55.7823 145 61.3052C145 66.828 140.523 71.3052 135 71.3052Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1637\'%3E%3Crect width=\'158\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30518)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: 100px;} #how-to-read-invoice #what-we-changed .img-box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; visibility: hidden; opacity: 0; background-color: rgba(255, 255, 255, 0.5); filter: blur(10px); transition: opacity .3s;} #how-to-read-invoice #what-we-changed-2 .img-box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; visibility: hidden; opacity: 0; background-color: rgba(255, 255, 255, 0.5); filter: blur(10px); transition: opacity .3s;} #how-to-read-invoice #what-we-changed .img-box:has(.column-row.active)::before {visibility: visible; opacity: 1;} #how-to-read-invoice #what-we-changed-2 .img-box:has(.column-row.active)::before {visibility: visible; opacity: 1;} #how-to-read-invoice #what-we-changed .img-box:has(.column-row.active) img {filter: blur(2px);} #how-to-read-invoice #what-we-changed-2 .img-box:has(.column-row.active) img {filter: blur(2px);} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row.info-7::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'81\' viewBox=\'0 0 208 81\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_938_9)\'%3E%3Cpath d=\'M38 37.6948L69.4107 79.6948H158\' stroke=\'black\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 2C33.598 2 43 11.402 43 23C43 34.598 33.598 44 22 44C10.402 44 1 34.598 1 23C1 11.402 10.402 2 22 2Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 13C27.5228 13 32 17.4772 32 23C32 28.5228 27.5228 33 22 33C16.4772 33 12 28.5228 12 23C12 17.4772 16.4772 13 22 13Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_938_9\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 80.6948)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); top: -25px; left: -165px; } .contrast #how-to-read-invoice #what-we-changed .bottom-left-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'228\' height=\'85\' viewBox=\'0 0 228 85\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1287)\'%3E%3Cpath d=\'M190 45.3049L158.589 3.30493H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath d=\'M184 59C184 70.5979 193.402 80 205 80C216.598 80 226 70.5979 226 59C226 47.402 216.598 38 205 38C193.402 38 184 47.402 184 59Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M205 69C199.477 69 195 64.5228 195 59C195 53.4772 199.477 49 205 49C210.523 49 215 53.4772 215 59C215 64.5228 210.523 69 205 69Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1287\'%3E%3Crect width=\'228\' height=\'80\' fill=\'white\' transform=\'translate(0 2)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed .bottom-left-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'80\' viewBox=\'0 0 158 80\' fill=\'none\'%3E%3Cpath d=\'M120 37L88.5893 79H-1.2815e-06\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 22.5C114.25 10.764 123.764 1.25 135.5 1.25C147.236 1.25 156.75 10.764 156.75 22.5C156.75 34.2361 147.236 43.75 135.5 43.75C123.764 43.75 114.25 34.2361 114.25 22.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cellipse cx=\'135\' cy=\'22\' rx=\'10\' ry=\'10\' transform=\'rotate(180 135 22)\' fill=\'%23E2007A\'/%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed .bottom-right-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1312)\'%3E%3Cpath d=\'M45 60L76.6131 60L158 60\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 82C33.598 82 43 72.598 43 61C43 49.402 33.598 40 22 40C10.402 40 1 49.402 1 61C1 72.598 10.402 82 22 82Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 71C27.5228 71 32 66.5228 32 61C32 55.4772 27.5228 51 22 51C16.4772 51 12 55.4772 12 61C12 66.5228 16.4772 71 22 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1312\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30493)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'264\' height=\'105\' viewBox=\'0 0 264 105\' fill=\'none\'%3E%3Cpath d=\'M34 63.3049L70.4107 4.30493H214\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M23 103C34.598 103 44 93.598 44 82C44 70.402 34.598 61 23 61C11.402 61 2 70.402 2 82C2 93.598 11.402 103 23 103Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M23 92C28.5228 92 33 87.5228 33 82C33 76.4772 28.5228 72 23 72C17.4772 72 13 76.4772 13 82C13 87.5228 17.4772 92 23 92Z\' fill=\'%23E2007A\'/%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1323)\'%3E%3Cpath d=\'M38 45.6949L69.4107 3.69495H158\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 81.39C33.598 81.39 43 71.988 43 60.39C43 48.792 33.598 39.39 22 39.39C10.402 39.39 1 48.792 1 60.39C1 71.988 10.402 81.39 22 81.39Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 70.39C27.5228 70.39 32 65.9129 32 60.39C32 54.8672 27.5228 50.39 22 50.39C16.4772 50.39 12 54.8672 12 60.39C12 65.9129 16.4772 70.39 22 70.39Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1323\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 2.69495)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'228\' height=\'85\' viewBox=\'0 0 228 85\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1287)\'%3E%3Cpath d=\'M190 45.3049L158.589 3.30493H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath d=\'M184 59C184 70.5979 193.402 80 205 80C216.598 80 226 70.5979 226 59C226 47.402 216.598 38 205 38C193.402 38 184 47.402 184 59Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M205 69C199.477 69 195 64.5228 195 59C195 53.4772 199.477 49 205 49C210.523 49 215 53.4772 215 59C215 64.5228 210.523 69 205 69Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1287\'%3E%3Crect width=\'228\' height=\'80\' fill=\'white\' transform=\'translate(0 2)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'80\' viewBox=\'0 0 158 80\' fill=\'none\'%3E%3Cpath d=\'M120 37L88.5893 79H-1.2815e-06\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 22.5C114.25 10.764 123.764 1.25 135.5 1.25C147.236 1.25 156.75 10.764 156.75 22.5C156.75 34.2361 147.236 43.75 135.5 43.75C123.764 43.75 114.25 34.2361 114.25 22.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cellipse cx=\'135\' cy=\'22\' rx=\'10\' ry=\'10\' transform=\'rotate(180 135 22)\' fill=\'%23E2007A\'/%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1312)\'%3E%3Cpath d=\'M45 60L76.6131 60L158 60\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 82C33.598 82 43 72.598 43 61C43 49.402 33.598 40 22 40C10.402 40 1 49.402 1 61C1 72.598 10.402 82 22 82Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 71C27.5228 71 32 66.5228 32 61C32 55.4772 27.5228 51 22 51C16.4772 51 12 55.4772 12 61C12 66.5228 16.4772 71 22 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1312\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30493)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1661)\'%3E%3Cpath d=\'M38 45.8052L69.4107 3.80518H158\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 81.5C33.598 81.5 43 72.098 43 60.5C43 48.902 33.598 39.5 22 39.5C10.402 39.5 1 48.902 1 60.5C1 72.098 10.402 81.5 22 81.5Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 70.5C27.5228 70.5 32 66.0228 32 60.5C32 54.9772 27.5228 50.5 22 50.5C16.4772 50.5 12 54.9772 12 60.5C12 66.0228 16.4772 70.5 22 70.5Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1661\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'translate(0 2.80518)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); } .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'86\' viewBox=\'0 0 208 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1672)\'%3E%3Cpath d=\'M38 39.8049L69.4107 81.8049H158\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 4.11011C33.598 4.11011 43 13.5121 43 25.1101C43 36.7081 33.598 46.1101 22 46.1101C10.402 46.1101 1 36.7081 1 25.1101C1 13.5121 10.402 4.11011 22 4.11011Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 15.1101C27.5228 15.1101 32 19.5873 32 25.1101C32 30.633 27.5228 35.1101 22 35.1101C16.4772 35.1101 12 30.633 12 25.1101C12 19.5873 16.4772 15.1101 22 15.1101Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1672\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 82.8049)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_828_391)\'%3E%3Cpath d=\'M120 46.3049L88.5893 4.30493H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114 61C114 72.5979 123.402 82 135 82C146.598 82 156 72.5979 156 61C156 49.402 146.598 40 135 40C123.402 40 114 49.402 114 61Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 71C129.477 71 125 66.5228 125 61C125 55.4772 129.477 51 135 51C140.523 51 145 55.4772 145 61C145 66.5228 140.523 71 135 71Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_828_391\'%3E%3Crect width=\'158\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 83.3049)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); } .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-4::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'218\' height=\'86\' viewBox=\'0 0 218 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_828_520)\'%3E%3Cpath d=\'M180 40.3052L148.589 82.3052H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M174 25.6101C174 14.0122 183.402 4.61011 195 4.61011C206.598 4.61011 216 14.0122 216 25.6101C216 37.2081 206.598 46.6101 195 46.6101C183.402 46.6101 174 37.2081 174 25.6101Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M195 15.6101C189.477 15.6101 185 20.0873 185 25.6101C185 31.133 189.477 35.6101 195 35.6101C200.523 35.6101 205 31.133 205 25.6101C205 20.0873 200.523 15.6101 195 15.6101Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_828_520\'%3E%3Crect width=\'218\' height=\'80\' fill=\'white\' transform=\'translate(0 3)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); } .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-1::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cpath d=\'M112 43H85.9048H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114 43C114 54.5979 123.402 64 135 64C146.598 64 156 54.5979 156 43C156 31.402 146.598 22 135 22C123.402 22 114 31.402 114 43Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 53C129.477 53 125 48.5228 125 43C125 37.4772 129.477 33 135 33C140.523 33 145 37.4772 145 43C145 48.5228 140.523 53 135 53Z\' fill=\'%23E2007A\'/%3E%3C/svg%3E'); } .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-2::before {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'158\' height=\'86\' viewBox=\'0 0 158 86\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_826_1637)\'%3E%3Cpath d=\'M120 46.3052L88.5893 4.30518H0\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M114.25 60.8052C114.25 72.5412 123.764 82.0552 135.5 82.0552C147.236 82.0552 156.75 72.5412 156.75 60.8052C156.75 49.0691 147.236 39.5552 135.5 39.5552C123.764 39.5552 114.25 49.0691 114.25 60.8052Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M135 71.3052C129.477 71.3052 125 66.828 125 61.3052C125 55.7823 129.477 51.3052 135 51.3052C140.523 51.3052 145 55.7823 145 61.3052C145 66.828 140.523 71.3052 135 71.3052Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_826_1637\'%3E%3Crect width=\'158\' height=\'80\' fill=\'white\' transform=\'translate(0 3.30518)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); } .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row.info-7::before { content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'208\' height=\'81\' viewBox=\'0 0 208 81\' fill=\'none\'%3E%3Cg clip-path=\'url(%23clip0_938_9)\'%3E%3Cpath d=\'M38 37.6948L69.4107 79.6948H158\' stroke=\'%23FFE800\' stroke-width=\'2\'/%3E%3Cpath opacity=\'0.8\' d=\'M22 2C33.598 2 43 11.402 43 23C43 34.598 33.598 44 22 44C10.402 44 1 34.598 1 23C1 11.402 10.402 2 22 2Z\' fill=\'%23E2007A\' fill-opacity=\'0.2\' stroke=\'white\' stroke-width=\'2.5\'/%3E%3Cpath d=\'M22 13C27.5228 13 32 17.4772 32 23C32 28.5228 27.5228 33 22 33C16.4772 33 12 28.5228 12 23C12 17.4772 16.4772 13 22 13Z\' fill=\'%23E2007A\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_938_9\'%3E%3Crect width=\'208\' height=\'80\' fill=\'white\' transform=\'matrix(1 0 0 -1 0 80.6948)\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); } #how-to-read-invoice #predictions {margin-top: 80px;} #how-to-read-invoice #predictions .predictions_container{display: flex; justify-content: space-between; align-items: center; margin-top: 40px;} #how-to-read-invoice #predictions .predictions_container .single_box{width: 48%;} #how-to-read-invoice #predictions .predictions_container .single_box p{margin-top: 10px;} #how-to-read-invoice #tabs_container {overflow: hidden; margin-top: 80px; border: 1px solid #A5A6A6; border-radius: 30px;} #how-to-read-invoice #tabs_container .tab_menu{display: flex; justify-content: space-between;} #how-to-read-invoice #tabs_container .tab_menu .single_box{width: 50%; padding: 20px;} #how-to-read-invoice #tabs_container .tab_menu .single_box:first-of-type:not(.active_tab){border-bottom: 1px solid #A5A6A6; border-right: 1px solid #A5A6A6; background-color: #F3F3F3; box-shadow: inset -5px -5px 5px -7px #000} #how-to-read-invoice #tabs_container .tab_menu .single_box:last-of-type:not(.active_tab){border-bottom: 1px solid #A5A6A6; border-left: 1px solid #A5A6A6; background-color: #F3F3F3; box-shadow: inset 5px -5px 5px -7px #000;} #how-to-read-invoice #tabs_container .tab_menu .single_box:hover{cursor: pointer; color: #e2007a;} #how-to-read-invoice #tabs_container .tab_menu .single_box.active_tab{color: #e2007a;} #how-to-read-invoice #tabs_container .tab_content .single_tab{display: none;} #how-to-read-invoice #tabs_container .tab_content .single_tab.tab_1{padding: 40px 40px 100px 40px;} #how-to-read-invoice #tabs_container .tab_content .single_tab.tab_2{padding: 40px;} #how-to-read-invoice #tabs_container .tab_content .single_tab.active_tab{display: block;} #how-to-read-invoice #contact_section {margin-top: 80px;} #how-to-read-invoice .chat_container .parent_box{position: relative; margin-top: 35px; padding-right: 45%;} #how-to-read-invoice .chat_container .pb_title{display: flex; align-items: center; margin-bottom: 20px;} #how-to-read-invoice .chat_container .pb_title img{margin-right: 15px;} #how-to-read-invoice .chat_container .pb_img{position: absolute; right: 50px; top: -60px;} #how-to-read-invoice .chat_container .chevron_link{margin-top: 20px;} #how-to-read-invoice .m_container{margin-top: 30px;} #how-to-read-invoice .m_container .parent_box{display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 90px;} #how-to-read-invoice .m_container .parent_box .m_img{position: absolute; left: 35px; top: 27px;} #how-to-read-invoice .form_container{margin-top: 30px;} #how-to-read-invoice .form_container .parent_box{margin-top: 35px; padding-left: 150px; position: relative;} #how-to-read-invoice .form_container .parent_box .container_img{position: absolute; top: 30px; left: 30px;} #how-to-read-invoice .form_container .parent_box .chevron_link_parent{display: flex; align-items: center; justify-content: space-between; margin-top: 15px;} #how-to-read-invoice .parent_box {padding: 30px 40px; background-color: #FFF; box-shadow: 0 1px 10px 0 rgb(31 31 31 / 25%); border: 1px solid transparent; border-radius: 16px;} #how-to-read-invoice .chevron_link{text-decoration: none; display: flex; align-items: center; color: #000;} #how-to-read-invoice .chevron_link:hover{color: #e2007a; cursor: pointer;} #how-to-read-invoice .chevron_link img{margin-right: 10px;} #how-to-read-invoice #bottom_info_box{display: flex; justify-content: space-between; margin-top: 80px;} #how-to-read-invoice #bottom_info_box .single_box {width: calc(50% - 10px); background: #FFF no-repeat left center; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); border: 1px solid #E2007A; border-radius: 16px;} #how-to-read-invoice #bottom_info_box .single_box:first-of-type{background-image: url('/-/media/Additional/smart/img/how-to-read-invoice-new/bottom_box_1.png');} #how-to-read-invoice #bottom_info_box .single_box:last-of-type{background-image: url('/-/media/Additional/smart/img/how-to-read-invoice-new/bottom_box_2.png');} #how-to-read-invoice #bottom_info_box .single_box .content_box{padding: 40px 40px 40px 320px; height: 100%; display: flex; flex-flow: column; justify-content: space-between;} #how-to-read-invoice #bottom_info_box .single_box .content_box .f_btn{margin-top: 30px;} .contrast #how-to-read-invoice #what-we-changed .bottom-left-column .column-row {border-color: #ffe800;} .contrast #how-to-read-invoice #what-we-changed .bottom-right-column .column-row {border-color: #ffe800;} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row {border-color: #FFE800;} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row {border-color: #FFE800;} .contrast #how-to-read-invoice #see-your-invoices .access-box .sign-in-box {border-left: 2px solid #EAEAEA;} .contrast #how-to-read-invoice .mobile_link{display: none !important;} .contrast #how-to-read-invoice .border_link{color: #ffe800 !important;} .contrast #how-to-read-invoice a svg{fill: #ffe800 !important;} .contrast #how-to-read-invoice .border_link::after{display:block ; content: ''; border-bottom: solid 3px #ffe800!important; transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin: 100% 50%;} .contrast #how-to-read-invoice #faq .sh135-accordion-head .acc_head_trigger .acc_arrow{border-color: #ffe800 !important;;} .contrast #how-to-read-invoice #informations .left_semicircle_bg{display: none;} .contrast #how-to-read-invoice #principles .right_semicircle_bg{display: none;} .contrast #how-to-read-invoice #informations .informations_container{border-color: #fff;} .contrast #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{border: 1px solid #fff;} .contrast #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon{border-color: #ffe800 !important;} .contrast #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon svg path{stroke: #ffe800 !important;} .contrast #how-to-read-invoice #video_materials .single_video_box:hover .video_box .play_icon svg path{fill: #ffe800 !important;} .contrast #how-to-read-invoice #video_materials .slide_arrow{border: 2px solid #ffe800 !important;} .contrast #how-to-read-invoice .border_link_container svg path{fill: #ffe800;} .contrast #how-to-read-invoice #video_materials .video_footer_information{background-color: transparent !important;} .contrast #how-to-read-invoice #video_materials .video_footer_information *{background-color: transparent !important;} .contrast #how-to-read-invoice .border_link:hover{color: #ffe800 !important;} .contrast #how-to-read-invoice .border_link.active_border_link{color: #ffe800 !important;} .contrast #how-to-read-invoice .border_link::after{border: 3px solid #ffe800 !important;} .contrast #how-to-read-invoice .border_link:hover:after {transform: scaleX(1); transform-origin: 0 50%;} .contrast #how-to-read-invoice .border_link.active_border_link::after {transform: scaleX(1); transform-origin: 0 50%;} .contrast #how-to-read-invoice .menu_container .page_container .single_box{padding-left: 60px; padding-right: 60px; margin-left: 5px; margin-right: 5px;} .contrast #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{height: calc(100% - 60px);} .contrast #how-to-read-invoice #informations .informations_container .single_box{border: 1px solid #fff;} .contrast #how-to-read-invoice #top {background: none;} .contrast #how-to-read-invoice .menu_container a:nth-child(1) svg path{stroke: #ffe800 !important; fill: #ffe800 !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(2) svg rect{stroke: #ffe800 !important; fill: transparent !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(2) svg path{stroke: #ffe800 !important; fill: #ffe800 !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(3) svg path{fill: #ffe800 !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(4) svg path{fill: #ffe800 !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(5) svg path {stroke: #FFE800 !important;} .contrast #how-to-read-invoice .menu_container a:nth-child(6) svg path{stroke: #ffe800 !important; fill: #ffe800 !important;} .contrast #how-to-read-invoice #see-your-invoices .access-box .log-in-box .access-link{border-color: #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;} .contrast #how-to-read-invoice #see-your-invoices .access-box .sign-in-box .access-link{border-color: #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;} .contrast #how-to-read-invoice .banner-add-opinion .btn-add-opinion {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;} .contrast #how-to-read-invoice .border_link_container{border-color: #ffe800 !important; background-color: #ffe800 !important; color: #000 !important;} .contrast #how-to-read-invoice .chat_container .pb_img{background-color: transparent !important;} .contrast #how-to-read-invoice .chat_container .pb_title img{display: none;} .contrast #how-to-read-invoice .m_container .parent_box{padding: 20px;} .contrast #how-to-read-invoice .m_container .parent_box .m_img{display: none;} .contrast #how-to-read-invoice .parent_box{border: 1px solid #fff;} .contrast #how-to-read-invoice #bottom_info_box .single_box{background-color: transparent !important; overflow: hidden; border-color: #fff !important;} .contrast #how-to-read-invoice #bottom_info_box .single_box .content_box{background-color: transparent !important;} .zoom-x4 .contrast #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{height: 100%;} .zoom-x2 .contrast #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{height: 100%;} .zoom-x2 #how-to-read-invoice #principles .principles_container .single_box, .zoom-x4 #how-to-read-invoice #principles .principles_container .single_box{width: calc(50% - 15px); margin-bottom: 30px;} .zoom-x2 #how-to-read-invoice #principles .principles_container, .zoom-x4 #how-to-read-invoice #principles .principles_container{flex-flow: wrap;} .zoom-x2 #how-to-read-invoice #principles .principles_container .single_box .step_numer::after, .zoom-x4 #how-to-read-invoice #principles .principles_container .single_box .step_numer::after{display: none;} .zoom-x2 #how-to-read-invoice #principles .principles_container .single_box .inside_single_box, .zoom-x4 #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{padding-bottom: 40px;} .zoom-x2 #how-to-read-invoice #informations .informations_container .single_box h4{min-height: 95px;} .zoom-x4 #how-to-read-invoice #informations .informations_container .single_box h4{min-height: 115px;} .zoom-x2 #how-to-read-invoice #principles .principles_container .single_box {margin-bottom: 75px;} .zoom-x4 #how-to-read-invoice #principles .principles_container .single_box {margin-bottom: 75px;} .zoom-x2 #how-to-read-invoice #bottom_info_box{flex-flow: column;} .zoom-x2 #how-to-read-invoice #bottom_info_box .single_box{width: 100%;} .zoom-x2 #how-to-read-invoice #bottom_info_box .single_box:last-of-type{margin-top: 30px;} .zoom-x4 #how-to-read-invoice #bottom_info_box{flex-flow: column;} .zoom-x4 #how-to-read-invoice #bottom_info_box .single_box{width: 100%;} .zoom-x4 #how-to-read-invoice #bottom_info_box .single_box:last-of-type{margin-top: 30px;} #how-to-read-invoice .icon-point.mobile-view {display: none;} #how-to-read-invoice .floating-content .close-tooltip {display: none;} #how-to-read-invoice .desc.additional-info {display: none;} .contrast #how-to-read-invoice {overflow-x: visible;} .contrast #how-to-read-invoice #what-we-changed .bottom-left-column .column-row {background: transparent !important;} .contrast #how-to-read-invoice #what-we-changed .column-row svg {background: transparent !important;} .contrast #how-to-read-invoice #what-we-changed .bottom-right-column .column-row {background: transparent !important;} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row {background: transparent !important;} .contrast #how-to-read-invoice #what-we-changed-2 .column-row svg {background: transparent !important;} .contrast #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row {background: transparent !important;} .contrast #how-to-read-invoice .banner-add-opinion .inner-box .content-box .icon {background: transparent !important;} .contrast #how-to-read-invoice .banner-add-opinion .inner-box .content-box .icon path {fill: #FFE800 !important;} @media(max-width: 1600px){ #how-to-read-invoice #tabs_container .tab_menu .single_box{font-size: 1.8rem;} #how-to-read-invoice .menu_container .page_container {gap: 24px;} #how-to-read-invoice .menu_container .page_container .single_box {margin: 0 !important; padding: 0 24px 0 0 !important; border-bottom: none !important;} #how-to-read-invoice .menu_container .page_container .single_box:last-child {border: none !important;} } @media(max-width: 1450px){ .zoom-x4 #how-to-read-invoice #what-we-changed .bottom-left-column .column-row:first-child{margin-top: 0; margin-bottom: 20px;} .zoom-x4 #how-to-read-invoice #what-we-changed .bottom-left-column{margin-right: 30px;} .zoom-x4 #how-to-read-invoice #what-we-changed .bottom-right-column{margin-left: 30px;} .zoom-x4 #how-to-read-invoice #what-we-changed .bottom-right-column .column-row::before{bottom: 20px;} .zoom-x4 #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row:first-child {margin-top: 0; margin-bottom: 20px;} .zoom-x4 #how-to-read-invoice #what-we-changed-2 .bottom-left-column {margin-right: 30px;} .zoom-x4 #how-to-read-invoice #what-we-changed-2 .bottom-right-column {margin-left: 30px;} .zoom-x4 #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row::before {bottom: 20px;} #how-to-read-invoice .banner-add-opinion .inner-box .content-box {gap: 16px;} } @media all and (max-width: 1430px){ #how-to-read-invoice .page_container{padding-left: 15px; padding-right: 15px;} #how-to-read-invoice #principles .principles_container .single_box .step_numer::after{display: none;} #how-to-read-invoice #informations .bottom_informations_container .single_box{padding-right: 30px;} } @media all and (max-width: 1394px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 20px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child {margin-top: 20px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row.info-7::before {top: -40px;} } @media(max-width: 1330px){ #how-to-read-invoice #bottom_info_box .single_box .content_box{padding: 20px 20px 20px 310px;} } @media all and (max-width: 1328px) { #how-to-read-invoice #what-we-changed-2 .single-col.bottom-right-column .row-title {margin-bottom: 8px;} } @media(max-width: 1300px){ #how-to-read-invoice .form_container .parent_box .chevron_link_parent{flex-flow: column; align-items: flex-start;} #how-to-read-invoice .form_container .parent_box .chevron_link_parent .chevron_link{margin-top: 20px;} } @media(max-width: 1240px){ #how-to-read-invoice #bottom_info_box{flex-flow: column;} #how-to-read-invoice #bottom_info_box .single_box{width: 100%;} #how-to-read-invoice #bottom_info_box .single_box:last-of-type{margin-top: 30px;} } @media all and (max-width: 1050px){ #how-to-read-invoice .f_16{font-size: 1.6rem} #how-to-read-invoice .f_18{font-size: 1.6rem} #how-to-read-invoice .f_20{font-size: 1.8rem} #how-to-read-invoice .f_22{font-size: 2.0rem} #how-to-read-invoice .f_24{font-size: 2.2rem} #how-to-read-invoice .f_26{font-size: 2.4rem} #how-to-read-invoice .f_30{font-size: 2.6rem} #how-to-read-invoice .f_36{font-size: 3.2rem} #how-to-read-invoice .f_42{font-size: 3.8rem} #how-to-read-invoice .m_container .parent_box{flex-flow: column; align-items: flex-start;} #how-to-read-invoice .m_container .parent_box .chevron_link{margin-top: 20px;} } @media all and (max-width: 1380px) and (min-width: 1140px) { #how-to-read-invoice #what-we-changed .bottom-left-column .column-row::before {bottom: 5px;} } @media all and (max-width: 1350px) { #how-to-read-invoice #articles .articles_container.owl-carousel .owl-dots{display: flex;} #how-to-read-invoice #what-we-changed .invoice-img { width: auto; } #how-to-read-invoice #what-we-changed-2 .invoice-img { width: auto; } #how-to-read-invoice #tabs_container .tab_content .single_tab.tab_1{padding-left: 20px; padding-right: 20px;} #how-to-read-invoice #what-we-changed .bottom-left-column .column-row.mobile_right::before {top: 65px;} .zoom-x2 #how-to-read-invoice #what-we-changed .bottom-left-column { margin-right: 40px; } .zoom-x2 #how-to-read-invoice #what-we-changed .bottom-right-column { margin-left: 40px; } .zoom-x2 #how-to-read-invoice #what-we-changed-2 .bottom-left-column { margin-right: 40px; } .zoom-x2 #how-to-read-invoice #what-we-changed-2 .bottom-right-column { margin-left: 40px; } } @media (max-width: 1240px) { #how-to-read-invoice .chat_container .pb_img {right: 5px;} } @media all and (max-width: 1230px) { #how-to-read-invoice #principles .principles_container{flex-flow: wrap;} #how-to-read-invoice #principles .principles_container .single_box{width: calc(50% - 15px); margin-bottom: 30px;} #how-to-read-invoice #principles .principles_container .single_box:last-of-type{width: 100%; margin-bottom: 0;} #how-to-read-invoice #principles .principles_container .single_box:last-of-type .inside_single_box .box_content{padding-bottom: 20px;} #how-to-read-invoice #principles .principles_container .single_box .step_numer{display: none;} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box{height: 100%; padding: 30px;} #how-to-read-invoice #principles .principles_container .single_box .inside_single_box .box_content{padding-bottom: 0; padding-left: 0; padding-right: 0;} #how-to-read-invoice #principles .principles_container .single_box br{display: none;} #how-to-read-invoice #informations .informations_container{flex-flow: wrap;} #how-to-read-invoice #informations .informations_container .single_box{width: calc(50% - 15px); margin-bottom: 30px;} #how-to-read-invoice #informations .informations_container .single_box p{margin-bottom: 20px;} #how-to-read-invoice .border_link_container svg{width: 25px;} .zoom-x2 #how-to-read-invoice #informations .informations_container .single_box h4{min-height: unset;} .zoom-x4 #how-to-read-invoice #informations .informations_container .single_box h4{min-height: unset;} .contrast #how-to-read-invoice #principles .principles_container .single_box{height: fit-content} #how-to-read-invoice #see-your-invoices .access-box { flex-direction: column; align-items: center; } #how-to-read-invoice #see-your-invoices .access-box .sign-in-box { border: 2px solid #EAEAEA; } #how-to-read-invoice #see-your-invoices .access-box .access-col { width: 100%; } } @media all and (max-width: 1186px) { #how-to-read-invoice #what-we-changed .bottom-right-column .column-row::before { bottom: -20px; } #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row::before { bottom: -20px; } } @media all and (max-width: 900px) { #how-to-read-invoice #what-we-changed {max-height: unset;} #how-to-read-invoice #what-we-changed .desc br{display: none;} #how-to-read-invoice #what-we-changed .desc-box { margin-bottom: 32px; } #how-to-read-invoice #what-we-changed .column-row::before { display: none; } #how-to-read-invoice #what-we-changed .invoice-img { transform: translateX(0); display: block; width: 100%; max-width: 350px; height: auto;} #how-to-read-invoice #what-we-changed .bottom-left-column .column-row{padding-left: 0; padding-right: 0;} #how-to-read-invoice #what-we-changed .img-box{transform: none; flex-flow: column;} #how-to-read-invoice #what-we-changed .bottom-left-column{margin-right: 0 !important; width: 100%; max-width: unset;} #how-to-read-invoice #what-we-changed .bottom-right-column{margin-left: 0 !important; width: 100%; max-width: unset;} #how-to-read-invoice #what-we-changed .single-col .row-title{margin-bottom: 25px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row{padding-left: 0; padding-right: 0;} #how-to-read-invoice #what-we-changed .column-row{padding-bottom: 30px !important; margin-bottom: 30px !important; border-bottom: 1px solid #A5A6A6; border-left: 0 !important; border-right: 0 !important;} #how-to-read-invoice #what-we-changed .column-row:first-of-type{margin-top: 0 !important;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-of-type{margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important;} #how-to-read-invoice #what-we-changed .column-row.mobile_left *{text-align: left;} #how-to-read-invoice #what-we-changed .column-row.mobile_right *{text-align: right;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row-title{position: relative; padding-right: 60px;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row-title::after{content: ''; position: absolute; top: -10px; right: 0; display: block; width: 45px; height: 45px; background-image: url('../img/how-to-read-invoice-new/mobile_dot.png'); background-position: center; background-size: cover; background-repeat: no-repeat;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row_desc{padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-right: 2px solid #000;} #how-to-read-invoice #what-we-changed .column-row.mobile_left .row-title{position: relative; padding-left: 60px;} #how-to-read-invoice #what-we-changed .column-row.mobile_left .row-title::before{content: ''; position: absolute; top: -10px; left: 0; display: block; width: 45px; height: 45px; background-image: url('../img/how-to-read-invoice-new/mobile_dot.png'); background-position: center; background-size: cover; background-repeat: no-repeat;} #how-to-read-invoice #what-we-changed .column-row.mobile_left .row_desc{padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-left: 2px solid #000;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row-title {margin: 0 !important; padding: 0 !important;} #how-to-read-invoice #what-we-changed .column-row.mobile_left .row-title {margin: 0 !important; padding: 0 !important;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row-title::after {display: none !important;} #how-to-read-invoice #what-we-changed .column-row.mobile_right .row-title::before {display: none !important;} #how-to-read-invoice #what-we-changed .column-row .row_desc {padding: 0 !important; border: none !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row-title {margin: 0 !important; padding: 0 !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left .row-title {margin: 0 !important; padding: 0 !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row-title::after {display: none !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row-title::before {display: none !important;} #how-to-read-invoice #what-we-changed-2 .column-row .row_desc {padding: 0 !important; border: none !important;} #how-to-read-invoice .icon-point.mobile-view {display: block;} #how-to-read-invoice #what-we-changed-2 {max-height: unset;} #how-to-read-invoice #what-we-changed-2 .desc br {display: none;} #how-to-read-invoice #what-we-changed-2 .desc-box { margin-bottom: 32px; } #how-to-read-invoice #what-we-changed-2 .column-row::before { display: none; } #how-to-read-invoice #what-we-changed-2 .invoice-img { transform: translateX(0); display: block; width: 100%; max-width: 350px; height: auto;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row {padding-right: 0; padding-left: 0;} #how-to-read-invoice #what-we-changed-2 .img-box {transform: none; flex-flow: column;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column {width: 100%; max-width: unset; margin-right: 0 !important;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column {width: 100%; max-width: unset; margin-left: 0 !important;} #how-to-read-invoice #what-we-changed-2 .single-col .row-title {margin-bottom: 25px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row {padding-right: 0; padding-left: 0;} #how-to-read-invoice #what-we-changed-2 .column-row {margin-bottom: 30px !important; padding-bottom: 30px !important; border-right: 0 !important; border-bottom: 1px solid #A5A6A6; border-left: 0 !important;} #how-to-read-invoice #what-we-changed-2 .column-row:first-of-type {margin-top: 0 !important;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-of-type {margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left * {text-align: left;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right * {text-align: right;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row-title {position: relative; padding-right: 60px;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row-title::after {content: ''; position: absolute; top: -10px; right: 0; display: block; width: 45px; height: 45px; background-image: url('../img/how-to-read-invoice-new/mobile_dot.png'); background-position: center; background-size: cover; background-repeat: no-repeat;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right .row_desc {padding-top: 5px; padding-right: 10px; padding-bottom: 5px; border-right: 2px solid #000;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left .row-title {position: relative; padding-left: 60px;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left .row-title::before {content: ''; position: absolute; top: -10px; left: 0; display: block; width: 45px; height: 45px; background-image: url('../img/how-to-read-invoice-new/mobile_dot.png'); background-position: center; background-size: cover; background-repeat: no-repeat;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left .row_desc {padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-left: 2px solid #000;} #how-to-read-invoice #tabs_container .tab_content .single_tab{padding: 20px !important;} #how-to-read-invoice #see-your-invoices {margin-top: 80px;} #how-to-read-invoice .banner-add-opinion {margin-top: 80px;} #how-to-read-invoice #what-we-changed {padding-bottom: 32px;} #how-to-read-invoice #what-we-changed .column-row {margin: 0 !important; padding: 0 !important; border: none;} #how-to-read-invoice #what-we-changed .invoice-img {margin: 0 auto;} #how-to-read-invoice #what-we-changed .bottom-box {padding-bottom: 40px; border-bottom: 1px solid #BABABA;} #how-to-read-invoice #what-we-changed-2 {margin-top: 0; padding: 0;} #how-to-read-invoice #what-we-changed-2 .column-row {margin: 0 !important; padding: 0 !important; border: none;} #how-to-read-invoice #what-we-changed-2 {padding-bottom: 64px;} #how-to-read-invoice #what-we-changed-2 .column-row {margin: 0 !important; padding: 0 !important; border: none;} #how-to-read-invoice #what-we-changed-2 .invoice-img {margin: 0 auto;} #how-to-read-invoice #what-we-changed .img-box {position: relative; max-width: max-content; margin: 0 auto;} #how-to-read-invoice #what-we-changed .column-row.mobile_left .row-title::before {display: none !important;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_left .row-title::before {display: none !important;} #how-to-read-invoice .floating-content {position: absolute; bottom: -4px; transform: translateY(100%); visibility: hidden; width: 100%; opacity: 0; transition: opacity .3s;} #how-to-read-invoice .floating-content .close-tooltip {display: block !important; width: 12px !important; height: auto !important; margin-left: auto !important; cursor: pointer !important;} #how-to-read-invoice .column-row > svg {cursor: pointer;} #how-to-read-invoice #what-we-changed .bottom-box {position: relative; max-width: max-content; margin: 0 auto;} #how-to-read-invoice #what-we-changed-2 .img-box {position: relative; max-width: max-content; margin: 0 auto;} #how-to-read-invoice #what-we-changed .column-row.info-1 {position: absolute; top: 5px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed .column-row.info-1 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed .column-row.info-3 {position: absolute; top: 175px; right: 15px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} #how-to-read-invoice #what-we-changed .column-row.info-3 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed .column-row.info-4 {position: absolute; top: 245px; right: 15px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} #how-to-read-invoice #what-we-changed .column-row.info-4 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed .column-row.info-2 {position: absolute; bottom: 140px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed .column-row.info-2 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed .column-row.info-5 {position: absolute; bottom: 5px; right: 5px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} #how-to-read-invoice #what-we-changed .column-row.info-5 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed .column-row.active {z-index: 3 !important;} #how-to-read-invoice #what-we-changed .column-row.active svg + .floating-content {z-index: 3; visibility: visible; display: flex; flex-direction: column; gap: 4px; max-width: calc(100% - 30px); padding: 10px; opacity: 1; background-color: #EDEDED; text-align: left; border: 1px solid #BABABA; border-radius: 8px;} #how-to-read-invoice #what-we-changed .column-row.mobile_right * {text-align: left;} #how-to-read-invoice #what-we-changed-2 .column-row.active {z-index: 3 !important;} #how-to-read-invoice #what-we-changed-2 .column-row.active svg + .floating-content {z-index: 3; visibility: visible; display: flex; flex-direction: column; gap: 4px; max-width: calc(100% - 30px); padding: 10px; opacity: 1; background-color: #EDEDED; text-align: left; border: 1px solid #BABABA; border-radius: 8px;} #how-to-read-invoice #what-we-changed-2 .column-row.mobile_right * {text-align: left;} #how-to-read-invoice #what-we-changed-2 .single-col .row-title {margin-bottom: 0;} #how-to-read-invoice #what-we-changed-2 .column-row.info-1 {position: absolute; top: 15px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-1 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed-2 .column-row.info-5 {position: absolute; top: 165px; right: 15px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-5 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed-2 .column-row.info-6 {position: absolute; top: 275px; right: 10px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-6 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed-2 .column-row.info-2 {position: absolute; top: 275px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-2 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed-2 .column-row.info-3 {position: absolute; bottom: 210px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-3 svg {display: block; width: auto; height: auto;} #how-to-read-invoice #what-we-changed-2 .column-row.info-4 {position: absolute; bottom: 105px; left: 5px; z-index: 2; display: flex; justify-content: flex-start; width: 100%;} #how-to-read-invoice #what-we-changed-2 .column-row.info-4 svg {display: block; width: auto; height: auto; margin-left: 65px;} } @media all and (max-width: 900px) { #how-to-read-invoice .breadcrumbs {display: none;} #how-to-read-invoice #top{background-image: none; background-color: rgba(115, 218, 223, 0.2);} #how-to-read-invoice #top .page_container{flex-flow: column-reverse;} #how-to-read-invoice #top .single_box:first-of-type{width: fit-content; margin-left: auto; margin-right: auto; margin-bottom: 30px;} #how-to-read-invoice #top .single_box:first-of-type h1{text-align: center; line-height: 1;} #how-to-read-invoice #top .single_box:first-of-type .f_btn{margin-left: auto; margin-right: auto; display: block;} #how-to-read-invoice #top .single_box:last-of-type{width: 100%;} #how-to-read-invoice #top .single_box:last-of-type img{max-width: 80%; display: block; margin-left: auto; margin-right: auto; margin-top: 30px;} #how-to-read-invoice .menu_container {display: none;} #how-to-read-invoice .menu_container .page_container{flex-flow: column;} #how-to-read-invoice #informations .bottom_informations_container{flex-flow: column;} #how-to-read-invoice #informations .bottom_informations_container .single_box{padding-right: 0; display: flex; flex-flow: column; align-content: center;} #how-to-read-invoice #informations .bottom_informations_container .single_box *{text-align: center;} #how-to-read-invoice #informations .bottom_informations_container .single_box p{margin-top: 20px; margin-bottom: 20px;} #how-to-read-invoice #informations .bottom_informations_container .single_box .f_btn{display: block; margin-left: auto; margin-right: auto;} #how-to-read-invoice #informations .bottom_informations_container img{max-width: 75%; display: block; margin-left: auto; margin-right: auto;} #how-to-read-invoice #principles .right_semicircle_bg{display: none;} #how-to-read-invoice #informations .left_semicircle_bg{display: none;} #how-to-read-invoice .mobile_link{display: block !important; margin-left: auto !important; margin-right: auto !important;} .contrast #how-to-read-invoice .mobile_link{display: block !important; margin-left: auto !important; margin-right: auto !important;} #how-to-read-invoice .mobile_link:first-of-type{margin-top: 40px;} #how-to-read-invoice .mobile_link:last-of-type{margin-top: 40px;} #how-to-read-invoice .desktop_link{display: none !important;} #how-to-read-invoice #top .list_box{margin-bottom: 30px;} #how-to-read-invoice #predictions .predictions_container{flex-flow: column;} #how-to-read-invoice #predictions .predictions_container .single_box{width: 100%;} #how-to-read-invoice #predictions .predictions_container .single_box:first-of-type{margin-bottom: 20px;} #how-to-read-invoice #predictions .predictions_container .caret_paragraph svg{margin-right: 10px;} #how-to-read-invoice #top .list_box p{text-align: center;} #how-to-read-invoice #predictions .predictions_container .single_box p{text-align: center;} #how-to-read-invoice #predictions .predictions_container .single_box img{margin-left: auto; margin-right: auto; display: block;} #how-to-read-invoice .chat_container .parent_box{padding: 20px;} #how-to-read-invoice .chat_container .pb_img{display: none;} #how-to-read-invoice .desc.additional-info {display: block;} #how-to-read-invoice .banner-add-opinion .btn-add-opinion {padding: 15px 32px;} } @media all and (min-width: 900px) and (max-width: 1285px) { #how-to-read-invoice .bottom-box .f_18 {font-size: 14px;} #how-to-read-invoice #what-we-changed .bottom-left-column .column-row:first-child {margin-bottom: 90px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child {margin-top: 95px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:first-child {margin-bottom: 90px;} #how-to-read-invoice #what-we-changed .bottom-left-column .column-row {padding-right: 6px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row {padding-left: 6px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row {padding-right: 6px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row {padding-left: 6px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3 {margin-top: 100px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-4 {margin-top: 80px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-2 {margin-top: 70px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child {margin-top: 35px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 90px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column {margin-right: 95px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column {margin-left: 50px;} #how-to-read-invoice #what-we-changed-2 .single-col .row-title {margin-bottom: 12px;} #how-to-read-invoice #what-we-changed .bottom-right-column {margin-left: 80px;} #how-to-read-invoice #what-we-changed .bottom-left-column {margin-right: 110px;} #how-to-read-invoice #what-we-changed .single-col .row-title {margin-bottom: 12px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child::before {top: 45px;} } @media all and (min-width: 900px) and (max-width: 1224px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 70px;} } @media all and (min-width: 900px) and (max-width: 1151.9px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 50px;} } @media all and (min-width: 900px) and (max-width: 1104px) { #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:first-child {margin-bottom: 80px;} #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child {margin-top: 100px} #how-to-read-invoice #what-we-changed .bottom-left-column {margin-right: 75px;} } @media all and (min-width: 900px) and (max-width: 1032px) { #how-to-read-invoice #what-we-changed .bottom-right-column .column-row:last-child {margin-top: 65px} } @media all and (min-width: 900px) and (max-width: 1022px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 30px;} } @media all and (min-width: 900px) and (max-width: 1014px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 60px;} /*#how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:last-child {margin-top: 0;}*/ #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3 {margin-top: 60px;} #how-to-read-invoice .bottom-box .f_18 {font-size: 13px;} #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 55px;} #how-to-read-invoice #what-we-changed-2 .bottom-left-column .column-row.info-3 {margin-top: 105px;} } @media all and (min-width: 900px) and (max-width: 991px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row:first-child {margin-bottom: 35px;} } @media all and (max-width: 900px) { #how-to-read-invoice #what-we-changed-2 .bottom-right-column .column-row.info-7 {position: absolute; top: 205px; right: 15px; z-index: 2; display: flex; justify-content: flex-end; width: 100%;} } @media all and (max-width: 850px) { #how-to-read-invoice #video_materials .page_container{flex-flow: column-reverse;} #how-to-read-invoice #video_materials .page_container .single_box:last-of-type{width: 100%; padding-left: 0; display: flex; align-items: center; flex-flow: column;} #how-to-read-invoice #video_materials .page_container .single_box:first-of-type{width: 100%; margin-top: 10px;} #how-to-read-invoice #video_materials .page_container .vmc_content *{text-align: center;} #how-to-read-invoice #principles .principles_container .single_box{width: 100%;} } @media (max-width: 800px) { #how-to-read-invoice #contact_section *{text-align: center; align-items: center;} #how-to-read-invoice .chat_container .pb_title{flex-flow: column; align-items: flex-start;} #how-to-read-invoice .chat_container .pb_title img{margin-right: 0; margin-bottom: 15px;} #how-to-read-invoice .parent_box{ align-items: center !important; display: flex !important; flex-flow: column !important;} #how-to-read-invoice .m_container .parent_box{padding: 20px !important;} #how-to-read-invoice .m_container .parent_box .m_img{position: static; margin-bottom: 15px;} #how-to-read-invoice .form_container .parent_box{padding: 20px !important;} #how-to-read-invoice .form_container .parent_box .container_img{position: static; margin-bottom: 15px;} } @media all and (max-width: 750px) { #how-to-read-invoice #see-your-invoices .access-box .access-col { flex-direction: column; justify-content: center; } #how-to-read-invoice #see-your-invoices .access-box .access-col { padding: 25px 20px; } #how-to-read-invoice #see-your-invoices .access-box .access-col .desc { text-align: center; } #how-to-read-invoice .banner-add-opinion .inner-box {grid-template-columns: 1fr; padding: 20px;} #how-to-read-invoice .banner-add-opinion .btn-add-opinion {max-width: 275px; margin: 0 auto;} #how-to-read-invoice .banner-add-opinion .inner-box .content-box {grid-template-columns: 1fr; text-align: center;} #how-to-read-invoice .banner-add-opinion .inner-box .content-box .icon {margin: 0 auto;} } @media (max-width: 695px) { #how-to-read-invoice #tabs_container .tab_menu{flex-flow: column;} #how-to-read-invoice #tabs_container .tab_menu .single_box:first-of-type{margin-bottom: 5px !important;} #how-to-read-invoice #tabs_container .tab_menu .single_box{width: 100%; border: 1px solid #A5A6A6; border-radius: 16px; margin-bottom: 20px;} #how-to-read-invoice #tabs_container .tab_menu .single_box:first-of-type:not(.active_tab){box-shadow: none;} #how-to-read-invoice #tabs_container .tab_menu .single_box:last-of-type:not(.active_tab){box-shadow: none;} #how-to-read-invoice #tabs_container .tab_menu .single_box.active_tab{border-color: #e2007a;} #how-to-read-invoice #tabs_container .tab_content .single_tab{padding: 20px !important;} #how-to-read-invoice #tabs_container{border: unset; border-radius: unset;} #how-to-read-invoice #tabs_container .tab_content{border-radius: 16px; border: 1px solid #A5A6A6;} .contrast #how-to-read-invoice #tabs_container .tab_content{overflow: hidden;} .contrast #how-to-read-invoice #tabs_container .tab_menu .single_box.active_tab{border-color: #ffe800 !important;} .contrast #how-to-read-invoice #tabs_container .tab_menu .single_box:hover{border-color: #ffe800 !important;} } @media (max-width: 690px) { #how-to-read-invoice #bottom_info_box .single_box{background-image: none !important;} #how-to-read-invoice #bottom_info_box .single_box .content_box{padding: 20px; text-align: center;} #how-to-read-invoice #bottom_info_box .single_box .content_box .f_btn{margin-left: auto; margin-right: auto; display: block;} } @media all and (max-width: 630px) { #how-to-read-invoice #informations .informations_container .single_box{width: 100%; margin-bottom: 15px;} #how-to-read-invoice #informations .informations_container .single_box:last-of-type{margin-bottom: 0;} #how-to-read-invoice #informations .informations_container .single_box p{margin-bottom: 0; margin-top: 15px;} #how-to-read-invoice #informations .informations_container .single_box .semibold br{display: none;} #how-to-read-invoice #informations .bottom_informations_container img{max-width: 100%;} } @media all and (max-width: 600px) { #how-to-read-invoice .f_16{font-size: 1.6rem} #how-to-read-invoice .f_18{font-size: 1.6rem} #how-to-read-invoice .f_20{font-size: 1.6rem} #how-to-read-invoice .f_22{font-size: 1.8rem} #how-to-read-invoice .f_24{font-size: 2.0rem} #how-to-read-invoice .f_26{font-size: 2.2rem} #how-to-read-invoice .f_30{font-size: 2.4rem} #how-to-read-invoice .f_36{font-size: 2.8rem} #how-to-read-invoice .f_42{font-size: 3.6rem} #how-to-read-invoice #video_materials .video_footer_information { padding-right: 15px; } #how-to-read-invoice #video_materials .video_footer_information .inside_single_box:last-of-type { padding-left: 15px; margin-bottom: 0; width: auto; } #how-to-read-invoice #video_materials .single_video_box .video_box {height: 340px;} #how-to-read-invoice #video_materials .single_video_box .yt_iframe {height: 340px;} #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon { width: 60px; height: 60px; } #how-to-read-invoice #video_materials .single_video_box .video_box .play_icon svg { width: 30px; height: 30px; } #how-to-read-invoice #top .list_box br{display: none;} #how-to-read-invoice #top .list_box p{text-align: center;} #how-to-read-invoice #predictions .predictions_container .single_box br{display: none;} #how-to-read-invoice #predictions .predictions_container .single_box p{text-align: center;} } @media all and (max-width: 380px) { #how-to-read-invoice #what-we-changed .column-row.info-4 {top: 235px;} #how-to-read-invoice #what-we-changed .column-row.info-3 {top: 185px;} } .contrast #how-to-read-invoice .f_btn { display: inline-block; width: 100%;max-width: 255px;padding: 12px 5px;background-color: #FFE800 !important;color: #000 !important;font-size: 20px;font-weight: 600;text-align: center;border: 2px solid #FFE800;border-radius: 4px;} .contrast #how-to-read-invoice .f_btn:hover {background-color: #FFE800 !important;border-color: #FFE800 !important;}