
/* body { font-family: 'Open Sans', sans-serif; font-size: 13px; font-variant: normal; font-style: normal; background-color: #fff; font-weight: 400; color: #717171; overflow-x: hidden;
line-height: normal; } */

.page-title { font-size: 50px; color: #171717; position: relative; font-weight: 400; }
.sub-title-text { font-size: 26px; line-height: 33px; color: #171717; font-weight: 300; }



.invoice-payments-page .page-wrapper { padding-top: 55px; padding-bottom: 60px; }
.invoice-payments-page .page-wrapper .titles { padding-bottom: 50px; }


#darkBluwrap { background-color: #162128; margin: 0px 0 35px; }
.invoicepay_wrap .invoicepay_main .small_width { max-width: 750px; padding: 30px 0; font-size: 16px; line-height: 24px; color: #ffffff; }


/* .invoicepay_wrap .invoicepay_main { width: 1140px; margin: 0 auto; } */
.invoicepay_wrap .features_tabs.invoicepay_main { display: flex; flex-wrap: wrap; }
.invoicepay_wrap .features_tabs.invoicepay_main .span6 { flex: 0 0 50%; }

.invoicepay_main .head_img img { width: 100%; }

.invoicepay_wrap .features_tabs.invoicepay_main .cube_box { min-height: 330px; margin: 0 !important; padding: 40px 15px; border: 1px solid #fff0; display: flex;column-gap: 20px; text-align: left; }
.invoicepay_wrap .features_tabs.invoicepay_main .cube_box.first_cube { border-color: #fff0 #17bbff #17bbff #fff0; position: relative; }
.invoicepay_wrap .features_tabs.invoicepay_main .cube_box.last_cube { border-color: #17bbff #fff0 #fff0 #17bbff; }
.invoicepay_wrap .features_tabs.invoicepay_main .cube_box.first_cube .center_cube { position: absolute; bottom: -25px; right: -50px; background-color: #fff; width: 100px; height: 50px; }

.invoicepay_main .cube_box .img_cude { padding-bottom: 20px; }
.invoicepay_main .cube_box .text_cude { text-align: left; padding-left: 15px; }
.invoicepay_main .cube_box .text_cude .blue_text { color: #0592cb; font-size: 16px; display: block; }
.invoicepay_main .cube_box .text_cude .highlight-text { margin-bottom: 10px; display: block; }
.invoicepay_main .span12 { margin-left: 0 !important; }


.invoicepay_main .cube_box .text_cude ul { list-style: none; padding: 0; margin: 0; }
.invoicepay_main .cube_box .text_cude ul li { background: url(../images_mcpg/bullet_circle.png) no-repeat scroll left 13px #fff0; padding: 5px 10px; }
.highlight-text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #373737; }
.content-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e5e5f; }

@media (max-width: 767px) {
    .page-title { font-size: 35px;}
    .sub-title-text { font-size: 23px; }
    .invoicepay_wrap .invoicepay_main .small_width { font-size: 13px; }
    .invoicepay_wrap .features_tabs.invoicepay_main .cube_box.first_cube .center_cube { display: none; }
    .invoicepay_wrap .features_tabs.invoicepay_main .span6 { flex: 0 0 100%; flex-direction: column; }
    .invoicepay_wrap .features_tabs.invoicepay_main .cube_box.first_cube { border-color: #fff0 #fff0 #17bbff #fff0; }
    .invoicepay_wrap .features_tabs.invoicepay_main .cube_box { min-height: auto; border-color: #fff0 #fff0 #17bbff #fff0; }
    .invoicepay_wrap .features_tabs.invoicepay_main .cube_box.last_cube { border-color: #fff0 #fff0 #fff0 #fff0; }

}


























































