/* created by Paywiser team 2023-2024 */
/* font settings */
@font-face {
	font-family: 'MontserratThin';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(/font-face/Montserrat-Thin.woff2) format('woff2');
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'MontserratBold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'MontserratBold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/font-face/Montserrat-Regular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'MontserratBold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/font-face/Montserrat-Bold.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'MontserratBold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/font-face/Montserrat-Bold.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* icons */
@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	src: url(/font-face/MaterialIconsOutlined-Regular.woff2) format('woff2');
}

html, body {height: 100%;}
html {scroll-behavior: smooth;}
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	background: #fff;
	color: #231F20;
}
strong {font-family: 'MontserratBold', sans-serif!important; font-weight: 700;}
.br-1024, .br-ipxl, .br-768, .br-736, .br-667, .br-568, .br-414, .br-375, .br-360, .br-320, .br-ipdport {display: none;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1220px;}
.no-bottom-margin {margin-bottom: 0!important;}
.view-pc, .view-mb, .hide {display: none;}
.alert {background: rgba(0,180,218,0.2); line-height: 1.6;}
.alert svg {width: 16px; height: 16px;}
a {color: #008DD2;}
a:hover {color: #00B4DA;}
figure {text-align: center;}
figure img {margin-bottom: 10px;}
figcaption {text-align: center; font-style: italic; color: #292C5E;}
.remarks {font-size: 80%;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24;
	vertical-align: middle;
}
.big-icon {
	display: inline-block;
	margin: 2% 0;
	padding: 20px;
	line-height: 1;
	border-radius: 50%;
	border: 3px solid #231F20;
}
.big-icon-noborder {
	display: inline-block;
	margin: 0 0 2%;
	line-height: 1;
}
.big-icon .material-symbols-outlined {font-size: 400%; line-height: 1;}
.big-icon-noborder .material-symbols-outlined {font-size: 500%; line-height: 1;} 

.sticky {position: fixed; top: 0; width: 100%; z-index: 99999; padding-top: 10px!important; padding-bottom: 10px!important; box-shadow: 0 0 3px #999; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.section-box {padding: 60px 0;}
.subsection-box {margin-bottom: 30px;}
.section-title {font-size: 2.75rem; color: #1598D5; text-align: center; margin-top: 0; margin-bottom: 24px; text-transform: capitalize;}
.section-subtitle {font-size: 1.5rem; color: #292C5E; text-align: center; line-height: 1.4;}

.accordion-button {font-family: 'MontserratBold', sans-serif; font-weight: 700; color: #292C5E;}
.accordion-button:not(.collapsed) {background-color: rgba(0,180,218,0.1);}
.accordion-body .material-symbols-outlined {font-size: 70%;}

/* color setting */
.main-grey {color: #231F20;}
.main-blue {color: #1598D5;}
.light-blue {color: #00B4DA;}
.light-grey {color: #9C9CA6;}
.navy, .navy-blue {color: #292C5E;}
.success, .txt-green {color: #30B566;}
.danger, .text-red {color: #D41F3A;}
.warning, .text-yellow {color: #FFC10D;}
.bg-main-grey {background-color: #231F20;}
.bg-main-blue {background-color: #1598D5;}
.bg-light-blue {background-color: #00B4DA;}
.bg-light-grey {background-color: #9C9CA6;}
.bg-yellow {background-color: #FFC10D;}
.bg-light-yellow {background-color: #FBDB8D;}
.bg-teal {background-color: #2898AA;}
.bg-light-teal {background-color: #D7EBF6;}
.bg-purple {background-color: #6366AE;}
.bg-lavender {background-color: #AD6DAD;}
.bg-light-red {background-color: #EA839C;}
.bg-b01 {background-color: rgba(0,141,210,0.05);}
.bg-b02 {background-color: rgba(0,141,210,0.1);}
.bg-b03 {background-color: rgba(0,141,210,0.15);}
.bg-b04 {background-color: rgba(0,141,210,0.2);}
.bg-lb01 {background-color: rgba(0,180,218,0.05);}
.bg-lb02 {background-color: rgba(0,180,218,0.1);}
.bg-lb03 {background-color: rgba(0,180,218,0.15);}
.bg-lb04 {background-color: rgba(0,180,218,0.2);}

/* buttons */
.btn {text-decoration: none; text-transform: uppercase; border-radius: 6px; min-width: 120px;}
.btn:hover {background-color: #1598D5; border-color: #1598D5;}
.btn-primary {background-color: #1598D5; border-color: #1598D5;}
.btn-outline-primary {color: #1598D5; border-color: #1598D5;}
.nav-link:focus, .nav-link:hover {color: #1598D5;}

/* listing */
ul {list-style-type: square; padding-left: 20px;}
li {margin-bottom: 16px;}
li li {margin-bottom: 10px;}
ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}
ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 16px;
}
ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;    
}
li ol > li {margin: 0 0 10px;}
li ol > li:before {content: counters(item, ".") " ";}
ol.list-letter {list-style: none; counter-reset: item;}
ol.list-letter li {counter-increment: section;}
ol.list-letter li::before {counter-increment: item; content: counter(item, lower-alpha)".";}
ol.list-letter ul {counter-reset: item;}
ol.list-letter ul li::before {content: none;}
.no-lists {list-style-type: none; padding-left: 0;}

/* tables */
.table-hover>tbody>tr:hover>* {background-color: #f3fdff; --bs-table-color-state:none; --bs-table-bg-state:none;}
th {background: rgba(0,0,0,0.05)!important;}

/* header */
.bg-body-tertiary {background-color: transparent!important;}
#pwsrHeader {line-height: 44px; padding-top: 20px; padding-bottom: 20px; background: rgba(255,255,255,0.8);}
#pwsrTopNavBX .navbar {padding-top: 0; padding-bottom: 0;}
#pwsrTopNavBX .navbar .material-symbols-outlined, #pwsrFooterLower .material-symbols-outlined {font-size: 80%;}
#pwsrTopNavBX .nav-link {padding: 0 10px; font-size: 100%;}
#pwsrTopNavBX .dropdown-menu {box-shadow: 0 0 5px #ccc; z-index: 99999;}
#pwsrTopNavBX .dropdown-item {padding-top: 0; padding-bottom: 0; font-size: 90%;}
#pwseLangSwtch {vertical-align: middle;}
#pwseLangSwtch .material-symbols-outlined {display: inline-block; line-height: 44px; vertical-align: middle; color: #999;}
#pwseLangSwtch .form-select {max-width: 120px; display: inline-block; font-size: 90%;}
.sticky + body {padding-top: 102px;}

/* top banner */
.topbanner-wrapper {
	padding: 20px;
	background-color: rgba(251, 219, 141, 0.4);
	border-radius: 0 0 10px 10px;
	position: relative;
	box-shadow: 0 0 3px #999;
	margin-bottom: 16px;
}
.topbanner-wrapper p:last-child {margin-bottom: 0!important;}
#tbnnrClose {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #D41F3A;
}

/* footer */
#pwsrFooter {padding: 44px 0; background: #fff;}
#pwsrFooter a {text-decoration: none;}
#pwsrFooterTopper {padding-bottom: 44px;}
#pwsrFooterLogo img {height: 50px; width: auto;}
#ftrIconConnected {list-style-type: none; padding: 0; margin: 0; line-height: 36px;}
#ftrIconConnected h3 {font-size: 150%;}
#ftrIconConnected li {display: inline-block; margin-right: 16px; vertical-align: middle;}
#ftrIconConnected img {height: 18px; width: auto; vertical-align: middle;}
#ftrIconConnected a {
	padding: 10px;
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 22px;
	line-height: 1;
	opacity: 0.6;
}
#ftrIconConnected a:hover {opacity: 1;}
.bttm-icon-fb {background: #1877F2;}
.bttm-icon-lkin {background: #0072b1;}
.bttm-icon-x {background: #14171A;}
.bttm-icon-ig {background: #fa7e1e;}
.bttm-icon-mail {background: #87D0F3;}
#pwsrFooterLower {padding-bottom: 44px; color: #666; font-size: 85%;}
#pwsrFooterLower h3 {font-size: 150%; color: #666;}
#pwsrFooterLower ul {margin-bottom: 0;}
#pwsrFooterLower li {margin-bottom: 5px;}
#pwsrFooterLower a {color: #333;}
#pwsrFooterLower a:hover {color: #222; text-decoration: underline;}
#pwsrCopyright {margin-bottom: 0; color: #666; text-align: justify; font-size: 85%;}

/* back to top */
#back2top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 44px;
	height: 44px;
	line-height: 1;
}
#back2top a {
	display: block;
	padding: 10px;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	background: #eee;
	color: #666;
}
#back2top a:hover {background: #ddd;}

/* bottom privacy box */
#bottomPrivacyBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px 0;
	font-size: 90%;
	background: rgba(255,255,255,0.6);
	backdrop-filter: blur(7px);
	z-index: 9999;
}
#brbInner {
	padding: 20px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 0 5px #999;
}
#brbInner h3 {font-family: 'MontserratBold', sans-serif; font-size: 120%; font-weight: 700;}

/* contact bottom */
#contactBottomBx h3 {font-family: 'MontserratBold', sans-serif; margin:0; font-weight: 700; font-size: 250%;}

/* apply bottom */
#applyBottom h3 {font-family: 'MontserratBold', sans-serif; font-size: 200%; font-weight: 700; margin-bottom: 20px;}

/* page header & title */
#pageHeader {padding-top: 44px;}
#pageHeader h1 {
	font-family: 'MontserratThin', sans-serif;
	font-size: 4.5rem;
	font-weight: 300;
	color: #9C9CA6;
}
.breadcrumb ul, .breadcrumb {list-style-type: none!important; padding-left: 0; color: #9C9CA6;}
.breadcrumb li {display: inline; margin-right: 10px;}
.bcmb-active {font-family: 'MontserratBold', sans-serif; font-weight: 700; color: #1598D5;}
.breadcrumb a {text-decoration: none; color: #9C9CA6;}
.breadcrumb a:hover {text-decoration: underline;}
#pageIntro {
	padding: 120px 0;
	text-align: center;
	background: #87D0F3 url('../img/pwsr-page-intro-bg.jpg') center center;
	background-size: cover;
}
#pageIntro h3 {font-family: 'Montserrat', sans-serif; font-size: 4rem; color: #1598D5; margin-top: 0;}
.page-intro-subtitle {color:#292C5E; font-family: 'MontserratBold', sans-serif; font-size: 1.5rem; font-weight: 700;}

/* branches & locations */
.pwsr-location-sec {padding: 30px 0; border-top: 1px dotted #ccc;}
.pwsr-location-sec h3 {
	font-family: 'MontserratBold', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #ccc;
}
.pwsr-location-sec h4 {color: #1598D5;}

/* home page */
video {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.video-wrapper {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.herobody {
	position: relative;
	color: white;
	text-shadow: 1px 1px 8px rgba(0,0,0,0.8);
}
#herosec {
	padding: 0;
	background-color: #008DD2;
	color: #fff;
	text-shadow: 0 0 5px #222;
}
#herosec h3 {font-family: 'MontserratBold', sans-serif; font-size: 4rem; text-shadow: 1px 1px 4px rgba(0,0,0,0.8);}
#herosec h4 {font-size: 2.75rem; font-weight: 700;}
#introHomeRight {font-size: 1.5rem;}
#introHomeRight img {width: 24px; height: 24px; vertical-align: middle;}
#introHomeRight li {margin-bottom: 20px;}
#home360 {background-color: #fcfcff; font-size: 1.5rem;}
#home360 ul strong {color: #008DD2;}
#homeServices {background-color: #e6f7fb; padding-bottom: 0;}
.hsv-subbox {padding: 60px 0;}
.shvs01 {background-color: rgba(0,0,0,0.03);}
.shvs02 {background-color: rgba(0,0,0,0.05);}
.hsv-subbox h3 {font-family: 'MontserratBold', sans-serif; font-size: 1.5rem; font-weight: 700; color: #008DD2;}
.shvs-pict, .shvs2-pict {margin-bottom: 20px;}
.shvs-pict img, .shvs2-pict img {max-width: 30%; height: auto;}
#paymentSecPaywiser {}
.wpwsrcontbox {padding: 24px; background-color: rgba(255,255,255,0.6); border-radius: 16px; margin-bottom: 24px;}
.wpwsrcontbox h3 {font-size: 1.5rem; color: #008DD2;}
.wpwsr-pict {margin-bottom: 20px;}
.wpwsr-pict img {max-width: 20%;}
#gpayHome {background-color: #e6f7fb;}
#gpyhm01, #gpyhm02 {margin-bottom: 24px;}
#gpyhm01 img {max-width: 300px;}
#gpyhm02 img {max-width: 70px;}
#gpayslides {border-radius: 16px; over-flow: hidden;}
#gpayslides img {border-radius: 16px;}
#downloadAPP {background-color:#ccf0f8; padding-bottom:0;}
.dwnapp-box {padding: 60px 0;}
.dwnapp01 {background-color: rgba(0,0,0,0.03);}
.dwnapp02 {background-color: rgba(0,0,0,0.05);}
.dwldpctwrp img {margin-bottom: -60px;}
.gpbox {padding: 10px; border-radius: 6px; margin-bottom: 16px; font-weight: bold;}

/* our company page */
#ourCompanySec01 {}
#ocsec1 {font-size: 2rem;}
#ocsec1 ul {margin: 0;}
#ocsec1 strong {font-family: 'MontserratBold', sans-serif; color: #1598D5; font-weight: 700;}
#ourCompanySec02 h3 {color: #1598D5; margin-bottom: 24px;}
#ourCompanySec03 {background-color: #E9F6FA; font-size: 1rem;}
#ourCompanySec04 {background-color: #DCECF7; font-size: 1rem;}
#ourCompanySec05 {background-color: #CBDEEC; font-size: 1rem;}

/* news */
.news-list-wrapped {margin-bottom: 24px;}
.news-list-wrapped h3 {font-family: 'MontserratBold', sans-serif; font-size: 120%; font-weight: 700; color: #292C5E;}
#newsCover img, .news-list-picture img {border-radius: 6px;}
#newsCover {margin-bottom: 24px;}
#publishedDate {margin-bottom: 32px; font-style: italic; color: #9C9CA6;}

/* contact */
#contactSec {background-color: #e6f7fb;}
.contact-wrapper {padding: 24px; background-color: #fff; border-radius: 16px;}
.contact-wrapper sup {color: #D41F3A;}
.form-agreement-box {padding: 16px; border: 3px solid #00B4DA; border-radius: 6px; margin-bottom: 16px;}
.button-set {padding-top: 32px; text-align: center;}
.contact-feedback-box {padding: 10% 0; min-height: 600px;}
.cf-box-wrapper {margin: 0 auto; padding: 24px; width: 85%; border: 1px solid #9C9CA6; border-radius: 6px;}
.cf-box-wrapper .big-icon {border-color: #30B566;}
.cf-box-wrapper .big-icon .material-symbols-outlined {color: #30B566;}

/* faq */
#faqWrapper {padding-top: 2%;}
#faqWrapper .accordion-header, #faqWrapper .accordion-button {font-family: 'MontserratBold', sans-serif; font-weight: 700;}
#faqWrapper .accordion-button .material-symbols-outlined {margin-right: 16px;}
#termsFrame {width: 100%; height: 100%; min-height: 1200px; border: none;}
#faqMain h3 {margin-bottom: 40px;}
#faqWrapper .accordion {margin-top: 40px;}

/* terms & conditions */
#termsWrapper {padding-top: 2%;}
#termsFrame {width: 100%; height: 100%; min-height: 1200px; border: none;}
.sectionbox {padding-top: 200px;}
#termsWrapper .sectionbox:first-child {padding-top: 40px;}
.sectionbox p, .sectionbox li {text-align: justify;}
.subsection, .subsectionbox {margin-bottom: 60px;}
.sectionbox h2 {font-size: 240%; color: #008DD2; margin-top: 5%; margin-bottom: 0; text-align: center;}
.sectionbox h2:first-child {margin-top: 0;}
.sectionbox h3 {font-size: 180%; margin-top: 40px;}
.sectionbox h4 {font-size: 120%; margin-top: 40px; font-weight: bold;}
.sectionbox h5 {font-size: 100%; margin-top: 40px; font-weight: bold;}
.sectionbox h6 {font-size: 90%; margin-top: 40px; font-weight: bold;}
.hd-titletxt {font-family: 'MontserratBold', sans-serif; margin-top: 20px!important; margin-bottom: 20px!important; font-weight: 700;}
.hd-subtitletxt {margin-top: 20px!important; margin-bottom: 30px!important; color: gray;}

/* payments */
#paymentSec02 {font-family: 'MontserratBold', sans-serif; font-size: 140%; font-weight: 700;}
#paymentSec03 {text-align: center;}
#paymentTag {text-align:center;}
#paymentTag .img-fluid {max-width: 80%;}

/* cards */
#piCards li {display: inline;}
#whyCardWiser h3 {font-family: 'MontserratBold', sans-serif; font-weight: 700;}

/* personal account */
#personalAccountSec01 {font-size: 120%;}

/* business account */
#businessAccountSec01 {font-size: 120%;}

/* send funds 24/7 */
#sendFund24box h3.section-subtitle {margin-bottom: 40px;}
.sf24icon {margin-bottom: 20px;}
.sf24icon .material-symbols-outlined {font-size: 400%;}
.sf24arrow .material-symbols-outlined {font-size: 300%;}

/* support */
#supportBannerBox h4 {margin: 0 0 20px;}

/* system check */
#systemCheckFrame {width: 100%; border: none; min-height: 600px;}

/* treating customer fairly */
#treatingCustomerFairlyFrame {width: 100%; border: none; min-height: 600px;}

/* cookies */
.cookies-page h3 {font-weight: bold;}

/* sitemap */
#sitemapSec h3 {margin-top: 44px;}
#sitemapSec li .material-symbols-outlined {font-size: 1rem;}

/* documentation/API */
#sidebarwrapper {
	padding: 16px;
	background: rgba(0,180,218,0.1);
}
#sidebarwrapper > ul {
	list-style-type: none;
	padding-left: 0;
}
#sidebarwrapper > ul > li {
	margin-bottom: 20px;
}
#sidebarwrapper ul ul li {margin-bottom: 5px;}
#sidebarwrapper h1 img {max-height: 64px; width: auto; margin: 0 auto 10px; display: inline;}
#sidebarwrapper a {text-decoration: none;}
#sidebarwrapper, #codeWrapper {min-height: 600px;}
#searchBox {margin-bottom: 30px;}
#searchBox .form-control {border-color: #00B4DA;}
#searchBox .material-symbols-outlined {line-height: 36px;}
#searchBox .btn-outline-secondary {border-color: #00B4DA; color: #00B4DA;}
#codeWrapper {
	padding: 16px;
	background: #f9f9f9;
	border-left: 1px solid #ddd;
}
#mainContentFrame {
	border: none;
	width: 100%;
	height: 100%;
	min-height: 1600px;
}
.doc-content {padding: 0 20px 10%;}
.doc-content h1 {color: #9C9CA6; text-transform: uppercase;}
.doc-content h2 {color: #00B4DA;}
.doc-content h3 {margin-top: 40px;}
.tab-wrapper {padding: 16px; border-radius: 10px; background: #f8f8f8; margin-bottom: 40px; box-shadow: inset 0 0 5px #ccc;}
.tab-content {padding-top: 20px; padding-bottom: 20px;}
.doc-content .tab-php pre {padding: 20px; border-radius: 10px; background: rgba(41,44,94,0.1); color: #292C5E;}
.doc-content .tab-html pre {padding: 20px; border-radius: 10px; background: rgba(156,156,166,0.1); color: #292C5E;}
.doc-content .nav {border-bottom-color: #ccc;}
.doc-content .nav-tabs .nav-item.show .nav-link, .doc-content .nav-tabs .nav-link.active {border-color: #ccc;}
.doc-content .nav-tabs .nav-link.active {background: #f8f8f8; border-bottom-color: #f8f8f8;}
.doc-content .nav-tabs .nav-link {background: rgba(0,0,0,0.1);}

/* Google Pay page */
#gPayNav a:hover {text-decoration: underline;}
#gpayHome {background-color: #e6f7fb;}
#gpyhm01, #gpyhm02 {margin-bottom: 24px;}
#gpyhm01 img {max-width: 300px;}
#gpyhm02 img, .gpyhm-tag img {height: 45px;}
#gpyhm03 img, #gpyhm04 img, #gpyhm05 img, #gpyhm06 img, #gpyhm07 img {height: 50px; margin-bottom: 16px;}
#gpayslides {border-radius: 16px; over-flow: hidden;}
#gpayslides img {border-radius: 16px;}
#downloadAPP {background-color:#ccf0f8; padding-bottom:0;}
.dwnapp-box {padding: 60px 0;}
.dwnapp01 {background-color: rgba(0,0,0,0.03);}
.dwnapp02 {background-color: rgba(0,0,0,0.05);}
.dwldpctwrp img {margin-bottom: -60px;}
.gpbox {padding: 10px; border-radius: 6px; margin-bottom: 16px; font-weight: bold;}
.sec4pict img {max-width: 70%;}
.numpad {margin: 20px auto;}
.numpad span {
	padding: 14px 20px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #00B4DA;
	border-radius: 30px;
	display: inline-block;
}
#gpaySec05 .accordion { margin-bottom: 20px;}

/* partners & providers */
.iconslider {position: relative; overflow: hidden;}
.iconslider__wrapper {display: flex; transition: transform 0.6s ease;}
.iconslider__item {flex: 0 0 25%; max-width: 25%;}
.iconslider__control {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	height: 50px;
	transform: translateY(-25%);
	background: rgba(0, 0, 0, .5);
}
.iconslider__control:hover, .iconslider__control:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
}
.iconslider__control_left {left: 0;}
.iconslider__control_right {right: 0;}
.iconslider__control::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}
.iconslider__control_left::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.iconslider__control_right::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.iconslider__item>div {
	line-height: 250px;
	font-size: 6.25rem;
	text-align: center;
}

@media screen and (max-width: 1366px) {
}

@media screen and (min-width: 641px) {
	.view-pc, .br-768 {display: block;}
	#pwsrFooter {padding-top: 64px;}
	#pwsrFooterTopper, #pwsrFooterLower {padding-bottom: 64px;}
	#pwsrTopNavBX .navbar {justify-content: right;}
	#tnAction {margin-left: 20px;}
	#tnAction a.btn {font-size: 0.813rem;}
	#pwsrTopNavBX, #pwseLangSwtch {padding-top: 7px;}
	
	#herosec {min-height: 650px;}
	#herosec h3 {margin-top: 7%;}
	#introHomeRight {padding-top: 10%;}
	#gpyhm01 {margin-top: 15%;}
	.dwnapp01 h3 {margin-top: 15%;}
	.dwnapp02 h3 {margin-top: 10%;}
	
	.ocs2t1 {padding-top: 8%;}
	.ocs2t2 {padding-top: 5%;}
	.ocs2t3 {padding-top: 5%;}
	.ocs2t4 {padding-top: 8%;}
	
	.contact-us-pict {padding-top: 10%;}
	.cbtm-right {text-align: right;}
	.cbtm2-right {text-align: right; padding-top: 2%;}
	#paymentSec02 .section-title {margin-bottom: 4%;}
	#paymentTag {padding-top: 7%;}
	.pstpbox {min-height: 600px;}
	
	#getCardSec01 h2, #getCardSec02 h2 {text-align: left;}
	#gctxt01, #gctxt02 {margin-top: 15%;}
	.cardsbox {min-height: 900px;}
	#whyCardWiser h3 {margin: 40px 0 20px;}
	
	#patxt01, #batxt01 {margin-top: 15%;}
	.sf24arrow .material-symbols-outlined {margin-top: 10%;}
	
	#systemCheckFrame {min-height: 800px;}
	#treatingCustomerFairlyFrame {min-height: 1200px;}
	
	#appxB1hd, #appxC1hd, #appxD1hd {width: 20%;}

	#gpyhm03, #gpyhm04, #gpyhm06, #gpyhm07 {margin-top: 15%;}
	#gpyhm05 {margin-top: 20%;}

}

@media (min-width: 1366px) and (max-width: 1368px) { /* tablet landscape */
	#pwsrTopNavBX .nav-link {font-size: 70%;}
	#pwseLangSwtch .form-select {max-width: 90px;}
	#herosec, .video-wrapper {min-height: 450px; height: 450px; overflow: hidden;}
	#herosec h3 {margin-top: 0;}
}
@media screen and (width: 1024px) { /* tablet landscape */
	#pwsrHeader .container {overflow: auto;}
	#pwsrTopNavBX .nav-link {font-size: 70%;}
	#pwseLangSwtch .form-select {max-width: 90px;}
	#herosec, .video-wrapper {min-height: 450px; height: 450px; overflow: hidden;}
	#herosec h3 {margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 912px) { /* tablet portrait */

	.br-ipdport {display: block;}
	#pwseLangSwtch {width: 25%;}
	#pwsrTopNavBX {width: 100%;}
	.navbar>.container-fluid {justify-content: flex-end;}
	#pwsrTopNavBX .navbar-toggler {margin-top: -60px;}
	#sitemapSec h3 {font-size: 1.5rem;}
	#sitemapSec h3:nth-child(1), #sitemapSec h3:nth-child(2), #sitemapSec h3:nth-child(3) {margin-top: 0;}
	#sitemapSec {padding-top: 0;}
	#herosec, .video-wrapper {min-height: 350px; height: 350px; overflow: hidden;}
	#herosec h3 {margin-top: 0; font-size: 2.75rem;}
	.section-title {font-size: 2.25rem;}
	.gpbox {font-size: 0.75rem;}
	#introHomeRight, .wpwsrcontbox h3 {padding-top: 5%; font-size: 1rem;}
	#gpyhm01, #patxt01, #batxt01 {margin-top: 0;}
	#gpyhm02 img {max-width: 80px;}
	#pwsrFooterLower .col {width: 100%; flex: none; padding-bottom: 20px;}
	#pwsrFooterLower ul {list-style-type: square; padding-left: 0;}
	#pwsrFooterLower ul li {display: inline; margin-right: 20px;}
	#pwsrFooterLower ul li::before {content: '∎';}
	.dwnapp01, .dwnapp02 {padding-top: 20px; padding-bottom: 0;}
	.dwnapp01 h3, .dwnapp02 h3 {margin-top: 0; font-size: 1rem;}
	#pageHeader h1 {font-size: 4rem;}
	#pageIntro h3 {font-size: 2.75rem;}
	#contactBottomBx h3 {font-size: 1.75rem;}
	.ocs2t1 {padding-top: 0;}
	.pstpbox h3 {font-size: 1.125rem;}
	#getCardSec01 h2, #getCardSec02 h2 {margin-top: 0;}
	.cardsbox {min-height: 940px;}
	#sitemapSec ul {margin-bottom: 40px;}
	#sidebarMenu .card-body {overflow: scroll;}
}

@media screen and (max-width: 640px) {
	.view-mb, .br-667 {display: block;}
	.container {overflow: hidden;}
	.navbar>.container-fluid {justify-content: flex-end;}
	#pwsrTopNavBX .navbar-toggler {margin-top: -45px;}
	#pwsrTopNavBX .dropdown-menu {box-shadow: none;}
	#pwseLogo, #pwseLangSwtch {text-align: center;}
	#pwseLogo img {max-width: 60%;}
	#herosec h3 {font-size: 2rem; margin-top: 8%;}
	#herosec h4 {font-size: 18px;}
	#herosec, .video-wrapper {min-height: 250px; height: 250px; overflow: hidden;}
	.herobody {position: absolute; left: 0; top: 15%; width: 100%;}
	#pwsrFooterLogo img {margin-bottom: 10px;}
	#pwsrFooterLogo, #ftrIconConnected {text-align: center;}
	#ftrIconConnected li {margin-right: 6px;}
	#ftrIconConnected li:first-child {display: block; margin-right: 0;}
	#pwsrFooterLower .col {width: 100%; margin-left: 0; margin-right: 0; display: block; margin-bottom: 24px; flex: none;}
	.gpaycont {margin-bottom: 24px;}
	#gpyhm01 {text-align: center;}
	.dwnapp-box {padding-bottom: 0;}
	#pageHeader h1, #pageIntro h3 {font-size: 2rem;}
	.pwsr-location-sec h3 {font-size: 260%;}
	.pwsr-location-sec h4 {margin-top: 30px;}
	#ocsec1 {font-size: 1.5rem;}
	.cbtm-left {text-align: center;}
	.cbtm-right {text-align: center;}
	.section-title {font-size: 1.875rem;}
	#introHomeRight a {margin-left: 30%;}
	.shvs01 .col-sm-12 {margin-bottom: 40px;}
	.shvs01 .col-sm-12:last-child {margin-bottom: 0;}
	.wpwsrcontbox {margin-bottom: 20px;}
	#whyPaywiser .col-sm-12:nth-child(4) .wpwsrcontbox {margin-top: 20px; margin-bottom: 0;}
	#pageIntro {padding: 60px 0;}
	#contactBottomBx h3 {font-size: 200%; margin-bottom: 20px;}
	#applyBottom .col-sm-12:first-child {margin-bottom: 40px;}
	#piCards li img.img-fluid {max-width: 40%;}
	.cardsbox {margin-bottom: 20px;}
	.sf24arrow .material-symbols-outlined {rotate: 90deg;}
	.sec-footer-linkbox a:first-child {margin-bottom: 16px;}
	#sitemapSec {padding-top: 0;}
	#gPayNav li {width: 100%; display: block;}
	#gpyhm02 img {max-width: 80px;}
	#gpaySec02, #gpaySec03 {text-align: center;}
	#gpaySec02 .img-fluid, #gpaySec03 .img-fluid {margin-bottom: 16px;}
	#gpayHome {text-align: center;}
	#docSidebar {margin-bottom: 44px;}
	#termsWrapper #sidebarMenu {margin-bottom: 44px; background-color: #FBDB8D; padding-top: 16px; padding-bottom: 16px;}
	#sidebarMB {margin-bottom: 15%; padding: 16px; background-color: #FBDB8D; border-radius: 5px;}
}
@media only screen and (max-width: 600px) {
	#termsWrapper .sectionbox {padding-top: 330px;}
	#termsWrapper .sectionbox h2 {font-size: 150%;}
	#termsWrapper .sectionbox h3 {font-size: 120%;}
}

@media screen and (max-width: 376px) {
	#termsWrapper .sectionbox { padding-top: 250px;}
	#downloadAPP .btn {font-size: 0.875rem;}
}
@media screen and (max-width: 360px) {
	#termsWrapper .sectionbox { padding-top: 185px;}
	#downloadAPP .btn {font-size: 0.875rem;}
}