@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Prompt:wght@200;300;400;500;600&display=swap');

@font-face {
  font-family: 'General Sans Med';
  src: url('https://uat.www.uppass.io/fonts/generalsans/GeneralSans-Medium.woff2');
  font-style: normal;
  font-display: swap;
  letter-spacing: 0.35px;
}

@font-face {
  font-family: 'General Sans Semibold';
  src: url('https://uat.www.uppass.io/fonts/generalsans/GeneralSans-Semibold.woff2');
  font-style: normal;
  font-display: swap;
  letter-spacing: 0.35px;
}
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap');


.center-block{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content{
	color:#2A3049
}
.jp-relatedposts{
display:none !important	
}
.single-related{
	background-color:transparent;
}
h1, h2, h3, h4, h5, h6, nav, .nav, .menu, button, .button, .btn, .price, ._heading, .wp-block-pullquote blockquote, blockquote, label, legend, .content-pagination a, .content-pagination span, .site-footer a, .footer-bar{
    font-family: 'Manrope', "noto-sans-thai", sans-serif !important;
    font-family: 'General Sans Med', "noto-sans-thai", sans-serif !important;
}   
body, ._heading a, .nav-label-icon span{
    font-family: 'Manrope', "noto-sans-thai", sans-serif !important;
    font-family: 'General Sans Med', "noto-sans-thai", sans-serif !important;
}
.main-header .title, .entry-content p, .entry-content strong, .entry-content span, .entry-content a, .entry-content li, .entry-content h1 strong, .content-item .entry-summary p,.single .main-header a,.content-item .entry-title a{ font-family: 'Manrope', "Sarabun", sans-serif !important;
}
body{
    color:#777B8B;
}
.wp-block-image img{
	border-radius:0px !important;
}
.single-area .content-area{
	max-width:unset;
}
.entry-author .name{
	margin-top:0;
}
.site-footer .widget-title{
	pointer-events:none !important;
}
.site-footer .widget-title:after{
	display:none; background-color:transparent
}
.site-footer .widget.has-title:after{
	display:none;
}
.main-header a{
	color:#2a3049 !important;
}
.site-header>.s-container{
    padding-bottom:0 !important;
}
.site-nav-d li a{
    padding-top:0; padding-bottom:0;
    height:72px
}

.ins-submenu{
    display:none;
    border-top:1px solid #e4e4e4e4;
}

.site-nav-d li:hover .ins-submenu{
    display:none;
}
.menu-item-4691{
    display:none !important;
}
.ins-submenu a:nth-child(2){
    margin-top:12px;
}
.ins-submenu a{
    height:auto !important;
    align-items:flex-start !important;
    padding-left:0 !important;
    margin-bottom:6px
}

.sub-ins-text-1{
    font-size:22px; font-weight:700; color:#04bfbf;
}

.site-header>.s-container{
    border-bottom: none !important;
}
.site-header{
    box-shadow:0 0 2px rgb(20 35 45 / 4%), 0 2px 4px rgb(20 35 45 / 8%) !important;
}
@media(max-width:991px){
	footer .footer-col.col-4 {
    width: 100% !important;
}
    .site-content{
        padding-top:30px;
    }}

@media(max-width:767px){
    .site-content{
        padding-top:0px;
    }
    .site-single .main-header.-minimal{
        margin-top:24px}
}
/*
.at-share-dock.atss{
    bottom:66px !important;
    z-index:900 !important;
}
*/
.widget_fox009_color_tag_cloud h3 {
    display: none;
}
.fox009-color-tag-cloud a[class*='sty_bg_'] {
    border: 1px solid #DDDEE2;
    color: #777B8B;
}
.footer-row {
    justify-content: space-between;
}



.site-footer a {
    border-color: #DDDEE2;
    font-size: 1rem;
    margin-bottom: 1rem;
    display: block;
    line-height: normal;
}

.s-grid:not(.-d3) h2 a{
    font-size:32px;
}
.fox009-color-tag-cloud .ff_open_sans{
    font-family:'Manrope', "noto-sans-thai", sans-serif !important;
	border-radius:100px
}
.site-footer a:hover {
    font-size: 1rem !important;
    line-height: initial !important;
    font-weight: initial !important;
}

.site-footer .widget-title {
    color: #2A3049;
    font-size: 1.125rem !important;
    margin-bottom: 1.675rem;
}

.footer-bar {
    text-transform: initial;
    color: #BBBDC5;
    font-size: 0.875rem;
}
/* Uppass Overide */



@media(min-width: 992px){
	.site-header{
		padding-left:0 !important; 
		padding-right:0 !important;
	}
    .site-branding img{
        height:auto!Important; width:150px ;
    }
}
.site-header{
    background: linear-gradient(90deg, rgb(236, 239, 253) 0%, rgb(232, 250, 247) 100%);
    box-shadow:none !important
}
body:before,
body.home:before, body.single:before{
    content:'';
    display:block; height:100vh; position:absolute;
   z-index:0;
    background-image:linear-gradient(0deg ,#ffffff 0%,#c6d3f7 50%, #ffffff 75%, #ffffff 100%);
height:100vhpx;
width:100%;
}
.nav-label-icon span, .nav-label-icon a{
    letter-spacing:1.428px;
    font-weight:500;
    color:#2a3049 !important;
    opacity:0.62; anchor-point
}
.site-header>.s-container{
    max-width:1170px !important
}

/* part 2 */
.content-pagination{
	padding-top:18px;
}
.menu-has-sub, .menu-has-no-sub{
    transition:0.28s;
}

.ichev{
    color: #4364e8;
    display: inline-block;
    margin-left: 12px;
}

.menu1:hover .ichev{
    transform: rotate(-180deg);
    transition:0.28s
}

.full-page-submenu{
    background:linear-gradient(90deg, rgb(236, 239, 253) 0%, rgb(232, 250, 247) 100%);
    border-top:1px solid #d4d6db !important;
    border-bottom:none !important;
    box-shadow:0 0 2px rgba(20,35,45,.04),0 2px 4px rgba(20,35,45,.08)!important
}

.menu1-head{
    font-size:26px; font-weight:700;
    color: rgba(0,0,0,.87);margin-bottom:12px; line-height:normal
}
.sub-rich-description{
    padding-left:24px;
}
.column-1.submenu-column{
    min-width:33.333333%;
    padding-top:52px;
}
.nav-sub-group{
    min-width:66.666666% !important;
}
.menu1-support{
    font-size:18px;
    color: #777b8b;font-weight:500;
    line-height:1.375;
}
.menu1 .nav-sub-group {
    padding-left:24px; padding-right:24px; padding-top:52px; padding-bottom:52px; justify-content:space-between;
}
.menu1 .nav-sub-group .submenu-column {
    width: calc(100%);
    display:flex; flex-wrap:wrap
}
.menu1 .nav-sub-group .submenu-column .sub-nav-item{
    width:50%; max-width:50%;
    padding-right:24px;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item:first-child{
    margin-bottom:40px;
}
.sub-nav-img img{
    width:48px; height:48px;
}
.sub-nav-img{
    height:48px; min-width:48px;
    margin-right:24px;
}
.sub-nav-item{
    display:flex; align-items:flex-start !important;
}

.sub-nav-text-head{
    line-height:22px;
    color:#4364e8; font-weight:700; font-size:16px; margin-bottom:8px;
    display:flex; align-items:center;
}

.sub-nav-text-detail{
    font-size:14px; color:#777b8b;
    line-height:20px; font-weight:500;
}

.sub-nav-text-head .ichev-sub{
    margin-left:14px; display:inline-flex;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item:active{
    opacity:1;
}

.menu-has-no-sub:hover a{
color:#4364e8 !important
}

.name{
    display:flex; flex-direction:column;
}

.content-item .author .name h2{
    order:2; font-size:14px; line-height:24px; margin-bottom:0 !important
}
.content-item.-hero .author .name h2{margin-bottom:0 !important;
    order:2; font-size:18px; line-height:26px;
}
.name small{
    order:1; font-size:0;
}
.name small:after{
    content:'Written by';
    font-size:12px; line-height:11px;
}
.content-item.-hero .author img {
    width:54px; height:54px;
}
.info a:active{
    opacity:1;
}
.right-navi {
    display:flex;margin-top:calc(36px - 22px)
}
.right-navi .sign-in-btn, .right-navi .start-free{
    letter-spacing: 1.428px;
    font-size:16px; padding-left:20px; padding-right:20px; display:inline-flex; cursor:pointer;font-family:'Manrope', "noto-sans-thai", sans-serif !important; height:44px;
}
.right-navi .sign-in-btn, .right-navi .sign-in-btn:hover,.right-navi .sign-in-btn:active,.right-navi .sign-in-btn:focus{
    margin-right:16px;color:#4364e8 !important;
}
.right-navi .start-free, .right-navi .start-free:hover, .right-navi .start-free:focus, .right-navi .start-free:active{
    background-color:#4364e8 !important; color:white !important; border-radius:12px;
}
.content-pagination a:hover{
    color:#4364e8 !important;
}
.content-pagination a:active{
    color:white !important
}
.content-pagination > *{
    margin-right:6px !important
}
.content-pagination > *:last-child{
    margin-right:0 !important;
}
.content-pagination svg {
    -webkit-transform: translateY(-4px) !important;
    transform: translateY(-4px) !important;
}

.widget_fox009_color_tag_cloud{
    margin-top:80px !important;
    margin-bottom:80px !important
}

.author-and-more{
	display:flex; align-items:center; justify-content:space-between;
}

.read-more-card a, .read-more-card a:hover, .read-more-card a:focus, .read-more-card a:active{
	height:40px; display:flex; align-items:center; font-weight:700; font-size:14px;;color:#777b8b !important;
	border:1px solid #dddee2; padding:0 16px; border-radius:40px;
}

.content-item .info{
	padding:6px; padding-bottom:0;
}

.content-item .entry-title{
	font-size:18px !important;
margin-top:8px; !important; 
	    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;align-content; line-height:26px; 
}

.s-grid:not(.-d3) .content-item .entry-title{
	 -webkit-line-clamp: 3;
}

.content-item .entry-title a{
	color:#2A3049 !important;
	font-weight:700;
}

.entry-summary p:not(:last-child){
	 overflow: hidden; color:#777B8B;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom:40px !important;
}
.author-and-more{
	padding-left:6px; padding-right:6px; padding-bottom:6px;
}

.cat-links._heading a{
	font-weight:400; font-size:14px;
}

.content-item.-hero{
	border-radius:16px !important
}

@media(max-width:991px){
	.action-left{
		padding-left:16px;
	}
	.action-right{
		padding-right:16px;
	}
	.site-footer hr {
  margin-top:0;
}
	.footer-bar{
		padding-top:0;
	}
	.site-footer .footer-row{
	padding-top:40px;
}
	.site-footer .footer-row  aside:last-child{
		padding:0 !important; margin:0; !important
	}
	.site-footer .footer-row  aside:only-child{
		padding-bottom:24px !important
	}
	.site-footer .widget-title{
		margin-bottom:12px
	}
.site-footer .widget{
		margin-bottom:0 !important; padding-bottom:24px !important
	}
	.right-navi{
		display:none !important;
	}
	body .site-branding img{
		height:24px !important; width:auto;
	}
}
.s-grid:not(.-d3) h2 a{
	line-height:42px; font-weight:800
}
/*
.content-item.-hero{
	grid-template-columns: 55fr 45fr; min-height:504px
}*/

.content-item.-card{
	box-shadow: 0px 0px 8px rgb(42 48 73 / 8%), 0px 4px 24px rgb(42 48 73 / 8%);
}

.article-of-the-day{
    font-size: 48px;
    line-height: 36px;
    color: #2A3049;
    font-weight: 800;
    height: auto;
    margin-bottom: 18px;
    margin-top: 24px;
}

.articles-list{
	margin-top:48px;
}

.content-item.-hero .info{
	position:relative;
}
.author-and-more{
	position:absolute; width:100%;
	left:0; bottom:0;padding:24px;
}

.author-and-more.hero-zone{
	position:absolute; width:100%;
	left:0; bottom:0;padding:30px;
}

.active-underline, .active-underline:focus, .active-underline:active, .active-underline:hover{
	border-bottom:4px #4364e8 solid !important; 
}


.active-underline .nav-label-icon  a{
	color:#4364e8 !important ; font-weight:500 !important;  !important
}
.active-underline.menu-has-no-sub:hover .nav-label-icon a,.active-underline.menu-has-no-sub:focus .nav-label-icon a,
.active-underline.menu-has-no-sub:active .nav-label-icon a{
	opacity:1; 
	color:#4364e8 !important ;
}
.content-item .author{
	margin-top:0
}
@media(max-width:1329px){
.site-header>.s-container {
	flex-wrap:nowrap; 
}

.right-navi .sign-in-btn, .right-navi .start-free{
	padding-left:10px; padding-right:10px; letter-spacing:0.5px
}



.nav-label-icon span, .nav-label-icon a{
	 letter-spacing:0.5px
}
}

.article-of-the-day, .lang-switch{
	display:none
}

.home:not(.paged) .article-of-the-day, .home:not(.paged) .lang-switch{
	display:flex
}

.single .main-header a{
font-size:40px; line-height:56px; font-weight:800}


.s-sec.single-related .s-title{
	font-size: 36px;
    margin-bottom: 40px;
    font-weight: 800;
}

@media(max-width:991px){
	
	.site-footer .s-container{
		padding-left:40px; padding-right:40px;
	}
	.author-and-more.hero-zone, .author-and-more{
		position:initial; padding:0;
}

}

.fox009-color-tag-cloud .tag-cloud-link > span{
	font-size:14px; font-weight:500;
}

.content-item .info{
	padding-bottom:42px
}
/*
.entry-meta>span.cat-links{
	display:block
}*/

a.prev.page-numbers svg{
	position: relative;
    top: 3px;
    left: -1px;
}

a.next.page-numbers svg{
	position: relative;
    top: 3px;
    left: 1px;
}
@media(max-width:1024px){
	.article-of-the-day {
    font-size: 38px;
    line-height: 36px;
    color: #2A3049;
    font-weight: 800;
    height: auto;
    margin-bottom: 18px;
    margin-top: 14px;
}
	.single .main-header a {
    font-size: 34px;
    line-height: 40px;
    font-weight: 800;
    margin-top: 18px;
    display: inline-block;
}
}
@media(max-width:991px){
	.site-header-space{
		min-height:64px;
	}
	.s-grid:not(.-d3) h2 a {
    line-height: 35px;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 8px;
    display: inline-block;
}
	
	.s-sec.single-related .s-title{
	font-size: 32px;
    margin-bottom: 40px;
    font-weight: 800;
}
.single .main-header a {
    font-size: 34px;
    line-height: 40px;
    font-weight: 800;
    margin-top: 0px;
    display: inline-block;
}
	.content-item.-hero .pic img{
		border-radius:12px 12px 0 0 ;
	}
	.article-of-the-day{
		align-items:center;
		font-size: 38px;
    line-height: 36px;
    color: #2A3049;
    font-weight: 800;
    height: auto;
    margin-bottom: 5px;
    margin-top: 11px;
	}
	.content-item .info{
		padding-bottom:0;
	}
}

@media(max-width:767px){
	.s-grid:not(.-d3) h2 a {
 
    font-size: 24px;

}
	.single .main-header a {
    font-size: 32px;
}
	
	.s-sec.single-related .s-title{
	font-size: 28px;
    margin-bottom: 40px;
    font-weight: 800;
}

		.content-item.-hero .pic img{
		border-radius: 0 ;
	}
	.content-item.-hero{
		border-radius:0 !important
	}
	.article-of-the-day {
    font-size: 36px;
    line-height: 36px;
    color: #2A3049;
    font-weight: 800;
    height: auto;
    margin-bottom: 15px;
    margin-top: 30px;
}
}

@media(max-width:599px){
	.s-grid:not(.-d3) h2 a {
 line-height:30px;
    font-size: 22px;

}
	.single .main-header a {
    font-size: 28px;
		line-height: 36px;
	}
		.article-of-the-day {
			font-size: 34px; margin-bottom: 13px;}
}

.main-header a{
	font-weight:800 !important;
}

@media(min-width:992px){
	.site-nav-m{
		display:none;
	}
}
.site-nav-m{
/*	height:auto !important;*/
}
.site-nav-m.active {
	background: linear-gradient(90deg,#eceffd,#e8faf7);
}

.site-nav-m.active  > .s-container, #mobile-menu{
padding-left:0; padding-right:0;
	margin-bottom:0;
	
}
#mobile-menu{
	border-top:1px solid #d7d7d7;

	padding-top:10px; padding-bottom:10px;
}
.site-header .site-nav-m a{
	color:rgba(0,0,0,.87) !important; font-size:16px; padding-left:24px; padding-right:24px; font-weight:500; height:48px; width:100%;
}

#mobile-menu > li:first-child, #mobile-menu > li:nth-child(5),
#mobile-menu > li:nth-child(12){
	pointer-events:none
}
.site-nav-m li.current-menu-item>a{
	opacity:1;
}

.site-header .site-nav-m a:hover, .site-header .site-nav-m a:focus, .site-header .site-nav-m a:active{
	color:#4364e8 !important
}

.site-toggle{
	    background-image: url(https://blog.uppass.io/wp-content/uploads/2022/10/uppass_menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    padding: 0;
}
.site-toggle.active{
	    background-image: url(https://blog.uppass.io/wp-content/uploads/2022/10/uppass_menu2.png);
}
.site-toggle b{
	opacity: 0;
}

.article-of-the-day{
	display:flex; justify-content:space-between; width:100%;
}

.dropdown-content a{
	font-size:16px; font-weight:normal
}

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
	padding:0;
	height:56px; padding-left:12px;
	padding-right:12px;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.showw {display: block;}
	
	/*Overide*/
	
	.dropbtn{
		border-radius: 16px;
    background-color: transparent;
    border: 1px solid #DDDEE2;
    color: #2A3049;
		font-weight:500;
		display: flex;
    align-items: center;
	}
	.dropbtn:hover, .dropbtn:focus, .dropbtn:active{
		background-color: transparent;
    color: #4364e8 !important;
    opacity: 1;
	}
	.dropdown-content a img{
		width:24px; height:24px;margin-right:8px; pointer-events:none
	}
	.dropbtn img{
			width:24px; height:24px;margin-right:8px; pointer-events:none
	}
	.dropbtn .ichev{
		pointer-events:none
	}
	.showw{
		border-radius: 16px;
	}
	.lang-select{
		    padding-left: 16px;
    padding-top: 13px;
    display: block;
    font-size: 13px;
    color: #BBBDC5;
    padding-bottom: 4px;
	}
	.dropdown-content{
		background-color:white;
	}

@media(max-width:499px){
	.article-of-the-day, .header-and-lang{
		flex-direction:column
	}
	.article-of-the-day .dropbtn, .header-and-lang .dropbtn{
		margin-top:16px !important;
	}
}

.header-and-lang{
	line-height:1;
	max-width: 1188px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
} 

.header-and-lang > .main-header{
	margin-bottom: 0 !important;
    padding-top: 0 !important;
	overflow:visible;
}

.header-and-lang > .main-header > .s-container{
	padding-left: 0;
    padding-right: 0;
} 

@media(max-width:991px){
	.header-and-lang{
		margin-top:30px;
	} 
}

@media(max-width:767px){
	.header-and-lang {
		padding-left:16px; padding-right:16px;
	}
}

.on-off{
	display:none;
}

.category-th .on-off-th{
	display:flex
}

.category-en .on-off-en{
	display:flex
}

.category-id .on-off-id{
	display:flex
}

.lang-and-img{
	pointer-events:none;
}

.action-right .dropbtn {
border:none;
}

.fuser{
	width:27px; height:27px;
	font-size:27px; color:#9ba6a5;
		transition:.25s
}
.dropbtn:hover .fuser{
	color:#8a8b94 !important;
	
}

.dropbtn:focus .fuser,
.dropbtn:active .fuser{
	color:#4364e8 !important
}
.action-left{
	z-index:3;
}
.action-right{
	z-index:2; width:100%
}
.action-right .dropdown{
	width:100%;
	display:flex; justify-content:flex-end;
}
#myDropdown2{
	right: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
	top:56px; width:100%
}
#mobile-menu {
    border-top: 1px solid  #e4e4e4;
}
.site-nav-m.active, .site-nav-m{
	margin-top:5px;
}

.action-right .dropdown-content{
	background:linear-gradient(90deg,#eceffd,#e8faf7)
}

.action-right .dropdown a:hover{
	background-color:inherit
}
.action-right .dropdown-content a{
	font-weight:500
}
.blue-btn-wrap{
	background-color:#4364e8 ;
	color:white; font-weight:700;
	letter-spacing:1.25px; line-height:1;
	height:44px; width:100%; display:flex; justify-content:center;align-items:center;
	border-radius:12px; font-size:14px;
}

.action-right .dropdown-content > a{
	padding-left:24px; padding-right:24px; padding-top:0; padding-bottom:0; height:48px;
}

#myDropdown2{
	padding-top:8px; padding-bottom:8px;
}

.site-branding{
	z-index:3;
}

.article-of-the-day{
	line-height:1;
}

.main-header a{
	pointer-events:none
}

.posted-on._heading a{
	pointer-events:none
}

.entry-meta svg{
	display:none;
}

.info span.posted-on._heading::before{
	content:'•';
	font-size:16px; 
}
body.category .info span.posted-on._heading::before, body.tag .info span.posted-on._heading::before{
	display:none;
}
.entry-meta>span{
	margin-right:4px;
}

.fox009-color-tag-cloud-container{
	display:inline-block; text-align:center;
}

body.tag .header-and-lang{
	justify-content:center; 
}

body.tag .header-and-lang .main-header .title a{
color:#4364E8 !important;
	margin-bottom:60px !important;
}

body.tag .header-and-lang .main-header .title {
color:#4364E8 !important;
	margin-bottom:32px !important;
}
/*
body.tag .header-and-lang .main-header .title a::before{
	content:'#';
}
 */
.s-sec.single-related .s-title{
	text-align: left;
    padding-top: 24px;
    border-top: 3px solid #dddee2;
    width: max-content;
}

.hero-cate-and-date > p.cat._heading > a{
	background-color:transparent;
	color:#777B8B; font-weight:400;
	font-size:18px; padding-left:0; padding-right:3px;
}

.hero-cate-and-date > p.cat._heading{ 
	padding:0; margin:0;
}

.hero-cate-and-date{
	display:flex;
	line-height:1; align-items:center; margin-bottom:24px;
}

.hero-cate-and-date svg{
	display:none;
}

.hero-cate-and-date .posted-on a{
	color:#bbbdc5 !important;
}

.single .post .posted-on , .single .post .cat-links{
	display:none;
}

.single .post .byline{
	margin-right:0;
	font-size:18px;
	color:#777B8B; font-weight:400;
}

.single .post .byline::before{
	content:'Written by'
}

.single .content-single > .entry-header{
	margin-bottom:40px;
}

.single .site-single > .main-header{
	margin-top:32px
}

.at-svc-email{
	display:none !important; 
}

@media(max-width:991px){
	
	.content-item.-hero >	.info > .entry-header{
		padding-left:6px; padding-right:6px;
	}
	.content-item.-hero .entry-summary{
		padding-left:6px; padding-right:6px;
	}
	
	.content-item.-hero .info{
		padding-left:18px; padding-right:18px;
	}
	.content-item.-hero .author img{
		width:40px; height:40px;
	}
	.content-item.-hero .author .name h2{
		font-size:14px;
	}
	.hero-cate-and-date{
		margin-bottom:6px; margin-top:32px;
	}
	.content-item.-hero{
		width:100%; margin-left:auto; margin-right:auto;border-radius: 0.5rem !important;
    overflow: hidden;
	}
	.hero-cate-and-date > p.cat._heading > a, .info span.posted-on._heading{
		font-size:14px;
	}
	.hero-cate-and-date > p.cat._heading > a{
		font-weight:700;
	}
	.info span.posted-on._heading{
	color:#7e8993 !important
	}
	.s-grid:not(.-d3) h2 a{
		font-size:18px !important; line-height:26px !important
	}
}

.tag-wrapper-single{
	padding-left: 32px;
    padding-right: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}
.single  .widget_fox009_color_tag_cloud{
margin-top:0px !important	
}
@media(max-width:1169px){
.tag-wrapper-single{
		padding-left: 24px;
    padding-right: 24px;
	}
} 

.editor-styles-wrapper h1, .entry-content h1 strong, .entry-content h1{
line-height:2.5rem !important}

 .dropbtn, .dropdown-content a{min-width:182px;}

.lang-and-img{
	width: 100%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
}


.category-en .a-en{
	display:none;
}

.category-th .a-th{
	display:none;
}

.category-id .a-id{
	display:none;
}

/* 2nd nav */

.menu-has-sub.menu1:hover .full-page-submenu{
	width:max-content;
}

.column-1.submenu-column{
	display:none
}
.menu-has-sub.menu1 .full-page-submenu{
	position:absolute
}
.menu-has-sub.menu1 .full-page-submenu, {
	position: absolute;
    left: 0;
    top: 72px;
	padding-top:8px;
}

.menu1 .nav-sub-group .submenu-column{
	flex-direction: column;
    flex-wrap: nowrap;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	width:100%; max-width:unset;
}
.menu1 .nav-sub-group .submenu-column .sub-nav-item:first-child{
	margin-bottom:0;
}

.sub-nav-text-head .ichev-sub{
	display:none;
}

.menu1 .nav-sub-group{
	background-color:white;
	padding:16px 0px;
	border-radius:16px;
	box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	padding-left:24px;
}

.sub-nav-text-head{
	color: rgba(0,0,0,.87); font-size:16px; font-weight:400;
}
.sub-nav-img{
	height:40px; margin-right:16px;
}
.sub-nav-img img{
width:33.64px; height:40px;}

.nav-sub-group{
	min-width:unset !important
}
.submenu-flex{
	min-height:unset !important
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	align-items:center !important;
	height:60px;
}

.menu-has-sub.menu1:hover .full-page-submenu{
	border-radius:16px !important;
}
.sub-nav-text-head{
	margin-bottoM:0;
}
.submenu-container{
	border-radius:18px !important
}

.menu-has-sub .full-page-submenu,.menu-has-sub .full-page-submenu{
	position:absolute
}

.submenu-container{
	width:auto !important;
	max-width:unset !important
}

.menu-has-sub .full-page-submenu{
	width:unset;
}

.menu-has-sub .full-page-submenu{
	position:absolute
}

.menu-has-sub .full-page-submenu{
	/*opacity:1 !important;*/
}

.menu1 .nav-sub-group .submenu-column{
	min-width:max-content !important
}

.menu-has-sub.menu1 .full-page-submenu {
    position: absolute;
    width: max-content !important;
   
	    min-width: 360px;
    padding-top: 10px;
    border: none !important;
    box-shadow: none !important;
}


.action-right .dropbtn{
	min-width:1px !important
}

.sub-nav-img{
	min-width:34px !important
}

#mobile-menu > li{
height:48px;}

.site-nav-m ul{
	padding-left:0; padding-right:0;
}
.site-header .site-nav-m a{
padding-left:16px; padding-right:16px; 
}.site-nav-m .menu>li:nth-child(2),.site-nav-m .menu>li:nth-child(8),.site-nav-m .menu>li:nth-child(9),
.site-nav-m .menu>li:nth-child(3),.site-nav-m .menu>li:nth-child(6),.site-nav-m .menu>li:nth-child(4),.site-nav-m .menu>li:nth-child(13),.site-nav-m .menu>li:nth-child(14),.site-nav-m .menu>li:nth-child(15), .site-nav-m .menu>li:nth-child(16), .site-nav-m .menu>li:nth-child(7){
background:rgba(67,100,232,.05);
background:white;
}
.site-nav-m .menu>li:nth-child(5),.site-nav-m .menu>li:nth-child(6),.site-nav-m .menu>li:nth-child(7),.site-nav-m .menu>li:nth-child(8),
.site-nav-m .menu>li:nth-child(9){

}
 .site-nav-m .menu>li:nth-child(1) a,.site-nav-m .menu>li:nth-child(5) a,.site-nav-m .menu>li:nth-child(12) a
{
    font-weight: 700;
    font-size: 16px;
    background-color: rgb(203 215 236);
background-color: rgb(239 245 255);
background-color:white;
}
.menu>li:nth-child(3)::before,
.menu>li:nth-child(2)::before,
.menu>li:nth-child(5)::before,
.menu>li:nth-child(13)::before,
.menu>li:nth-child(14)::before,
.menu>li:nth-child(15)::before,
.menu>li:nth-child(16)::before,
.menu>li:nth-child(12)::before{
	content: '';
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: inline-block;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 16px;
    top: 9px;
}
.menu>li:nth-child(2)::before {
    background-image: url(https://www.uppass.io/img/icons/builders.png);
}

.menu>li:nth-child(3)::before {
    background-image: url(https://www.uppass.io/img/icons/decision.png);
}

.menu>li:nth-child(5)::before {
    background-image: url(https://www.uppass.io/img/icons/liveness-detection.svg);
}

.menu>li:nth-child(12)::before {
    background-image: url(https://www.uppass.io/img/icons/uppass.png);
}

.menu>li:nth-child(13)::before {
    background-image: url(https://www.uppass.io/img/icons/jobs.png);
}

.menu>li:nth-child(14)::before {
    background-image: url(https://www.uppass.io/img/icons/resource.png);
}

.menu>li:nth-child(15)::before {
    background-image: url(https://www.uppass.io/img/icons/documentation.png);
}
.menu>li:nth-child(16)::before {
    background-image: url(https://www.uppass.io/img/icons/blog.png);
}

.site-nav-m .menu>li:nth-child(17),
.site-nav-m .menu>li:nth-child(9){
	border-bottom:1px solid #c1cadc;
}

#mobile-menu{
	padding-top:0; padding-bottom:0;
}

.site-footer .wp-block-image a{
	pointer-events:none
}

@media(min-width:1330px){
	.site-branding, .right-navi{
		width:250px;
	}
}

.menu-has-sub.menu-actived span{
	color:#4364e8 !important;
	opacity:1 !important
}

.menu-has-sub.menu-actived{
	border-bottom: 4px solid #4364e8;
}

.sub-nav-item:hover .sub-nav-text-group .sub-nav-text-head{
	color:#4364e8 !important
}
.sub-nav-text-head:hover, 
.sub-nav-text-head:focus,
.sub-nav-text-head:active{
	color:#4364e8 !important
}
.s-container,
.site-header>.s-container{
	max-width:1188px !important;
}
@media(max-width:979px){
.atss .at-share-btn{
	width:33.33333% !important;
}
}

#site-nav-d > div > div.menu-has-sub.menu1.insurance-sub-menu.menu-actived > div.full-page-submenu > div > div > div > a:nth-child(2) > div.sub-nav-img > img{
	height: 34px;
    position: relative;
    top: 4px;
}

.read-more-card a{
	white-space:nowrap
}
.submenu-heading-text{
	display:none
}
/*RENEW NAV*/

.submenu-heading-text{
	display:block;
}
@media (min-width: 1330px){
.site-branding, .right-navi {
    width: 228px;
}
}
.submenu-flex,
.site-header > .s-container{
	max-width:1448px !important;
	padding-left:24px; padding-right:24px;
}
.site-header a:not(.s-button){
	letter-spacing:0.35px; 
}
.nav-label-icon a, .nav-label-icon span{
	font-weight:400;letter-spacing:0.35px; font-size:16px; color:#777B8B;
}

.site-header .ichev{
	margin-left:6.4px
}

.menu-has-sub.menu1 .full-page-submenu{

	padding-top:0;
	background:linear-gradient(90deg, rgb(236, 239, 253) 0%, rgb(232, 250, 247) 100%); 
}
.menu1 .nav-sub-group{
	border-radius:0; box-shadow:none !important;
}
.menu-has-sub.menu1 .full-page-submenu{
	position:fixed; width:100% !important;
	border-top: 1px solid rgb(212, 214, 219) !important;
border-bottom: 1px solid rgb(212, 214, 219) !important;
}
.menu1 .nav-sub-group{
	background-color:transparent;
	padding-top:30px;
padding-bottom:30px;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	padding-left:0; padding-right:0;
}

.submenu-heading-text{
font-size: 18px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #2A3049;
    height: 24px;
    letter-spacing: 0.25px;}

.sub-nav-img img{
	width:32px; height:32px;
}

.sub-nav-img{
	min-width:32px !important;
	width:32px !important; height:32px !important;
}
.sub-nav-subtext{
	font-size:14px; color:#777B8B; margin-top:2px; min-height:60px;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	align-items:flex-start !important
}

.menu1.no-subtext .nav-sub-group .submenu-column .sub-nav-item{
		align-items:center!important
}

.menu1 .nav-sub-group .submenu-column{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;
justify-content:space-between;
}

.column-half{
	width:calc(50% - 12px);
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	height:auto; 
	margin-bottom:16px !important;
}
.menu1.uc-menu .nav-sub-group .submenu-column .sub-nav-item{
	margin-bottom:24px !important
}
.menu1 .nav-sub-group .submenu-column .sub-nav-item:last-child{
	margin-bottom:0 !important;
}


@media (max-width: 991px){
.action-right {
    padding-right: 0px;
}
}
.footer-row > .footer-col:last-child{
	display:none
}

.soon {
  pointer-events: none;
}

.soon:after {
  content: ' (coming soon)';
  position: relative;
  font-size: 12px;
  color: #c1c1c1;
  display: block;
	margin-bottom:1rem;

}

.site-footer .soon a{
	margin-bottom:0;
}

.footer-row{
margin-top: calc(3.5rem + 12px);
    background-image: url(https://uat.www.uppass.io/img/logo-inverse.svg);
    background-repeat: no-repeat;
    background-size: 160px auto;
    padding-top: calc(1rem + 64px);
    background-position: 1rem 0;
}

.footer-row > .footer-col > aside:first-child{
	height:220px;
}
@media(min-width:992px){
	.site-footer a{
		white-space:nowrap
	}
	.d-hidden, #custom_html-14, #custom_html-27{
		display:none !important
	}
}
@media(max-width:991px){
	.footer-row{ background-position:0 0;
	}
	#custom_html-27{
		display:none !important
	}
	
	.footer-row{
		    display: flex;
    flex-wrap: wrap;
	}
	.footer-col, footer .footer-col.col-4 {
    width: 50% !important;
}
	.footer-row{
		    padding-top: calc(1rem + 54px) !important; 
	}
.footer-row > .footer-col > aside:first-child{
	height:auto;
}
	.footer-row > .footer-col.col-1 > aside:first-child{
		height:220px;
	}
	.footer-row > .footer-col.col-1 > aside:last-child{
		display:none;
	}
	.footer-row > .footer-col.col-2 > aside:last-child{
		display:none;
	}
	.footer-row > .footer-col.col-3 > aside:last-child{
		display:none;
	}
.footer-row > .footer-col:last-child{
	display:block
}
	.site-footer .widget-title+div.textwidget{
		height:auto;
	}
}
.pointer-event-none{
	pointer-events:none;
}
@media(max-width:659px){
	.hidden-mb{
		display:none !important
	}
	.footer-col, footer .footer-col.col-4 {
    width: 100% !important;
}
	.footer-row > .footer-col.col-1 > aside:first-child {
    height: auto;
}
	.site-footer .footer-row aside:last-child{
		margin-bottom:3rem !important;
	}
}

.menu1 .nav-sub-group .submenu-column{
	min-width:840px !important
}
.pricing-submenu{
	display:none !important;
}
		@media(max-width:1329px){
			.pricing-submenu{
				display:none!important;
			}
/*			.pricing-menu.menu-has-no-sub{
				display:none;
			}*/
	.new-nav	.nav-label-icon span{
				padding-left:8px !important;
				padding-right:8px !important;
		letter-spacing: normal;
			}
		}

.menu-has-sub.menu1:hover .full-page-submenu{
	border-radius:0 !important
}

@media(max-width:1329px){
	.site-branding{
	padding-right:20px;
}
}

.new-nav .nav-label-icon span{
	line-height:normal
}

.menu-has-sub:hover span{
	line-height:normal
}
.right-navi.button-style{
	display:none;
}
@media(max-width:1124px){
	.right-navi.legacy{
		display:none;
	}
	.right-navi.button-style{

		    width: 56px !important;
    height: 72px !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
}
	.right-navi.button-style a{
		    border-radius: 0;
    border: none;
    width: 56px;
    height: 56px;
    display: flex !important;
    align-items: center !important;
    min-width: unset;
    max-width: unset;
    justify-content: center !important;
	}
}

@media(max-width:991px){
	.right-navi.button-style{
		display:none !important
	}
}

.menu-item-object-custom::before{
		content: '';
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: inline-block;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 16px;
    top: 9px;
}

.menu-item-6664::before{
background-image: url(https://www.uppass.io/img/icons/bank-statement-verification.svg);
}

.menu-item-5446::before{
background-image: url(https://www.uppass.io/img/icons/liveness-detection.svg);
}

.menu-item-6665::before{
background-image: url(https://www.uppass.io/img/icons/finance.png);
}

.menu-item-6666::before{
background-image: url(https://www.uppass.io/img/icons/monitor.png);
}

.menu-item-6916::before{
background-image: url(https://www.uppass.io/img/icons/smartuploader2.png);
}

.entry-author .pic img{
	min-width:80px !important;
max-width:80px !important;
}


.wp-block-image img{
	border-radius:8px !important;
}

.wp-block-group.has-white-background-color.has-background{padding:24px;}

.wp-block-latest-posts__list.wp-block-latest-posts a{
color: #2a3049 !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.8 !important;
    margin-bottom: 1rem !important;
    display: inline-block;
    margin-top: 0.5rem;
}

.wp-block-latest-posts__list.wp-block-latest-posts a:hover{
	color:#4364e8 !important;
}

.entry-content .is-vertically-aligned-stretch h4{
	margin-top:1rem !important
}

.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{
	margin-bottom:0;
}

.wp-block-column.is-vertically-aligned-stretch >  p:nth-child(3){
	font-size:24px !important;
font-style:normal !important;
	font-weight:700 !important;
color:#2a3049 !important;
}

.content-item .author .name h2{
	font-size:18px !important; line-height:1; padding-top:0px !important; padding-bottom:0 !important; font-weight:normal !important;
}

.content-item .author .name{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.s-sec.single-related .entry-title{
	padding-top:0 !important; padding-bottom:0 !important;
}

.entry-author .desc{
	font-size:1rem; margin-top:0; 
}

.entry-author .name{
padding-top:0 !important;
}
.menu>li::before{
	background-image:none !important;
}



.site-nav-m .menu>li:nth-child(2), .site-nav-m .menu>li:nth-child(8), .site-nav-m .menu>li:nth-child(9), .site-nav-m .menu>li:nth-child(3), .site-nav-m .menu>li:nth-child(6), .site-nav-m .menu>li:nth-child(4), .site-nav-m .menu>li:nth-child(13), .site-nav-m .menu>li:nth-child(14), .site-nav-m .menu>li:nth-child(15), .site-nav-m .menu>li:nth-child(16), .site-nav-m .menu>li:nth-child(7) {
	background: rgb(245 247 254); !important;
	background: white !important;}

#mobile-menu > li.menu-item-5450,#mobile-menu > li.menu-item-5451,#mobile-menu > li.menu-item-6444,#mobile-menu > li.menu-item-6445{background-color:white;}

.site-nav-m .menu>li:nth-child(17), .site-nav-m .menu>li:nth-child(9),#mobile-menu > li.menu-item-5450,#mobile-menu > li.menu-item-5451, #mobile-menu > li.menu-item-6916{
	border-bottom:1px solid #e0e0e0;
}

.site-nav-m .menu>li:nth-child(1) a, .site-nav-m .menu>li:nth-child(5) a, .site-nav-m .menu>li:nth-child(12) a{
	background-color:#e5eafb;
background-color:white;
}

.site-header{
	background:white !important;
}

.site-footer, .footer-bar{
	background-color:#2a304a !important;
}

.site-footer a{
	color:#bec4cd;
}

.site-footer .widget-title{
	color:white !important;
}

#site-nav-d .menu-has-sub.menu1 .full-page-submenu{
	background-color:white;
background:white;
position: fixed;
    width: 100% !important;
   /* border-top: 1px solid rgb(212, 214, 219) !important;*/
    border: 1px solid rgb(212, 214, 219) !important;
    background: #fff;
    box-shadow: none !important;
    box-sizing: border-box;
    left: 50% !important;
    max-width: 1140px !important;
    padding-top: 0;
    top: 72px !important;
    transform: translate(-50%);
    width: 100% !important;
    z-index: 99 !important;
border-radius:16px !important;
}

.menu1 .nav-sub-group .submenu-column{
	max-width:unset !important; 
}

.sub-nav-subtext{
	min-height:unset !important;
}

.submenu-heading-text{
	padding-left:20px;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	padding:20px;
}

.menu1 .nav-sub-group{
	padding-top:24px; padding-bottom:24px;
}
.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	border-radius:8px;
}
.menu1 .nav-sub-group .submenu-column .sub-nav-item:hover{
	background-color:#f7f8fc;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item:hover .sub-nav-subtext{
	color:#4364e8;
}

.menu1 .nav-sub-group .submenu-column .sub-nav-item{
	margin-bottom:0px !important
}

.site-header .ichev{
display:none !important
}


.submenu-flex, .site-header > .s-container{
	max-width: 1233px !important;
    padding-left: 24px;
    padding-right: 24px;
}

.new-nav .menu-has-sub:hover, .new-nav .menu-has-no-sub:hover{
	border-bottom:4px solid transparent;
}

.new-nav .menu-has-sub span, .menu5:hover .nav-label-icon a{
	padding-top:8px; padding-bottom:8px;
}

.menu5:hover .nav-label-icon a{
	height:auto;width:max-content;
; border-radius:8px;
}
.new-nav .menu-has-sub:hover span, .menu5:hover .nav-label-icon a{display:flex !important; height:auto;width:max-content;
; border-radius:8px; background-color:#eaeeff;
}

.new-nav .menu-has-sub .nav-label-icon, .nav-label-icon{
	display:flex; align-items:center; height:auto;
}
.nav-label-icon a, .new-nav .menu-has-sub span{
	padding-top:8px; padding-bottom:8px;
}

.menu5 .nav-label-icon a, .menu5 .nav-label-icon a:hover{
	height:38px;
}

@media (min-width: 1330px) {
    .site-branding {
        width: auto;
    }
}

.right-navi.legacy a:last-child{
	background-image: linear-gradient(120deg, #7089ee, #4364e8);
border-radius:40px;
padding-left:17px;
padding-right:42px;
position:relative;
max-width:138px;
}
.right-navi.legacy a:last-child:hover{
	opacity:.9;
}
.right-navi.legacy a:last-child::after{
	content:'';
	position:absolute; right:8px;
top:10px;
	height:24px; width:24px; display:block;
		background-repeat:no-repeat;
background-position:cente;
background-size:24px 24px;
background-image:url(https://uat.www.uppass.io/img/landing/icons/next-btn.svg);
pointer-events:none;
}

.right-navi .sign-in-btn{
	padding-left:0; padding-right:0;
}

.right-navi .sign-in-btn, {
		color:#2A3049 !important;
	}