@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');

.line-icon a{
      position: fixed;
    left: 0;
    z-index: 9;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #00c300;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -25px;
    cursor: pointer;
  
} 
.line-icon a svg{
    width: 100%;
}

.header3{display: block; margin: 2%; padding-top: 5px;}
  .proo-header-inner{text-align:center;}
  .proo-nav ul.proo-hmenu { display: none;}
  .proo-layout-cell { display: block;}
  .header3 .lang-inline{padding: 0 0 10px; text-align: center;}
	}
@media(min-width: 960px) {
  .nblock{width: 940px; display: block; margin: 0 auto;}
.header1{display: table-cell; vertical-align: top; width: 386px; padding-top: 20px;}
.header2{display: table-cell; vertical-align: top; width: 385px; padding-top: 20px; padding-right: 10px;}
.header3{display: table-cell; vertical-align: top; width: auto; padding-top: 20px;}
.proo-header-inner{text-align:left;}
  .proo-nav ul.proo-hmenu { display: block;}
    .proo-layout-cell { display: table-cell;}
  .header3 .lang-inline{padding: 0 0 10px; text-align: right;}
}
.contact-address  dt{display: inline-block; vertical-align: top; width: 5%;}
.contact-address  dd{display: inline-block; vertical-align: top; width: 93%; margin: 0;}
.proo-nav .proo-hmenu:last-child{display:none;}
ul.proo-hmenu>li:first-child{margin-left: 10px !important;}
.proo-block.clearfix_menu li{padding: 0; margin: 0;}
.proo-block.clearfix_menu li:before{display:none;}
.proo-block.clearfix_menu ul.menu ul a { padding: 5px 0 5px 25px; background: url(../images/or1.png) no-repeat 0 0; }
.proo-block.clearfix_menu ul.menu ul a, .proo-block.clearfix_menu ul.menu ul a{padding:5px 0 5px 25px; background: url(../images/or1.png) no-repeat 0 0;}
.proo-block.clearfix_menu ul.menu ul a:hover, .proo-block.clearfix_menu ul.menu ul a:hover{background: #3EA9B1 url(../images/or1.png) no-repeat 0 0;color:#FFFFFF;}
.proo-block.clearfix_menu ul.menu ul a, .proo-block.clearfix_menu ul.menu ul a{padding:5px 0 5px 30px;}
.proo-block.clearfix_menu li a, .proo-block.clearfix_menu li a:link, .proo-block.clearfix_menu li a:visited{display: block; padding: 4px 0 4px 24px; background: rgb(233, 233, 233) url(../images/bl1.png) no-repeat 0 0; border-bottom: 2px solid rgb(255, 255, 255); color: rgb(0, 0, 0);}
.proo-block.clearfix_menu li a:hover{background: rgb(62, 169, 177) url(../images/bl1.png) no-repeat 0 0; color: rgb(255, 255, 255);}
.proo-block.clearfix_menu ul.menu>li.active>a{background: #3EA9B1 url(../images/bl1.png) no-repeat 0 0;color:#FFFFFF;}
.proo-block.clearfix_menu ul.menu>li.active>ul>li.active>a{background: rgb(129, 129, 129) url(../images/or1.png) no-repeat 0 0; color:#FFFFFF; }
#proo-main
{
  background: #FFFFFF url('../images/page.jpeg') top center no-repeat fixed;
  background-size: cover;
  margin: 0 auto;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  overflow: hidden;
  
  background-color: #841528; background-image: url(../images/happy-new-year-2007.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom center;
}

table, ul.proo-hmenu
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
  margin: 0;
  padding: 0;
}

.proo-button
{
  border: 0;
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #A1ADBA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
  height: 24px;
}

.proo-postcontent, .proo-postheadericons, .proo-postfootericons, .proo-blockcontent, ul.proo-vmenu a
{
  text-align: left;
}

.proo-postcontent, .proo-postcontent li, .proo-postcontent table, .proo-postcontent a, .proo-postcontent a:link, .proo-postcontent a:visited, .proo-postcontent a.visited, .proo-postcontent a:hover, .proo-postcontent a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

.proo-postcontent p
{
  margin: 13px 0;
}

.proo-postcontent h1, .proo-postcontent h1 a, .proo-postcontent h1 a:link, .proo-postcontent h1 a:visited, .proo-postcontent h1 a:hover, .proo-postcontent h2, .proo-postcontent h2 a, .proo-postcontent h2 a:link, .proo-postcontent h2 a:visited, .proo-postcontent h2 a:hover, .proo-postcontent h3, .proo-postcontent h3 a, .proo-postcontent h3 a:link, .proo-postcontent h3 a:visited, .proo-postcontent h3 a:hover, .proo-postcontent h4, .proo-postcontent h4 a, .proo-postcontent h4 a:link, .proo-postcontent h4 a:visited, .proo-postcontent h4 a:hover, .proo-postcontent h5, .proo-postcontent h5 a, .proo-postcontent h5 a:link, .proo-postcontent h5 a:visited, .proo-postcontent h5 a:hover, .proo-postcontent h6, .proo-postcontent h6 a, .proo-postcontent h6 a:link, .proo-postcontent h6 a:visited, .proo-postcontent h6 a:hover, .proo-blockheader .t, .proo-blockheader .t a, .proo-blockheader .t a:link, .proo-blockheader .t a:visited, .proo-blockheader .t a:hover, .proo-vmenublockheader .t, .proo-vmenublockheader .t a, .proo-vmenublockheader .t a:link, .proo-vmenublockheader .t a:visited, .proo-vmenublockheader .t a:hover, .proo-headline, .proo-headline a, .proo-headline a:link, .proo-headline a:visited, .proo-headline a:hover, .proo-slogan, .proo-slogan a, .proo-slogan a:link, .proo-slogan a:visited, .proo-slogan a:hover, .proo-postheader, .proo-postheader a, .proo-postheader a:link, .proo-postheader a:visited, .proo-postheader a:hover
{
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 120%;
}

.proo-postcontent a, .proo-postcontent a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #B00002;
}

.proo-postcontent a:visited, .proo-postcontent a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #B00002;
}

.proo-postcontent  a:hover, .proo-postcontent a.hover
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #FA5705;
}

.proo-postcontent h1
{
  color: #000000;
  margin: 10px 0 0;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h1
{
  margin: 10px 0 0;
  font-size: 26px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h1 a, .proo-postcontent h1 a:link, .proo-postcontent h1 a:hover, .proo-postcontent h1 a:visited, .proo-blockcontent h1 a, .proo-blockcontent h1 a:link, .proo-blockcontent h1 a:hover, .proo-blockcontent h1 a:visited
{
  font-size: 26px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h2
{
  color: #000000;
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h2
{
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h2 a, .proo-postcontent h2 a:link, .proo-postcontent h2 a:hover, .proo-postcontent h2 a:visited, .proo-blockcontent h2 a, .proo-blockcontent h2 a:link, .proo-blockcontent h2 a:hover, .proo-blockcontent h2 a:visited
{
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h3
{
  color: #FB7C3C;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h3
{
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h3 a, .proo-postcontent h3 a:link, .proo-postcontent h3 a:hover, .proo-postcontent h3 a:visited, .proo-blockcontent h3 a, .proo-blockcontent h3 a:link, .proo-blockcontent h3 a:hover, .proo-blockcontent h3 a:visited
{
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h4
{
  color: #4E6883;
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h4
{
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h4 a, .proo-postcontent h4 a:link, .proo-postcontent h4 a:hover, .proo-postcontent h4 a:visited, .proo-blockcontent h4 a, .proo-blockcontent h4 a:link, .proo-blockcontent h4 a:hover, .proo-blockcontent h4 a:visited
{
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h5
{
  color: #4E6883;
  margin: 10px 0 0;
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h5
{
  margin: 10px 0 0;
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h5 a, .proo-postcontent h5 a:link, .proo-postcontent h5 a:hover, .proo-postcontent h5 a:visited, .proo-blockcontent h5 a, .proo-blockcontent h5 a:link, .proo-blockcontent h5 a:hover, .proo-blockcontent h5 a:visited
{
  font-size: 15px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h6
{
  color: #A6B7C9;
  margin: 10px 0 0;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-blockcontent h6
{
  margin: 10px 0 0;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-postcontent h6 a, .proo-postcontent h6 a:link, .proo-postcontent h6 a:hover, .proo-postcontent h6 a:visited, .proo-blockcontent h6 a, .proo-blockcontent h6 a:link, .proo-blockcontent h6 a:hover, .proo-blockcontent h6 a:visited
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #proo-hmenu-bg, .proo-sheet, .proo-hmenu a, .proo-vmenu a, .proo-slidenavigator > a, .proo-checkbox:before, .proo-radiobutton:before
{
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;

}

header, footer, article, nav, #proo-hmenu-bg, .proo-sheet, .proo-slidenavigator > a, .proo-checkbox:before, .proo-radiobutton:before
{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

html, body
{
  height: 100%;
}

@media(min-width: 240px) {
 body{ min-width: 240px;}
	}
@media(min-width: 960px) {

  body{ min-width: 960px;}
}
body
{
  padding: 0;
  margin: 0;

  color: #000000;
}

.proo-header:before, #proo-header-bg:before, .proo-layout-cell:before, .proo-layout-wrapper:before, .proo-footer:before, .proo-nav:before, #proo-hmenu-bg:before, .proo-sheet:before
{
  width: 100%;
  content: " ";
  display: table;
}

.proo-header:after, #proo-header-bg:after, .proo-layout-cell:after, .proo-layout-wrapper:after, .proo-footer:after, .proo-nav:after, #proo-hmenu-bg:after, .proo-sheet:after, .cleared, .clearfix:after
{
  clear: both;
  font: 0/0 serif;
  display: block;
  content: " ";
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}

li h1, .proo-postcontent li h1, .proo-blockcontent li h1
{
  margin: 1px;
}

li h2, .proo-postcontent li h2, .proo-blockcontent li h2
{
  margin: 1px;
}

li h3, .proo-postcontent li h3, .proo-blockcontent li h3
{
  margin: 1px;
}

li h4, .proo-postcontent li h4, .proo-blockcontent li h4
{
  margin: 1px;
}

li h5, .proo-postcontent li h5, .proo-blockcontent li h5
{
  margin: 1px;
}

li h6, .proo-postcontent li h6, .proo-blockcontent li h6
{
  margin: 1px;
}

li p, .proo-postcontent li p, .proo-blockcontent li p
{
  margin: 1px;
}

.proo-shapes
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}

.proo-slider-inner
{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.proo-slidenavigator > a
{
  display: inline-block;
  vertical-align: middle;
  outline-style: none;
  font-size: 1px;
}

.proo-slidenavigator > a:last-child
{
  margin-right: 0 !important;
}

.proo-header
{
  margin: 0 auto;
  position: relative;
  height: 178px;
  /*background: rgb(70, 159, 165);*/
  background: transparent;
  color: rgb(255, 255, 255);
}
.proo-header a, .proo-header a:visited{color:#fff;}
.responsive .proo-header
{

}
@media(min-width: 240px) {
.proo-header-inner
{
  position: relative;
  width: 100%;
  z-index: auto !important;
  margin: 0 auto;
}
	}
@media(min-width: 960px) {
.proo-header-inner
{
  position: relative;
  width: 940px;
  z-index: auto !important;
  margin: 0 auto;
}
}


.proo-header>div.proo-nostyle, .proo-header>div.proo-block, .proo-header>div.proo-post
{
  position: absolute;
  z-index: 101;
}

.proo-nav
{
  background: #9d0002 url('../images/topmenu-bg.png') 0 0 repeat-x;
  background: #41121a; padding: 2px 0;
 /* position: absolute;*/
  margin: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  text-align: left;
}

ul.proo-hmenu a, ul.proo-hmenu a:link, ul.proo-hmenu a:visited, ul.proo-hmenu a:hover
{
  outline: none;
  position: relative;
  z-index: 11;
}

ul.proo-hmenu, ul.proo-hmenu ul
{
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
}

ul.proo-hmenu li
{
  position: relative;
  z-index: 5;
  display: block;
  float: left;
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
}

ul.proo-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

ul.proo-hmenu:after, ul.proo-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}

ul.proo-hmenu, ul.proo-hmenu ul
{
  min-height: 0;
}

ul.proo-hmenu
{
  display: inline-block;
  vertical-align: bottom;
}

.proo-nav:before
{
  content: ' ';
}

nav.proo-nav
{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media(min-width: 240px) {
.desktop .proo-nav
{
  width: 100%;
}
	}
@media(min-width: 960px) {
.desktop .proo-nav
{
  width: 940px;
display: block;
      margin: 0 auto;
}
}
.desktop .proo-nav
{
  padding-left: 0;
  padding-right: 0;
}

.proo-hmenu-extra1
{
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  background-position: center;
}

.proo-hmenu-extra2
{
  position: relative;
  display: block;
  float: right;
  width: auto;
  height: auto;
  background-position: center;
}

.proo-hmenu
{
  float: left;
}

.proo-menuitemcontainer
{
  margin: 0 auto;
}

ul.proo-hmenu>li
{
  margin-left: 0;
}

ul.proo-hmenu>li:first-child
{
  margin-left: 0;
}

ul.proo-hmenu>li:last-child, ul.proo-hmenu>li.last-child
{
  margin-right: 0;
}

ul.proo-hmenu>li>a
{
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 34px;
  cursor: pointer;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 34px;
  text-align: center;
}

.proo-hmenu a, .proo-hmenu a:link, .proo-hmenu a:visited, .proo-hmenu a.active, .proo-hmenu a:hover
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
}

ul.proo-hmenu>li>a.active
{
  background: #8D0000;
  padding: 0 10px;
  margin: 0 auto;
  color: #FFFFFF;
  text-decoration: none;
}

ul.proo-hmenu>li>a:visited, ul.proo-hmenu>li>a:hover, ul.proo-hmenu>li:hover>a
{
  text-decoration: none;
}

ul.proo-hmenu>li>a:hover, .desktop ul.proo-hmenu>li:hover>a
{
  background: #bf1527;
  padding: 0 10px;
  margin: 0 auto;
}

ul.proo-hmenu>li>a:hover, .desktop ul.proo-hmenu>li:hover>a
{
  color: #FFFFFF;
  text-decoration: none;
}

ul.proo-hmenu li li a
{
  background: #B9C2CB;
  background: transparent;
  padding: 0 10px;
  margin: 0 auto;
}

ul.proo-hmenu li li
{
  float: none;
  width: auto;
  margin-top: 2px;
  margin-bottom: 2px;
}

.desktop ul.proo-hmenu li li ul>li:first-child
{
  margin-top: 0;
}

ul.proo-hmenu li li ul>li:last-child
{
  margin-bottom: 0;
}

.proo-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 24px;
  min-width: 7em;
  border: 0 solid transparent;
  text-align: left;
  line-height: 24px;
  color: #6A7D90;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  margin: 0;
}

.proo-hmenu ul a:link, .proo-hmenu ul a:visited, .proo-hmenu ul a.active, .proo-hmenu ul a:hover
{
  text-align: left;
  line-height: 24px;
  color: #6A7D90;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  margin: 0;
}

ul.proo-hmenu li li:after
{
  display: block;
  position: absolute;
  content: ' ';
  height: 0;
  top: -1px;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 1px dotted #C6D1DD;
}

.desktop ul.proo-hmenu li li:first-child:before, .desktop ul.proo-hmenu li li:first-child:after
{
  display: none;
}

ul.proo-hmenu ul li a:hover, .desktop ul.proo-hmenu ul li:hover>a
{
  background: #FFFFFF;
  background: transparent;
  margin: 0 auto;
}

.proo-hmenu ul a:hover
{
  text-decoration: none;
}

.proo-hmenu ul li a:hover
{
  color: #F05305;
}

.desktop .proo-hmenu ul li:hover>a
{
  color: #F05305;
}

ul.proo-hmenu ul:before
{
  background: #EFF2F5;
  border: 1px dotted rgba(207, 216, 226, 0.9);
  margin: 0 auto;
  display: block;
  position: absolute;
  content: ' ';
  z-index: 1;
}

.desktop ul.proo-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.desktop ul.proo-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

ul.proo-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;

  background-image: url('../images/spacer.gif');
}

.desktop ul.proo-hmenu>li>ul
{
  padding: 16px 36px 36px 36px;
  margin: -10px 0 0 -30px;
}

.desktop ul.proo-hmenu ul ul
{
  padding: 36px 36px 36px 16px;
  margin: -36px 0 0 -5px;
}

.desktop ul.proo-hmenu ul.proo-hmenu-left-to-right
{
  right: auto;
  left: 0;
  margin: -10px 0 0 -30px;
}

.desktop ul.proo-hmenu ul.proo-hmenu-right-to-left
{
  left: auto;
  right: 0;
  margin: -10px -30px 0 0;
}

.desktop ul.proo-hmenu li li:hover>ul.proo-hmenu-left-to-right
{
  right: auto;
  left: 100%;
}

.desktop ul.proo-hmenu li li:hover>ul.proo-hmenu-right-to-left
{
  left: auto;
  right: 100%;
}

.desktop ul.proo-hmenu ul ul.proo-hmenu-left-to-right
{
  right: auto;
  left: 0;
  padding: 36px 36px 36px 16px;
  margin: -36px 0 0 -5px;
}

.desktop ul.proo-hmenu ul ul.proo-hmenu-right-to-left
{
  left: auto;
  right: 0;
  padding: 36px 16px 36px 36px;
  margin: -36px -5px 0 0;
}

.desktop ul.proo-hmenu li ul>li:first-child
{
  margin-top: 0;
}

.desktop ul.proo-hmenu li ul>li:last-child
{
  margin-bottom: 0;
}

.desktop ul.proo-hmenu ul ul:before
{
  border-radius: 0;
  top: 30px;
  bottom: 30px;
  right: 30px;
  left: 10px;
}

.desktop ul.proo-hmenu>li>ul:before
{
  top: 10px;
  right: 30px;
  bottom: 30px;
  left: 30px;
}

.desktop ul.proo-hmenu>li>ul.proo-hmenu-left-to-right:before
{
  right: 30px;
  left: 30px;
}

.desktop ul.proo-hmenu>li>ul.proo-hmenu-right-to-left:before
{
  right: 30px;
  left: 30px;
}

.desktop ul.proo-hmenu ul ul.proo-hmenu-left-to-right:before
{
  right: 30px;
  left: 10px;
}

.desktop ul.proo-hmenu ul ul.proo-hmenu-right-to-left:before
{
  right: 10px;
  left: 30px;
}

.desktop ul.proo-hmenu>li.ext>a
{
  white-space: nowrap;
}

.desktop ul.proo-hmenu>li.ext>a:hover, .desktop ul.proo-hmenu>li.ext:hover>a, .desktop ul.proo-hmenu>li.ext:hover>a.active
{
  background: none;
  padding: 0 17px 0 17px;
  margin: -0 -0 0 -0;
  overflow: hidden;
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #F05305;
}

.desktop ul.proo-hmenu>li.ext>a:hover:before, .desktop ul.proo-hmenu>li.ext:hover>a:before, .desktop ul.proo-hmenu>li.ext:hover>a.active:before
{
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  left: 0;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  z-index: -1;
}

.desktop ul.proo-hmenu>li.ext:hover>ul
{
  padding-top: 5px;
  margin-top: 0;
}

.desktop ul.proo-hmenu>li.ext:hover>ul:before
{
  top: -1px;
  clip: rect(6px, auto, auto, auto);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

ul.proo-hmenu>li.ext>.ext-r, ul.proo-hmenu>li.ext>.ext-l, ul.proo-hmenu>li.ext>.ext-m, ul.proo-hmenu>li.ext>.ext-off
{
  display: none;
  z-index: 12;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.desktop ul.proo-hmenu>li.ext>ul
{
  z-index: 13;
}

.desktop ul.proo-hmenu>li.ext.ext-r:hover>.ext-r, .desktop ul.proo-hmenu>li.ext.ext-l:hover>.ext-l
{
  position: absolute;
  display: block;
  overflow: hidden;
  height: 6px;
  top: 100%;
  padding-top: 1px;
  margin-top: -1px;
}

.desktop ul.proo-hmenu>li.ext:hover>.ext-r:before, .desktop ul.proo-hmenu>li.ext:hover>.ext-l:before
{
  position: absolute;
  content: ' ';
  top: 0;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

.desktop ul.proo-hmenu>li.ext.ext-r:hover>.ext-r
{
  left: 100%;
  right: auto;
  padding-left: 0;
  margin-left: 0;
  padding-right: 1px;
  margin-right: -1px;
}

.desktop ul.proo-hmenu>li.ext.ext-r:hover>.ext-r:before
{
  right: 0;
  left: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.desktop ul.proo-hmenu>li.ext.ext-l:hover>.ext-l
{
  right: 100%;
  left: auto;
  padding-right: 0;
  margin-right: 0;
  padding-left: 1px;
  margin-left: -1px;
}

.desktop ul.proo-hmenu>li.ext.ext-l:hover>.ext-l:before
{
  right: -1px;
  left: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.desktop ul.proo-hmenu>li.ext:hover>.ext-m, .desktop ul.proo-hmenu>li.ext:hover>.ext-off
{
  position: absolute;
  display: block;
  overflow: hidden;
  height: 5px;
  top: 100%;
}

.desktop ul.proo-hmenu>li.ext.ext-r:hover>.ext-m
{

  left: -0;
  right: 0;
  padding-right: 0;
  padding-left: 0;
}

.desktop ul.proo-hmenu>li.ext:hover>.ext-off
{
  left: -0;
  right: -0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.proo-hmenu>li.ext.ext-l:hover>.ext-m
{
  right: -0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.proo-hmenu>li.ext.ext-l.ext-r:hover>.ext-m
{
  right: -0;
  left: -0;
  padding-left: 0;
  padding-right: 0;
}

.desktop ul.proo-hmenu>li.ext:hover>.ext-m:before, .desktop ul.proo-hmenu>li.ext:hover>.ext-off:before
{
  position: absolute;
  content: ' ';
  top: -1px;
  bottom: -1px;
  background-color: #EFF2F5;
  border: 1px Dotted rgba(207, 216, 226, 0.9);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}

.desktop ul.proo-hmenu>li.ext.ext-r:hover>.ext-m:before
{
  right: -1px;
  left: 0;
}

.desktop ul.proo-hmenu>li.ext.ext-l:hover>.ext-m:before
{
  left: -1px;
  right: 0;
}

.desktop ul.proo-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before
{
  left: -1px;
  right: -1px;
}

@media(min-width: 240px) {
.proo-sheet
{
  width: 100%;
}
	}
@media(min-width: 960px) {
.proo-sheet
{
  width: 940px;
}
}
.proo-sheet
{
  background: #FFFFFF;
  margin: 0 auto;
  position: relative;
  cursor: auto;
  z-index: auto !important;
}

.proo-layout-wrapper
{
  position: relative;
  margin: 10px 0;
  z-index: auto !important;
}

.proo-content-layout
{
  display: table;
  width: 100%;
  table-layout: fixed;
}

.proo-content-layout-row
{
  display: table-row;
}

.proo-layout-cell
{
  display: table-cell;
  vertical-align: top;
}

.proo-postcontent .proo-content-layout
{
  border-collapse: collapse;
}

.proo-vmenublock
{
  margin: 5px;
}

div.proo-vmenublock img
{
  margin: 0;
}

.proo-vmenublockheader
{
  padding: 10px 0;
  margin: 0 auto 7px;
}

.proo-vmenublockheader .t, .proo-vmenublockheader .t a, .proo-vmenublockheader .t a:link, .proo-vmenublockheader .t a:visited, .proo-vmenublockheader .t a:hover
{
  color: #FA6114;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  margin: 0 10px;
}

.proo-vmenublockcontent
{
  margin: 0 auto;
}

ul.proo-vmenu, ul.proo-vmenu ul
{
  list-style: none;
  display: block;
}

ul.proo-vmenu, ul.proo-vmenu li
{
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}

ul.proo-vmenu
{
  margin-top: 0;
  margin-bottom: 0;
}

ul.proo-vmenu ul
{
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.proo-vmenu ul.active
{
  display: block;
}

ul.proo-vmenu>li>a
{
  padding: 0 15px;
  margin: 0 auto;
  color: #607E9F;
  min-height: 30px;
  line-height: 30px;
}

ul.proo-vmenu a
{
  display: block;
  cursor: pointer;
  z-index: 1;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  position: relative;
}

ul.proo-vmenu li
{
  position: relative;
}

ul.proo-vmenu>li
{
  margin-top: 0;
}

ul.proo-vmenu>li>ul
{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ul.proo-vmenu>li:first-child
{
  margin-top: 0;
}

ul.proo-vmenu>li>a:before
{
  content: url('../images/vmenuitemicon.png');
  margin-right: 5px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera ul.proo-vmenu>li>a:before
{
  bottom: 0;
}

ul.proo-vmenu>li>a.active:before
{
  content: url('../images/vmenuactiveitemicon.png');
  margin-right: 5px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera ul.proo-vmenu>li>a.active:before
{
  bottom: 0;
}

ul.proo-vmenu>li>a:hover:before, ul.proo-vmenu>li>a.active:hover:before, ul.proo-vmenu>li:hover>a:before, ul.proo-vmenu>li:hover>a.active:before
{
  content: url('../images/vmenuhovereditemicon.png');
  margin-right: 5px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera ul.proo-vmenu>li>a:hover:before, .opera   ul.proo-vmenu>li>a.active:hover:before, .opera   ul.proo-vmenu>li:hover>a:before, .opera   ul.proo-vmenu>li:hover>a.active:before
{
  bottom: 0;
}

ul.proo-vmenu>li>a:hover, ul.proo-vmenu>li>a.active:hover
{
  padding: 0 15px;
  margin: 0 auto;
}

ul.proo-vmenu>li>a:hover, ul.proo-vmenu>li>a.active:hover
{
  text-decoration: none;
}

ul.proo-vmenu a:hover, ul.proo-vmenu a.active:hover
{
  color: #FA5705;
}

ul.proo-vmenu>li>a.active:hover>span.border-top, ul.proo-vmenu>li>a.active:hover>span.border-bottom
{
  background-color: transparent;
}

ul.proo-vmenu>li>a.active
{
  padding: 0 15px;
  margin: 0 auto;
  text-decoration: none;
  color: #FA5705;
}

ul.proo-vmenu>li>ul:before
{
  margin: 0 auto;
  display: block;
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

ul.proo-vmenu li li a
{
  margin: 0 auto;
  position: relative;
}

ul.proo-vmenu ul li
{
  margin: 0;
  padding: 0;
}

ul.proo-vmenu li li
{
  position: relative;
  margin-top: 0;
}

ul.proo-vmenu ul a
{
  display: block;
  position: relative;
  min-height: 22px;
  overflow: visible;
  padding: 0;
  padding-left: 27px;
  padding-right: 27px;
  z-index: 0;
  line-height: 22px;
  color: #6C7F93;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}

ul.proo-vmenu ul a:visited, ul.proo-vmenu ul a.active:hover, ul.proo-vmenu ul a:hover, ul.proo-vmenu ul a.active
{
  line-height: 22px;
  color: #6C7F93;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}

ul.proo-vmenu ul ul a
{
  padding-left: 54px;
}

ul.proo-vmenu ul ul ul a
{
  padding-left: 81px;
}

ul.proo-vmenu ul ul ul ul a
{
  padding-left: 108px;
}

ul.proo-vmenu ul ul ul ul ul a
{
  padding-left: 135px;
}

ul.proo-vmenu ul>li>a:hover, ul.proo-vmenu ul>li>a.active:hover
{
  margin: 0 auto;
}

ul.proo-vmenu ul li a:hover, ul.proo-vmenu ul li a.active:hover
{
  text-decoration: none;
  color: #FA5705;
}

ul.proo-vmenu ul a:hover:after
{
  background-position: center;
}

ul.proo-vmenu ul a.active:hover:after
{
  background-position: center;
}

ul.proo-vmenu ul a.active:after
{
  background-position: bottom;
}

ul.proo-vmenu ul>li>a.active
{
  margin: 0 auto;
}

ul.proo-vmenu ul a.active, ul.proo-vmenu ul a:hover, ul.proo-vmenu ul a.active:hover
{
  text-decoration: none;
  color: #FA5705;
}

.proo-block
{
  margin: 10px;
}

div.proo-block img
{
  border: none;
  margin: 0;
}

.proo-blockheader
{
  background: #606060;
  background: linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  background: -webkit-linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  background: -moz-linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  background: -o-linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  background: -ms-linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  background: linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  -svg-background: linear-gradient(top, #616161 0, #636363 40%, #636363 85%, #525252 100%) no-repeat;
  margin: 0 auto;
}

.proo-blockheader .t, .proo-blockheader .t a, .proo-blockheader .t a:link, .proo-blockheader .t a:visited, .proo-blockheader .t a:hover
{
  color: #FFFFFF;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
  line-height: 150%;
  margin: 0 3px;
}

.proo-blockheader .t:before
{
  content: url('../images/blockheadericon.png');
  margin-right: 0;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .proo-blockheader .t:before
{
  bottom: 0;
}

.proo-blockcontent
{
  background: #FFFFFF;
  margin: 0 auto;
  color: #000000;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

.proo-blockcontent table, .proo-blockcontent li, .proo-blockcontent a, .proo-blockcontent a:link, .proo-blockcontent a:visited, .proo-blockcontent a:hover
{
  color: #000000;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

.proo-blockcontent p
{
  margin: 0 5px;
}

.proo-blockcontent a, .proo-blockcontent a:link
{
  color: #B00002;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.proo-blockcontent a:visited, .proo-blockcontent a.visited
{
  color: #B00002;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.proo-blockcontent a:hover, .proo-blockcontent a.hover
{
  color: #FA5705;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.proo-block ul>li:before
{
  content: url('../images/blockbullets.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-left: -12px;
}

.opera .proo-block ul>li:before
{
  bottom: 0;
}

.proo-block li
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
  color: #B00002;
  margin: 5px 0 0 10px;
}

.proo-block ul>li, .proo-block ol
{
  padding: 0;
}

.proo-block ul>li
{
  padding-left: 12px;
}

.proo-breadcrumbs
{
  margin: 0 auto;
}

a.proo-button, a.proo-button:link, a:link.proo-button:link, body a.proo-button:link, a.proo-button:visited, body a.proo-button:visited, input.proo-button, button.proo-button
{
  text-decoration: none;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  margin: 0 5px 0 0 !important;
  overflow: visible;
  cursor: pointer;
  text-indent: 0;
  line-height: 24px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.proo-button img
{
  margin: 0;
  vertical-align: middle;
}

.firefox2 .proo-button
{
  display: block;
  float: left;
}

input, select, textarea, a.proo-search-button span
{
  vertical-align: middle;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

.proo-block select
{
  width: 96%;
}

input.proo-button
{
  float: none !important;
}

.proo-button.active, .proo-button.active:hover
{
  background: #A1ADBA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
}

.proo-button.active, .proo-button.active:hover
{
  color: #FFFFFF !important;
}

.proo-button.hover, .proo-button:hover
{
  background: #8A99A8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  padding: 0 21px;
  margin: 0 auto;
}

.proo-button.hover, .proo-button:hover
{
  color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  background: #F9FAFB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #B9C2CB;
  margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  width: 100%;
  padding: 4px 0;
  color: #3D5166 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
}

input.proo-error, textarea.proo-error
{
  background: #F9FAFB;
  border: 1px solid #E2341D;
  margin: 0 auto;
}

input.proo-error, textarea.proo-error
{
  color: #3D5166 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.proo-search input[type="text"]
{
  background: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCD6E0;
  margin: 0 auto;
  width: 100%;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #364049 !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

form.proo-search
{
  background-image: none;
  border: 0;
  display: block;
  position: relative;
  top: 0;
  padding: 0;
  margin: 5px;
  left: 0;
  line-height: 0;
}

form.proo-search input, a.proo-search-button
{
  top: 0;
  right: 0;
}

form.proo-search>input, a.proo-search-button
{
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

form.proo-search input[type="submit"], input.proo-search-button, a.proo-search-button
{
  margin: 0 auto;
}

form.proo-search input[type="submit"], input.proo-search-button, a.proo-search-button
{
  position: absolute;
  left: auto;
  display: block;
  border: none;
  background: url('../images/searchicon.png') center center no-repeat;
  width: 24px;
  height: 100%;
  padding: 0;
  color: #FFFFFF !important;
  cursor: pointer;
}

a.proo-search-button span.proo-search-button-text
{
  display: none;
}

label.proo-checkbox:before
{
  background: #F9FAFB;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
}

label.proo-checkbox

{
  cursor: pointer;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 16px;
  display: inline-block;
  color: #364049 !important;
}

.proo-checkbox>input[type="checkbox"]
{
  margin: 0 5px 0 0;
}

label.proo-checkbox.active:before
{
  background: #FC905A;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  display: inline-block;
}

label.proo-checkbox.hovered:before
{
  background: #D9DEE3;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-width: 0;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  display: inline-block;
}

label.proo-radiobutton:before
{
  background: #F9FAFB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
}

label.proo-radiobutton
{
  cursor: pointer;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 12px;
  display: inline-block;
  color: #364049 !important;
}

.proo-radiobutton>input[type="radio"]
{
  vertical-align: baseline;
  margin: 0 5px 0 0;
}

label.proo-radiobutton.active:before
{
  background: #B9C2CB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

label.proo-radiobutton.hovered:before
{
  background: #D9DEE3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 0;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.proo-comments
{
  border-top: 1px dotted #A1ADBA;
  margin: 0 auto;
  margin-top: 25px;
}

.proo-comments h2
{
  color: #23292F;
}

.proo-comment-inner
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  margin: 0 auto;
  margin-left: 96px;
}

.proo-comment-avatar
{
  float: left;
  width: 80px;
  height: 80px;
  padding: 2px;
  background: #fff;
  border: 1px solid #E2E8EE;
}

.proo-comment-avatar>img
{
  margin: 0 !important;
  border: none !important;
}

.proo-comment-content
{
  padding: 10px 0;
  color: #303F50;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-comment
{
  margin-top: 6px;
}

.proo-comment:first-child
{
  margin-top: 0;
}

.proo-comment-header
{
  color: #23292F;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.proo-comment-header a, .proo-comment-header a:link, .proo-comment-header a:visited, .proo-comment-header a.visited, .proo-comment-header a:hover, .proo-comment-header a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 100%;
}

.proo-comment-header a, .proo-comment-header a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  color: #758799;
}

.proo-comment-header a:visited, .proo-comment-header a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #758799;
}

.proo-comment-header a:hover, .proo-comment-header a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #758799;
}

.proo-comment-content a, .proo-comment-content a:link, .proo-comment-content a:visited, .proo-comment-content a.visited, .proo-comment-content a:hover, .proo-comment-content a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-comment-content a, .proo-comment-content a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #CD4704;
}

.proo-comment-content a:visited, .proo-comment-content a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #3F5369;
}

.proo-comment-content a:hover, .proo-comment-content a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #CD4704;
}

.proo-pager
{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px;
  margin: 2px;
}

.proo-pager>*:last-child, .proo-pager>*:last-child:hover
{
  margin-right: 0;
}

.proo-pager>span
{
  cursor: default;
}

.proo-pager>*
{
  background: #D9DEE3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin: 0 4px 0 auto;
  position: relative;
  display: inline-block;
  margin-left: 0;
}

.proo-pager a:link, .proo-pager a:visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #1C2126;
}

.proo-pager .active
{
  background: #B6BFC9;
  padding: 10px;
  margin: 0 4px 0 auto;
  color: #FFFFFF;
}

.proo-pager .more
{
  background: #D9DEE3;
  margin: 0 4px 0 auto;
}

.proo-pager a.more:link, .proo-pager a.more:visited
{
  color: #411701;
}

.proo-pager a:hover
{
  background: #B9C2CB;
  padding: 10px;
  margin: 0 4px 0 auto;
}

.proo-pager  a:hover, .proo-pager  a.more:hover
{
  text-decoration: none;
  color: #21262C;
}

.proo-pager>*:after
{
  margin: 0 0 0 auto;
  display: inline-block;
  position: absolute;
  content: ' ';
  top: 0;
  width: 0;
  height: 100%;
  right: 0;
  text-decoration: none;
}

.proo-pager>*:last-child:after
{
  display: none;
}

.proo-commentsform
{
  background: #E2E8EE;
  background: transparent;
  padding: 10px;
  margin: 0 auto;
  margin-top: 25px;
  color: #23292F;
}

.proo-commentsform h2
{
  padding-bottom: 10px;
  margin: 0;
  color: #23292F;
}

.proo-commentsform label
{
  display: inline-block;
  line-height: 25px;
}

.proo-commentsform input:not([type=submit]), .proo-commentsform textarea
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.proo-commentsform .form-submit
{
  margin-top: 10px;
}

.proo-post
{
  padding: 10px;
}

a img
{
  border: 0;
}

.proo-article img, img.proo-article, .proo-block img, .proo-footer img
{
  margin: 7px 7px 7px 7px;
}

.proo-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.proo-article table, table.proo-article
{
  border-collapse: collapse;
  margin: 1px;
}

.proo-post .proo-content-layout-br
{
  height: 0;
}

.proo-article th, .proo-article td
{
  padding: 2px;
  border: solid 1px #B9C2CB;
  vertical-align: top;
  text-align: left;
}

.proo-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

.preview-cms-logo
{
  border: 0;
  margin: 1em 1em 0 0;
  float: left;
}

.image-caption-wrapper
{
  padding: 7px 7px 7px 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper img
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper div.proo-collage
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper p
{
  font-size: 80%;
  text-align: right;
  margin: 0;
}

.proo-postheader
{
  color: #000000;
  margin: 5px 0;
  font-size: 24px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

.proo-postheader a, .proo-postheader a:link, .proo-postheader a:visited, .proo-postheader a.visited, .proo-postheader a:hover, .proo-postheader a.hovered
{
  font-size: 24px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

.proo-postheader a, .proo-postheader a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #B00002;
}

.proo-postheader a:visited, .proo-postheader a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #B00002;
}

.proo-postheader a:hover, .proo-postheader a.hovered
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #FA5705;
}

.proo-postheadericons, .proo-postheadericons a, .proo-postheadericons a:link, .proo-postheadericons a:visited, .proo-postheadericons a:hover
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #B00002;
}

.proo-postheadericons
{
  padding: 1px;
  margin: 0 0 0 10px;
}

.proo-postheadericons a, .proo-postheadericons a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #FB722D;
}

.proo-postheadericons a:visited, .proo-postheadericons a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #587493;
}

.proo-postheadericons a:hover, .proo-postheadericons a.hover
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  color: #E65005;
}

.proo-postdateicon:before
{
  content: url('../images/postdateicon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .proo-postdateicon:before
{
  bottom: 0;
}

.proo-postauthoricon:before
{
  content: url('../images/postauthoricon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .proo-postauthoricon:before
{
  bottom: 0;
}

.proo-postediticon:before
{
  content: url('../images/system/edit.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .proo-postediticon:before
{
  bottom: 0;
}

.proo-postcontent ul>li:before, .proo-post ul>li:before, .proo-textblock ul>li:before
{
  content: url('../images/postbullets.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .proo-postcontent ul>li:before, .opera   .proo-post ul>li:before, .opera   .proo-textblock ul>li:before
{
  bottom: 0;
}

.proo-postcontent li, .proo-post li, .proo-textblock li
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #303F50;
  margin: 3px 0 0 11px;
}

.proo-postcontent ul>li, .proo-post ul>li, .proo-textblock ul>li, .proo-postcontent ol, .proo-post ol, .proo-textblock ol
{
  padding: 0;
}

.proo-postcontent ul>li, .proo-post ul>li, .proo-textblock ul>li
{
  padding-left: 13px;
}

.proo-postcontent ul>li:before, .proo-post ul>li:before, .proo-textblock ul>li:before
{
  margin-left: -13px;
}

.proo-postcontent ol, .proo-post ol, .proo-textblock ol, .proo-postcontent ul, .proo-post ul, .proo-textblock ul
{
  margin: 1em 0 1em 11px;
}

.proo-postcontent li ol, .proo-post li ol, .proo-textblock li ol, .proo-postcontent li ul, .proo-post li ul, .proo-textblock li ul
{
  margin: 0.5em 0 0.5em 11px;
}

.proo-postcontent li, .proo-post li, .proo-textblock li
{
  margin: 3px 0 0 0;
}

.proo-postcontent ol>li, .proo-post ol>li, .proo-textblock ol>li
{
  overflow: visible;
}

.proo-postcontent ul>li, .proo-post ul>li, .proo-textblock ul>li
{

}

blockquote
{
  background: #EFF2F5 url('../images/postquote.png') no-repeat scroll;
  padding: 10px 10px 10px 47px;
  margin: 10px 0 0 25px;
  color: #0D1216;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  overflow: auto;
  clear: both;
}

blockquote a, .proo-postcontent blockquote a, .proo-blockcontent blockquote a, .proo-footer blockquote a, blockquote a:link, .proo-postcontent blockquote a:link, .proo-blockcontent blockquote a:link, .proo-footer blockquote a:link, blockquote a:visited, .proo-postcontent blockquote a:visited, .proo-blockcontent blockquote a:visited, .proo-footer blockquote a:visited, blockquote a:hover, .proo-postcontent blockquote a:hover, .proo-blockcontent blockquote a:hover, .proo-footer blockquote a:hover
{
  color: #0D1216;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

blockquote p, .proo-postcontent blockquote p, .proo-blockcontent blockquote p, .proo-footer blockquote p
{
  margin: 0;
  margin: 5px 0;
}

.Sorter img
{
  border: 0;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  position: static;
  z-index: 1;
  width: 12px;
  height: 6px;
}

.Sorter a
{
  position: relative;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #647587;
}

.Sorter a:link
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #647587;
}


.Sorter a:visited, .Sorter a.visited
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #647587;
}

.Sorter a:hover, .Sorter a.hover
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #4C5967;
}

.Sorter
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #364049;
}

.proo-footer
{
  /*background: #106267;*/
  background: #350810;
  margin: 0 auto;
  position: relative;
  color: #FFFFFF;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
  text-align: left;
  padding: 0;
}

.proo-footer a, .proo-footer a:link, .proo-footer a:visited, .proo-footer a:hover, .proo-footer td, .proo-footer th, .proo-footer caption
{
  color: #FFFFFF;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%;
}

.proo-footer p
{
  padding: 0;
  text-align: left;
}

.proo-footer a, .proo-footer a:link
{
  color: #FFCC00;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.proo-footer a:visited
{
  color: #FFCC00;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}

.proo-footer a:hover
{
  color: #FFFFFF;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: underline;
}

.proo-footer h1
{
  color: #8A99A8;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer h2
{
  color: #A1ADBA;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer h3
{
  color: #FA681E;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer h4
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer h5
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer h6
{
  color: #9CAFC4;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.proo-footer img
{
  border: none;
  margin: 0;
}

@media(min-width: 240px) {
.proo-footer-inner
{
  width: 100%;
}
	}
@media(min-width: 960px) {
.proo-footer-inner
{
  width: 940px;
}
}
.proo-footer-inner
{
  margin: 0 auto;

  padding: 10px;
  padding-right: 10px;
  padding-left: 10px;
  overflow:auto;
}

.ptf-standard-footer
{
  background: #350810;
  border-top: 3px solid #FFCC00;
}

.ptf-standard-footer .proo-footer-inner
{
  box-sizing: border-box;
  padding: 18px 14px 14px;
}

.ptf-footer-top
{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
  padding-bottom: 12px;
}

.ptf-footer-home,
.ptf-footer-home:link,
.ptf-footer-home:visited
{
  color: #FFCC00;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
}

.ptf-footer-top span
{
  color: #FFFFFF;
  line-height: 1.45;
  text-align: right;
}

.ptf-footer-grid
{
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.ptf-footer-brand strong,
.ptf-footer-section strong
{
  display: block;
  color: #FFCC00;
  font-size: 14px;
  line-height: 1.35;
  margin: 0 0 7px;
}

.ptf-footer-brand p
{
  color: #FFFFFF;
  margin: 0;
  line-height: 1.55;
  max-width: 340px;
}

.ptf-footer-section ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ptf-footer-section li
{
  margin: 0 0 5px;
  padding: 0;
  line-height: 1.45;
}

.ptf-footer-section ul>li:before
{
  content: none;
}

.ptf-footer-bottom
{
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 15px;
  padding-top: 12px;
}

.ptf-back-top
{
  white-space: nowrap;
}

@media (max-width: 700px)
{
  .ptf-footer-top
  {
    display: block;
  }

  .ptf-footer-top span
  {
    display: block;
    margin-top: 5px;
    text-align: left;
  }

  .ptf-footer-grid
  {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .ptf-footer-brand
  {
    grid-column: 1 / -1;
  }
}

@media (max-width: 360px)
{
  .ptf-standard-footer .proo-footer-inner
  {
    padding: 14px 10px 12px;
  }

  .ptf-footer-grid
  {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ptf-footer-bottom
  {
    display: block;
  }

  .ptf-back-top
  {
    display: inline-block;
    margin-top: 8px;
  }
}

.proo-rss-tag-icon
{
  background: url('../images/footerrssicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
}

.proo-rss-tag-icon:empty
{
  vertical-align: middle;
}

.proo-facebook-tag-icon
{
  background: url('../images/footerfacebookicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
}

.proo-facebook-tag-icon:empty
{
  vertical-align: middle;
}

.proo-twitter-tag-icon
{
  background: url('../images/footertwittericon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
}

.proo-twitter-tag-icon:empty
{
  vertical-align: middle;
}

.proo-footer ul>li:before
{
  content: url('../images/footerbullets.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-left: -13px;
}

.opera .proo-footer ul>li:before
{
  bottom: 0;
}

.proo-footer li
{
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #FEDAC8;
}

.proo-footer ul>li, .proo-footer ol
{
  padding: 0;
}

.proo-footer ul>li
{
  padding-left: 13px;
}

.proo-page-footer, .proo-page-footer a, .proo-page-footer a:link, .proo-page-footer a:visited, .proo-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #CAD1D8;
}

.proo-page-footer
{
  position: relative;
  z-index: auto !important;
  padding: 1em;
  text-align: center !important;
  text-decoration: none;
  color: #ACBCCD;
}

.proo-lightbox-wrapper
{
  background: #333;
  background: rgba(0, 0, 0, .8);
  bottom: 0;
  left: 0;
  padding: 0 100px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1000000;
}

.proo-lightbox, .proo-lightbox-wrapper .proo-lightbox-image
{
  cursor: pointer;
}

.proo-lightbox-wrapper .proo-lightbox-image
{
  border: 6px solid #fff;
  border-radius: 3px;
  display: none;
  max-width: 100%;
  vertical-align: middle;
}

.proo-lightbox-wrapper .proo-lightbox-image.active
{
  display: inline-block;
}

.proo-lightbox-wrapper .lightbox-error
{
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 80px;
  opacity: .95;
  padding: 20px;
  position: fixed;
  width: 300px;
  z-index: 100;
}

.proo-lightbox-wrapper .loading
{
  background: #fff url('../images/preloader-01.gif') center center no-repeat;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 32px;
  opacity: .5;
  padding: 10px;
  position: fixed;
  width: 32px;
  z-index: 10100;
}

.proo-lightbox-wrapper .arrow
{
  cursor: pointer;
  height: 100px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  width: 82px;
  z-index: 10003;
}

.proo-lightbox-wrapper .arrow.left
{
  left: 9px;
}

.proo-lightbox-wrapper .arrow.right
{
  right: 9px;
}

.proo-lightbox-wrapper .arrow:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

.proo-lightbox-wrapper .arrow.disabled
{
  display: none;
}

.proo-lightbox-wrapper .arrow-t, .proo-lightbox-wrapper .arrow-b
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  left: 26px;
  position: relative;
  width: 30px;
}

.proo-lightbox-wrapper .arrow-t
{
  top: 38px;
}

.proo-lightbox-wrapper .arrow-b
{
  top: 50px;
}

.proo-lightbox-wrapper .close
{
  cursor: pointer;
  height: 22px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  right: 39px;
  top: 30px;
  width: 22px;
  z-index: 10003;
}

.proo-lightbox-wrapper .close:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

.proo-lightbox-wrapper .close .cw, .proo-lightbox-wrapper .close .ccw
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  position: absolute;
  left: -4px;
  top: 8px;
  width: 30px;
}

.proo-lightbox-wrapper .cw
{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.proo-lightbox-wrapper .ccw
{
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.proo-lightbox-wrapper .close-alt, .proo-lightbox-wrapper .arrow-right-alt, .proo-lightbox-wrapper .arrow-left-alt
{
  color: #fff;
  display: none;
  font-size: 2.5em;
  line-height: 100%;
}

.ie8 .proo-lightbox-wrapper .close-alt, .ie8 .proo-lightbox-wrapper .arrow-right-alt, .ie8 .proo-lightbox-wrapper .arrow-left-alt
{
  display: block;
}

.ie8 .proo-lightbox-wrapper .cw, .ie8 .proo-lightbox-wrapper .ccw
{
  display: none;
}

.proo-content-layout .proo-sidebar1
{
  margin: 0 auto;
  width: 225px;
}

.proo-content-layout .proo-content
{
  margin: 0 auto;
}

.proo-content-layout .proo-sidebar2
{
  margin: 0 auto;
  width: 225px;
}

fieldset
{
  border: none;
}

fieldset dl
{
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

fieldset dt
{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 12em;
  height: 2em;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  background: none;
  line-height: 2em;
  overflow: hidden;
}

fieldset dd
{
  display: block;
  min-height: 2em;
  margin: 0 0 0 12em;
  padding: 0;
  background: none;
  line-height: 2em;
}

fieldset label
{
  display: inline-block;
  width: 12em;
}

fieldset textarea
{
  vertical-align: text-top;
}

.img-fulltext-left, .img-intro-left
{
  float: left;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0.3em 0.3em 0;
  margin-top: 0;
}

.img-fulltext-right, .img-intro-right
{
  float: right;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 0.3em 0.3em;
  margin-top: 0;
}

ul.pagenav
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

ul.pagenav li, ul.pagenav li:before
{
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: center;
  content: normal;
}

ul.pagenav li.pagenav-prev
{
  float: left;
}

ul.pagenav li.pagenav-next
{
  margin: 0 0 0 50%;
}

div.item-page dl.tabs
{
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page dl.tabs:before
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  width: 1em;
  height: 2em;
  overflow: hidden;
}

div.item-page dl.tabs dt
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  height: 2em;
  overflow: hidden;
  border-left: solid 1px #B9C2CB;
  border-top: solid 1px #B9C2CB;
}

div.item-page dl.tabs dt h3
{
  margin: 0;
  padding: 0 1em;
  line-height: 2em;
  font-size: 100%;
  overflow: hidden;
}

div.item-page dl.tabs dt h3 a
{
  text-decoration: none;
}

div.item-page dl.tabs:after
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  border-left: solid 1px #B9C2CB;
  content: " ";
  overflow: hidden;
  height: 2em;
}

div.item-page div.current
{
  clear: both;
  border: solid 1px #B9C2CB;
}

div.item-page div.current dd.tabs
{
  margin: 0;
  padding: 0;
}

div.item-page .panel
{
  border: solid 1px #B9C2CB;
  margin-top: -1px;
}

div.item-page .panel h3
{
  margin: 0;
  padding: 0;
}

div.item-page .panel h3 a
{
  display: block;
  padding: 6px;
  text-decoration: none;
}

div.item-page .panel h3.pane-toggler-down a
{
  border-bottom: solid 1px #B9C2CB;
}

div.item-page .panel .pane-slider
{
  margin: 0;
  padding: 0;
}

div.item-page div.pagination ul
{
  clear: both;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

div.item-page div.pagination li
{
  display: block;
  width: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
  white-space: nowrap;
}

div.item-page div.pagination:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#searchForm .phrases-box
{
  display: block;
  float: left;
}

#searchForm .ordering-box
{
  text-align: right;
}

#searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label
{
  display: inline-block;
  width: auto;
  height: 2em;
  margin: 0;
  padding: 0 0.3em;
}

#mod-finder-searchform label
{
  display: block;
}

#mod-finder-searchform input.inputbox
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

#login-form #form-login-username label, #login-form #form-login-password label
{
  display: block;
}

#login-form #form-login-username input, #login-form #form-login-password input
{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 300px;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

dl.stats-module
{
  padding: 0.3em 0 0.3em 0.3em;
  margin: 0;
}

dl.stats-module dt
{
  float: left;
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  width: 10em;
  padding: 0.3em 0.3em 0 0;
  margin: 0;
  font-weight: bold;
}

dl.stats-module dd
{
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  margin-left: 0 0 0 10em;
}

div.mod-languages ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.mod-languages li
{
  background: none;
  margin: 0 0.3em;
  padding: 0;
}

div.mod-languages ul.lang-inline li
{
  display: inline;
}

div.mod-languages ul.lang-block li
{
  display: block;
}

div.mod-languages img
{
  border: none;
  margin: 0;
  padding: 0;
}

div.clr
{
  clear: both;
}

#system-message ul li
{
  background-image: none;
}

ul.actions, ul.actions li, ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

ul.actions li
{
  background: none;
  list-style: none;
}

.items-row
{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.items-row .item
{
  display: table-cell;
  vertical-align: top;
}

.items-row .row-separator
{
  display: none;
}

div.pagination p.counter
{
  display: inline-block;
  margin: 0 0.3em 0 0;
  padding: 0;
  background: none;
}

div.pagination ul, div.pagination ul li, div.pagination ul > li:before
{
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 0.3em;
  background: none;
  content: normal;
}

div.tip-wrap
{
  background: #fff;
  border: 1px solid #aaa;
}

div.tip-wrap div.tip
{
  padding: 0.3em;
}

div.tip-wrap div.tip-title
{
  font-weight: bold;
}

table.category
{
  width: 100%;
}

table.category thead th img
{
  padding: 0 0 0 0.3em;
  margin: 0;
  border: none;
}

span.hasTip a img
{
  padding: 0;
  margin: 0;
  border: none;
}

div.categories-list ul li span.item-title, div.cat-children ul li span.item-title
{
  display: block;
  margin: 0 0 0.3em 0;
}

div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc
{
  margin: 0 0 0.3em 0;
}

div.categories-list dl, div.cat-children dl
{
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background: none;
}

div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd
{
  display: inline-block;
  padding: 0;
  margin: 0;
  background: none;
}

div.img_caption p.img_caption
{
  padding: 0.3em 0;
  margin: 0;
}

form .search label, form .finder label
{
  display: none;
}

.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
  float: left;
  clear: right;
}

.cols-2 .column-1
{
  width: 50%;
}

.cols-2 .column-2
{
  width: 50%;
}

.cols-3 .column-1
{
  width: 33%;
}

.cols-3 .column-2
{
  width: 33%;
}

.cols-3 .column-3
{
  width: 34%;
}

.row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6
{
  display: inline;
}
.responsive .proo-nav { background: rgb(34, 32, 32) !important; margin: 0 1%; }
.responsive .proo-nav .proo-menu-btn { display: inline-block; margin-left: 7px; margin-top: 5px; }
/* Begin Additional CSS Styles */
.proo-footer.ptf-standard-footer
{
  background: #350810 !important;
  border-top: 3px solid #FFCC00 !important;
  color: #FFFFFF !important;
}

.proo-footer.ptf-standard-footer .proo-footer-inner
{
  box-sizing: border-box !important;
  max-width: 940px;
  overflow: visible !important;
  padding: 16px 14px 12px !important;
}

.proo-footer.ptf-standard-footer .ptf-footer-top
{
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  display: flex !important;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 13px;
  padding: 0 0 10px;
}

.proo-footer.ptf-standard-footer .ptf-footer-home
{
  color: #FFCC00 !important;
  display: inline-block;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.35 !important;
}

.proo-footer.ptf-standard-footer .ptf-footer-top span
{
  color: #FFFFFF;
  display: block;
  line-height: 1.45;
  text-align: right;
}

.proo-footer.ptf-standard-footer .ptf-footer-grid
{
  display: flex !important;
  gap: 22px;
  justify-content: space-between;
}

.proo-footer.ptf-standard-footer .ptf-footer-brand
{
  flex: 1.35 1 0;
  min-width: 0;
}

.proo-footer.ptf-standard-footer .ptf-footer-section
{
  flex: 1 1 0;
  min-width: 0;
}

.proo-footer.ptf-standard-footer .ptf-footer-brand strong,
.proo-footer.ptf-standard-footer .ptf-footer-section strong
{
  color: #FFFFFF !important;
  display: block;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
}

.proo-footer.ptf-standard-footer .ptf-footer-brand p
{
  color: #FFFFFF !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.proo-footer.ptf-standard-footer ul
{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-footer.ptf-standard-footer ul>li,
.proo-footer.ptf-standard-footer li
{
  display: block;
  line-height: 1.45 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

.proo-footer.ptf-standard-footer ul>li:before
{
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

.proo-footer.ptf-standard-footer a
{
  color: #FFCC00 !important;
}

.proo-footer.ptf-standard-footer .ptf-footer-bottom
{
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  display: flex !important;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.45;
  margin: 12px 0 0;
  padding: 10px 0 0;
}

.proo-footer.ptf-standard-footer .ptf-back-top
{
  white-space: nowrap;
}

@media (max-width: 700px)
{
  .proo-footer.ptf-standard-footer .ptf-footer-top
  {
    display: block !important;
  }

  .proo-footer.ptf-standard-footer .ptf-footer-top span
  {
    margin-top: 4px;
    text-align: left;
  }

  .proo-footer.ptf-standard-footer .ptf-footer-grid
  {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
  }

  .proo-footer.ptf-standard-footer .ptf-footer-brand
  {
    grid-column: 1 / -1;
  }
}

@media (max-width: 360px)
{
  .proo-footer.ptf-standard-footer .proo-footer-inner
  {
    padding: 13px 10px 11px !important;
  }

  .proo-footer.ptf-standard-footer .ptf-footer-grid
  {
    grid-template-columns: 1fr;
  }

  .proo-footer.ptf-standard-footer .ptf-footer-bottom
  {
    display: block !important;
  }

  .proo-footer.ptf-standard-footer .ptf-back-top
  {
    display: inline-block;
    margin-top: 7px;
  }
}

.proo-nav.ptf-standard-nav
{
  background: #222020 !important;
  border-bottom: 3px solid #8f101c;
  box-sizing: border-box;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  margin: 0 auto !important;
  overflow: visible;
  padding: 5px 7px !important;
  width: 100% !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu
{
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li
{
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li:before
{
  content: none !important;
  display: none !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  background: transparent !important;
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
  color: #FFCC00 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: bold;
  line-height: 1.2 !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.current>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.active>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a.active
{
  background: #350810 !important;
  border-color: rgba(255, 204, 0, 0.55);
  color: #FFFFFF !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:hover,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:focus
{
  background: #350810 !important;
  border-color: rgba(255, 204, 0, 0.45);
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta
{
  margin-left: auto !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a
{
  border-color: #FFCC00;
  color: #FFFFFF !important;
}

.ptf-sidebar-menu .proo-blockheader .t
{
  line-height: 1.25;
}

.ptf-sidebar-menu .ptf-side-menu
{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-sidebar-menu .ptf-side-menu>li
{
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-sidebar-menu .ptf-side-menu>li:before
{
  content: none !important;
  display: none !important;
}

.ptf-sidebar-menu .ptf-side-menu>li>a
{
  display: block;
  line-height: 1.35;
  padding: 6px 2px !important;
}

.ptf-sidebar-menu .ptf-side-menu>li.current>a,
.ptf-sidebar-menu .ptf-side-menu>li.active>a
{
  font-weight: bold;
}

@media (max-width: 700px)
{
  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta
  {
    margin-left: 0 !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li>a
  {
    overflow-wrap: anywhere;
    padding: 8px 6px !important;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 360px)
{
  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1080px)
{
  .proo-header-inner,
  .proo-sheet,
  .proo-footer-inner
  {
    max-width: 1400px !important;
    width: calc(100% - 48px) !important;
  }

  .proo-header-inner .nblock
  {
    max-width: none !important;
    width: 100% !important;
  }

  .proo-footer.ptf-standard-footer .proo-footer-inner
  {
    max-width: 1400px !important;
  }

  .proo-content-layout .proo-sidebar1
  {
    width: 235px;
  }

  .proo-content-layout .proo-content
  {
    width: auto;
  }
}

.proo-content-layout .proo-sidebar1
{
  padding: 16px 10px 16px 0;
}

.proo-sidebar1 .proo-block,
.proo-sidebar1 .proo-block.clearfix_menu,
.proo-sidebar1 .proo-nostyle
{
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  margin: 0 0 14px;
  overflow: hidden;
}

.proo-sidebar1 .proo-blockheader
{
  background: #350810 !important;
  border-bottom: 2px solid #FFCC00;
  min-height: 0;
}

.proo-sidebar1 .proo-blockheader .t
{
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
}

.proo-sidebar1 .proo-blockcontent
{
  background: #FFFFFF !important;
  box-sizing: border-box;
  padding: 10px !important;
}

.proo-sidebar1 .proo-blockcontent p
{
  margin: 0 0 8px;
}

.proo-sidebar1 .custom a,
.proo-sidebar1 .proo-blockcontent a
{
  color: #B80000 !important;
}

.ptf-sidebar-menu .proo-blockcontent
{
  padding: 0 !important;
}

.ptf-sidebar-menu .ptf-side-menu>li
{
  border-bottom: 1px solid #E8E8E8;
}

.ptf-sidebar-menu .ptf-side-menu>li:last-child
{
  border-bottom: none;
}

.ptf-sidebar-menu .ptf-side-menu>li>a
{
  background: #FAFAFA !important;
  color: #222222 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  padding: 8px 10px !important;
}

.ptf-sidebar-menu .ptf-side-menu>li>a:hover,
.ptf-sidebar-menu .ptf-side-menu>li.current>a,
.ptf-sidebar-menu .ptf-side-menu>li.active>a
{
  background: #F4EDED !important;
  color: #8A0010 !important;
  text-decoration: none !important;
}

.proo-sidebar1 .custom.res_none
{
  border: none;
}

.proo-sidebar1 .custom.res_none img,
.proo-sidebar1 .proo-nostyle img
{
  display: block;
  height: auto;
  margin: 10px auto !important;
  max-width: 150px;
}

.proo-sidebar1 .test-left .proo-blockcontent
{
  max-height: 310px;
  overflow: hidden;
  position: relative;
}

.proo-sidebar1 .test-left .proo-blockcontent img
{
  border: 1px solid #DDDDDD !important;
  display: block;
  height: auto;
  margin: 0 auto 10px !important;
  max-width: 76px !important;
}

.proo-sidebar1 .test-left .proo-blockcontent,
.proo-sidebar1 .test-left .proo-blockcontent p,
.proo-sidebar1 .test-left .proo-blockcontent div
{
  color: #222222;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 700px)
{
  .proo-content-layout .proo-sidebar1
  {
    padding: 10px 0;
  }
}

html,
body,
#proo-main,
table,
input,
button,
select,
textarea,
.proo-postcontent,
.proo-postcontent li,
.proo-postcontent table,
.proo-postcontent a,
.proo-blockcontent,
.proo-footer,
.proo-nav,
.proo-hmenu a
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
}

#proo-main,
body
{
  font-size: 16px !important;
  line-height: 1.75;
}

.proo-postcontent,
.proo-postcontent p,
.proo-postcontent li,
.proo-postcontent table,
.proo-postcontent td,
.proo-postcontent th
{
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.proo-postcontent p
{
  margin: 0 0 14px !important;
}

.proo-postcontent ul,
.proo-postcontent ol
{
  margin-bottom: 16px !important;
}

.proo-postcontent li
{
  margin-bottom: 4px !important;
}

.proo-postcontent h1,
.proo-postcontent h1 a
{
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 14px !important;
}

.proo-postcontent h2,
.proo-postcontent h2 a
{
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 22px 0 10px !important;
}

.proo-postcontent h3,
.proo-postcontent h3 a
{
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 18px 0 8px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.proo-sidebar1 .proo-blockheader .t,
.ptf-sidebar-menu .ptf-side-menu>li>a,
.proo-sidebar1 .proo-blockcontent,
.proo-sidebar1 .proo-blockcontent p,
.proo-sidebar1 .test-left .proo-blockcontent,
.proo-sidebar1 .test-left .proo-blockcontent p,
.proo-sidebar1 .test-left .proo-blockcontent div
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
}

.ptf-sidebar-menu .ptf-side-menu>li>a,
.proo-sidebar1 .proo-blockcontent,
.proo-sidebar1 .proo-blockcontent p
{
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.proo-footer.ptf-standard-footer,
.proo-footer.ptf-standard-footer a,
.proo-footer.ptf-standard-footer li,
.proo-footer.ptf-standard-footer p,
.proo-footer.ptf-standard-footer span
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media (max-width: 700px)
{
  #proo-main,
  body,
  .proo-postcontent,
  .proo-postcontent p,
  .proo-postcontent li
  {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }

  .proo-postcontent h1,
  .proo-postcontent h1 a
  {
    font-size: 23px !important;
  }

  .proo-postcontent h2,
  .proo-postcontent h2 a
  {
    font-size: 21px !important;
  }
}

.proo-layout-cell.proo-content
{
  box-sizing: border-box;
  padding: 24px 28px 28px !important;
}

.proo-layout-cell.proo-content .proo-post
{
  background: #FFFFFF;
  border-left: 4px solid #FFCC00;
  box-sizing: border-box;
  margin: 0 0 22px !important;
  padding: 0 0 0 18px !important;
}

.proo-layout-cell.proo-content .proo-postcontent
{
  color: #202020;
  max-width: 1150px;
}

.proo-layout-cell.proo-content .proo-postcontent h1:first-child,
.proo-layout-cell.proo-content .proo-postcontent h2:first-child
{
  margin-top: 0 !important;
}

.proo-layout-cell.proo-content .proo-postcontent h1
{
  color: #111111 !important;
}

.proo-layout-cell.proo-content .proo-postcontent h2,
.proo-layout-cell.proo-content .proo-postcontent h3
{
  color: #350810 !important;
}

.proo-layout-cell.proo-content .proo-postcontent a
{
  color: #B80000 !important;
  font-weight: 600;
}

.proo-layout-cell.proo-content .proo-postcontent ul,
.proo-layout-cell.proo-content .proo-postcontent ol
{
  padding-left: 24px !important;
}

.proo-layout-cell.proo-content .proo-postcontent li::marker
{
  color: #B80000;
}

.proo-layout-cell.proo-content .proo-postcontent img
{
  height: auto;
  max-width: 100%;
}

.proo-layout-cell.proo-content .proo-postcontent table
{
  border-collapse: collapse;
  max-width: 100%;
}

.proo-layout-cell.proo-content .proo-postcontent table td,
.proo-layout-cell.proo-content .proo-postcontent table th
{
  border-color: #E5E5E5 !important;
  padding: 8px !important;
  vertical-align: top;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-content-note
{
  background: #FFFDF5;
  border: 1px solid #F1D98A;
  box-sizing: border-box;
  margin: 0 0 18px;
  padding: 16px 18px;
}

@media (max-width: 700px)
{
  .proo-layout-cell.proo-content
  {
    padding: 16px 12px 18px !important;
  }

  .proo-layout-cell.proo-content .proo-post
  {
    border-left-width: 3px;
    padding-left: 12px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent
  {
    max-width: none;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-content-note
  {
    padding: 13px 12px;
  }
}

.proo-postcontent .tb-test
{
  background: #FFFDF5;
  border: 1px solid #EEDC9A;
  box-sizing: border-box;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 14px 0 24px !important;
  padding: 16px !important;
  text-align: center;
}

.proo-postcontent .tb-test .row-fluid
{
  display: contents;
  margin: 0 !important;
}

.proo-postcontent .tb-test .span6
{
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  float: none !important;
  margin: 0 !important;
  padding: 10px !important;
  width: auto !important;
}

.proo-postcontent .tb-test a
{
  display: block;
}

.proo-postcontent .tb-test img
{
  border: 0 !important;
  box-shadow: none !important;
  display: block;
  height: auto;
  margin: 0 auto !important;
  max-height: 360px;
  object-fit: contain;
  width: 100%;
}

.proo-postcontent h2 + .tb-test
{
  margin-top: 10px !important;
}

@media (max-width: 700px)
{
  .proo-postcontent .tb-test
  {
    gap: 10px;
    grid-template-columns: 1fr;
    padding: 10px !important;
  }

  .proo-postcontent .tb-test .span6
  {
    padding: 8px !important;
  }
}

.proo-postcontent .tb-test.ptf-review-carousel
{
  background: #FFFFFF;
  border: 1px solid rgba(87, 0, 12, 0.14);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(45, 0, 8, 0.10);
  display: block;
  margin: 18px 0 28px !important;
  overflow: hidden;
  padding: 0 !important;
  text-align: left;
}

.ptf-review-header
{
  background: #4c0712;
  color: #FFFFFF;
  padding: 22px 26px 20px;
}

.ptf-review-header span
{
  color: #FFCC00;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.ptf-review-header h2
{
  color: #FFFFFF !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
}

.ptf-review-header p
{
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.ptf-review-frame
{
  min-height: 390px;
  position: relative;
}

.ptf-review-slide
{
  box-sizing: border-box;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(250px, 42%) minmax(0, 1fr);
  inset: 0;
  opacity: 0;
  padding: 26px;
  pointer-events: none;
  position: absolute;
  transform: translateX(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.ptf-review-slide.is-active
{
  opacity: 1;
  pointer-events: auto;
  position: relative;
  transform: translateX(0);
}

.ptf-review-image
{
  align-self: stretch;
  background: #F7F3F1;
  border: 1px solid rgba(87, 0, 12, 0.12);
  border-radius: 6px;
  display: block;
  min-height: 310px;
  overflow: hidden;
}

.ptf-review-image img
{
  display: block;
  height: 100%;
  max-height: 360px;
  object-fit: contain;
  width: 100%;
}

.ptf-review-copy
{
  align-self: center;
  border-left: 4px solid #FFCC00;
  padding: 4px 0 4px 22px;
}

.ptf-review-stars
{
  color: #FFB400;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 12px;
}

.ptf-review-copy h3
{
  color: #2B1518 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
}

.ptf-review-copy p
{
  color: #3B2D30 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 0 14px !important;
}

.ptf-review-copy span
{
  color: #8A111F;
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.ptf-review-controls
{
  align-items: center;
  background: #FBF7F4;
  border-top: 1px solid rgba(87, 0, 12, 0.10);
  display: flex;
  gap: 14px;
  justify-content: center;
  padding: 14px 18px;
}

.ptf-review-controls button
{
  background: #4C0712;
  border: 0;
  border-radius: 999px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 22px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  text-align: center;
  width: 34px;
}

.ptf-review-controls button:hover,
.ptf-review-controls button:focus
{
  background: #8A111F;
}

.ptf-review-dots
{
  display: flex;
  gap: 7px;
}

.ptf-review-dots button
{
  background: rgba(76, 7, 18, 0.25);
  height: 10px;
  width: 10px;
}

.ptf-review-dots button.is-active
{
  background: #FFCC00;
}

.ptf-review-note
{
  background: #FBF7F4;
  margin: 0 !important;
  padding: 0 18px 18px;
  text-align: center;
}

.ptf-editor-team
{
  background: #FFFFFF;
  border: 1px solid rgba(87, 0, 12, 0.12);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(45, 0, 8, 0.10);
  box-sizing: border-box;
  margin: 22px 0 28px;
  overflow: hidden;
}

.ptf-editor-team-header
{
  background: linear-gradient(135deg, #4C0712, #8A111F);
  color: #FFFFFF;
  padding: 24px 28px 22px;
}

.ptf-editor-team-header span
{
  color: #FFCC00;
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.ptf-editor-team-header h2
{
  color: #FFFFFF !important;
  font-size: 25px !important;
  line-height: 1.35 !important;
  margin: 0 0 7px !important;
}

.ptf-editor-team-header p
{
  color: rgba(255, 255, 255, 0.90) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 860px;
}

.ptf-editor-grid
{
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 22px;
}

.ptf-editor-card
{
  background: #FBF7F4;
  border: 1px solid rgba(87, 0, 12, 0.10);
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
}

.ptf-editor-photo
{
  background: #E9E0DC;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.ptf-editor-photo img
{
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ptf-editor-body
{
  padding: 18px;
}

.ptf-editor-badge
{
  background: #FFCC00;
  border-radius: 999px;
  color: #350810;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 10px;
  padding: 7px 10px;
  text-transform: uppercase;
}

.ptf-editor-body h3
{
  color: #2B1518 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

.ptf-editor-body p
{
  color: #3B2D30 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
}

.ptf-editor-tags
{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ptf-editor-tags span
{
  background: #FFFFFF;
  border: 1px solid rgba(138, 17, 31, 0.18);
  border-radius: 999px;
  color: #8A111F;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  padding: 6px 9px;
}

@media (max-width: 700px)
{
  .ptf-review-header
  {
    padding: 18px;
  }

  .ptf-review-slide
  {
    display: block;
    padding: 18px;
  }

  .ptf-review-frame
  {
    min-height: 0;
  }

  .ptf-review-image
  {
    min-height: 0;
  }

  .ptf-review-image img
  {
    max-height: 260px;
  }

  .ptf-review-copy
  {
    border-left: 0;
    border-top: 4px solid #FFCC00;
    margin-top: 16px;
    padding: 16px 0 0;
  }

  .ptf-review-copy h3
  {
    font-size: 20px !important;
  }

  .ptf-review-copy p
  {
    font-size: 16px !important;
  }

  .ptf-editor-team-header
  {
    padding: 18px;
  }

  .ptf-editor-grid
  {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .ptf-editor-card
  {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .ptf-editor-photo
  {
    aspect-ratio: auto;
    min-height: 100%;
  }

  .ptf-editor-body
  {
    padding: 14px;
  }

  .ptf-editor-body h3
  {
    font-size: 19px !important;
  }
}

.proo-content-layout .proo-sidebar1
{
  display: none !important;
}

.proo-content-layout .proo-content
{
  display: table-cell;
  width: 100% !important;
}

.proo-layout-cell.proo-content .proo-postcontent
{
  max-width: 1150px;
}

.ptf-services-intro
{
  background: #FFF8DC !important;
}

.ptf-service-grid
{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 16px 0 24px;
}

.ptf-service-card,
.ptf-service-card:link,
.ptf-service-card:visited
{
  background: #FFFFFF;
  border: 1px solid #E6D7A2;
  border-left: 4px solid #FFCC00;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  color: #222222 !important;
  display: block;
  min-height: 124px;
  padding: 16px 16px 14px;
  text-decoration: none !important;
}

.ptf-service-card strong
{
  color: #350810;
  display: block;
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 8px;
}

.ptf-service-card span
{
  color: #333333;
  display: block;
  font-size: 15px;
  line-height: 1.6;
}

.ptf-service-card:hover,
.ptf-service-card:focus
{
  border-color: #C9A500;
  box-shadow: 0 10px 24px rgba(53, 8, 16, 0.12);
}

@media (max-width: 700px)
{
  .ptf-service-grid
  {
    grid-template-columns: 1fr;
  }

  .ptf-service-card
  {
    min-height: 0;
  }
}

.ptf-home-hero
{
  background:
    linear-gradient(135deg, rgba(53, 8, 16, 0.96), rgba(132, 21, 40, 0.92)),
    url('../images/page.jpeg') center/cover no-repeat;
  border: 1px solid rgba(255, 204, 0, 0.45);
  box-shadow: 0 12px 28px rgba(53, 8, 16, 0.22);
  box-sizing: border-box;
  color: #FFFFFF;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.8fr);
  margin: 0 0 24px;
  padding: 30px;
}

.ptf-hero-eyebrow
{
  color: #FFCC00;
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 8px;
}

.ptf-home-hero h1
{
  color: #FFFFFF !important;
  font-size: 32px !important;
  line-height: 1.28 !important;
  margin: 0 0 12px !important;
}

.ptf-home-hero p
{
  color: #FFFFFF !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 670px;
}

.ptf-hero-actions
{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ptf-hero-primary,
.ptf-hero-primary:link,
.ptf-hero-primary:visited,
.ptf-hero-secondary,
.ptf-hero-secondary:link,
.ptf-hero-secondary:visited
{
  border: 1px solid #FFCC00;
  box-sizing: border-box;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  padding: 10px 14px;
  text-decoration: none !important;
}

.ptf-hero-primary,
.ptf-hero-primary:link,
.ptf-hero-primary:visited
{
  background: #FFCC00;
  color: #350810 !important;
}

.ptf-hero-secondary,
.ptf-hero-secondary:link,
.ptf-hero-secondary:visited
{
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF !important;
}

.ptf-hero-panel
{
  align-self: stretch;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-sizing: border-box;
  padding: 18px;
}

.ptf-hero-panel strong
{
  color: #FFCC00;
  display: block;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.ptf-hero-panel ul
{
  margin: 0 !important;
  padding-left: 18px !important;
}

.ptf-hero-panel li
{
  color: #FFFFFF;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin-bottom: 6px !important;
}

@media (max-width: 700px)
{
  .ptf-home-hero
  {
    gap: 16px;
    grid-template-columns: 1fr;
    margin-bottom: 18px;
    padding: 18px 14px;
  }

  .ptf-home-hero h1
  {
    font-size: 24px !important;
  }

  .ptf-home-hero p
  {
    font-size: 16px !important;
  }

  .ptf-hero-actions
  {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ptf-hero-primary,
  .ptf-hero-secondary
  {
    text-align: center;
  }
}

/* PTF 2026 visual refresh */
body,
#proo-main
{
  background: #FFFFFF !important;
}

.proo-header
{
  background: #FFFFFF !important;
  box-shadow: 0 8px 28px rgba(20, 20, 20, 0.08);
  color: #161616 !important;
  height: auto !important;
  margin: 0 auto !important;
}

.proo-header:before
{
  background: linear-gradient(90deg, #8A0000, #1A0708);
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.proo-header a,
.proo-header a:visited
{
  color: inherit;
}

.proo-header-inner
{
  display: grid !important;
  grid-template-columns: minmax(240px, 0.9fr) minmax(340px, 1.35fr) auto;
  grid-template-rows: 40px 96px;
  min-height: 136px;
  position: relative;
  z-index: 2;
}

.proo-header-inner .header1
{
  align-items: center;
  display: flex !important;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  padding: 0 !important;
}

.proo-header-inner .header1 p
{
  margin: 0 !important;
}

.proo-header-inner .header1 img
{
  display: block;
  height: auto;
  max-height: 64px;
  max-width: 290px;
  width: auto;
}

.proo-header-inner .header2
{
  align-items: center;
  color: #FFFFFF !important;
  display: flex !important;
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  padding: 0 !important;
}

.proo-header-inner .header2 .custom
{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
}

.proo-header-inner .header2 p
{
  color: #FFFFFF !important;
  display: inline !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.proo-header-inner .header2 br
{
  display: none !important;
}

.proo-header-inner .header2 p:last-child
{
  display: none !important;
}

.proo-header-inner .header2 span,
.proo-header-inner .header2 strong,
.proo-header-inner .header2 a
{
  color: #FFFFFF !important;
  font-size: 14px !important;
}

.proo-header-inner .header3
{
  align-items: center;
  display: flex !important;
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  justify-content: flex-end;
  padding: 0 !important;
}

.proo-header-inner .header3 .lang-inline
{
  align-items: center;
  display: flex !important;
  gap: 8px;
  justify-content: flex-end;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-header-inner .nblock
{
  align-items: center;
  display: flex !important;
  grid-column: 2 / 4;
  grid-row: 2 / 3;
  justify-content: flex-end;
  margin: 0 !important;
  width: 100% !important;
}

.proo-nav.ptf-standard-nav
{
  background: transparent !important;
  border-bottom: 0;
  box-shadow: none;
  padding: 0 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu
{
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta
{
  margin-left: 0 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  border: 0;
  border-radius: 7px;
  color: #171717 !important;
  font-size: 15px !important;
  padding: 11px 15px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.current>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.active>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a.active,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:hover,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:focus
{
  background: linear-gradient(135deg, #E9292F, #B70812) !important;
  box-shadow: 0 8px 18px rgba(183, 8, 18, 0.22);
  color: #FFFFFF !important;
}

.proo-sheet
{
  background: #FFFFFF !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

.proo-layout-wrapper
{
  margin-top: 0 !important;
}

.ptf-home-hero
{
  background:
    linear-gradient(90deg, rgba(91, 0, 4, 0.96) 0%, rgba(130, 0, 6, 0.86) 42%, rgba(130, 0, 6, 0.18) 63%, rgba(255, 255, 255, 0.04) 100%),
    url('/images/content/hero-modern-20260714.png') center right/cover no-repeat !important;
  border: 0;
  box-shadow: none;
  gap: 24px;
  grid-template-columns: minmax(0, 1.1fr) minmax(250px, 0.56fr);
  margin: 0 calc(50% - 50vw) 28px;
  min-height: 420px;
  padding: 52px max(7vw, 36px);
}

.ptf-hero-eyebrow
{
  color: #FFCC00;
  font-size: 15px;
}

.ptf-home-hero h1
{
  color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  max-width: 680px;
}

.ptf-home-hero p
{
  color: #FFFFFF !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  max-width: 710px;
}

.ptf-hero-actions
{
  gap: 12px;
  margin-top: 24px;
}

.ptf-hero-primary,
.ptf-hero-primary:link,
.ptf-hero-primary:visited,
.ptf-hero-secondary,
.ptf-hero-secondary:link,
.ptf-hero-secondary:visited
{
  border-radius: 7px;
  font-size: 16px;
  padding: 13px 18px;
}

.ptf-hero-panel
{
  align-self: center;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 26px;
  box-shadow: 0 16px 32px rgba(25, 25, 25, 0.18);
  color: #171717;
  justify-self: center;
  max-width: 310px;
  padding: 28px 30px;
  transform: rotate(-5deg);
}

.ptf-hero-panel strong
{
  color: #D90000;
  display: block;
  font-size: 20px;
  line-height: 1.35;
  text-align: center;
}

.ptf-hero-panel ul
{
  margin-top: 14px !important;
  padding-left: 18px !important;
  transform: rotate(5deg);
}

.ptf-hero-panel li
{
  color: #202020 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.ptf-hero-rank-card
{
  text-align: center;
}

.ptf-hero-rank-card .ptf-rank-number
{
  color: #DF0000;
  display: block;
  font-size: 68px;
  font-weight: 900;
  line-height: 0.95;
  margin-bottom: 12px;
}

.ptf-hero-rank-card .ptf-rank-service
{
  color: #E00000;
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 12px;
}

.ptf-hero-rank-card strong
{
  color: #151515 !important;
  font-size: 19px;
  line-height: 1.35;
  transform: rotate(5deg);
}

.ptf-hero-proof-points
{
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 28px;
  max-width: 780px;
}

.ptf-hero-proof-point
{
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  color: #FFFFFF;
  padding: 0 18px;
  text-align: center;
}

.ptf-hero-proof-point:first-child
{
  padding-left: 0;
}

.ptf-hero-proof-point:last-child
{
  border-right: 0;
}

.ptf-hero-proof-point span
{
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.86);
  border-radius: 999px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  margin-bottom: 10px;
  width: 36px;
}

.ptf-hero-proof-point strong
{
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 4px;
}

.ptf-hero-proof-point em
{
  color: rgba(255, 255, 255, 0.88);
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
}

.ptf-modern-overview
{
  display: grid;
  gap: 34px;
  grid-template-columns: 280px minmax(0, 1fr);
  margin: 26px 0 30px;
}

.ptf-modern-services
{
  align-self: start;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(32, 32, 32, 0.14);
  overflow: hidden;
}

.ptf-modern-services h2
{
  background: linear-gradient(135deg, #D71920, #8A0000);
  color: #FFFFFF !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 13px 16px !important;
}

.ptf-modern-services .ptf-modern-service-nav
{
  display: grid;
  gap: 1px;
  padding: 8px;
}

.ptf-facebook-follow
{
  background: linear-gradient(180deg, #FFFFFF, #FFF8F8);
  border-top: 1px solid rgba(138, 0, 0, 0.10);
  box-sizing: border-box;
  padding: 14px;
}

.ptf-facebook-follow-header
{
  align-items: flex-start;
  display: grid;
  gap: 10px;
  grid-template-columns: 36px minmax(0, 1fr);
  margin-bottom: 12px;
}

.ptf-facebook-icon
{
  background: #1877F2;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(24, 119, 242, 0.24);
  display: block;
  height: 36px;
  position: relative;
  width: 36px;
}

.ptf-facebook-icon::before
{
  color: #FFFFFF;
  content: "f";
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 41px;
  text-align: center;
}

.ptf-facebook-follow h3
{
  color: #27070B !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin: 0 0 3px !important;
}

.ptf-facebook-follow p
{
  color: #6B5457 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.ptf-facebook-embed
{
  background: #FFFFFF;
  border: 1px solid rgba(24, 119, 242, 0.18);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
  overflow: hidden;
}

.ptf-facebook-embed iframe
{
  display: block;
  max-width: 100%;
  width: 100% !important;
}

.ptf-facebook-card
{
  padding: 16px !important;
  background:
    radial-gradient(circle at right top, rgba(24, 119, 242, .12), transparent 34%),
    #FFFFFF !important;
}

.ptf-facebook-card strong
{
  display: block !important;
  margin: 0 0 8px !important;
  color: #1A1416 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

.ptf-facebook-card p
{
  color: #5F4B50 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.ptf-facebook-link
{
  align-items: center;
  background: #1877F2;
  border-radius: 999px;
  color: #FFFFFF !important;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.3;
  margin-top: 12px;
  padding: 10px 12px;
  text-decoration: none !important;
}

.ptf-facebook-link:hover,
.ptf-facebook-link:focus
{
  background: #0F5FC8;
  color: #FFFFFF !important;
}

/* Hero action contrast refinements */
.ptf-home-hero .ptf-hero-actions
{
  align-items: center !important;
  background: rgba(54, 0, 6, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 34px rgba(38, 0, 5, 0.18) !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 10px !important;
}

.ptf-home-hero .ptf-hero-actions a
{
  border-radius: 7px !important;
  box-sizing: border-box !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  min-height: 52px !important;
  padding: 15px 24px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.ptf-home-hero .ptf-hero-primary,
.ptf-home-hero .ptf-hero-primary:link,
.ptf-home-hero .ptf-hero-primary:visited
{
  background: linear-gradient(135deg, #FFD541, #FFB800) !important;
  border: 2px solid #FFE071 !important;
  box-shadow: 0 12px 22px rgba(255, 184, 0, 0.26) !important;
  color: #3A070D !important;
  -webkit-text-fill-color: #3A070D !important;
}

.ptf-home-hero .ptf-hero-secondary,
.ptf-home-hero .ptf-hero-secondary:link,
.ptf-home-hero .ptf-hero-secondary:visited
{
  background: rgba(255, 255, 255, 0.96) !important;
  border: 2px solid rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 12px 22px rgba(40, 0, 6, 0.18) !important;
  color: #8A0010 !important;
  -webkit-text-fill-color: #8A0010 !important;
}

.ptf-home-hero .ptf-hero-primary:hover,
.ptf-home-hero .ptf-hero-primary:focus
{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #8A0010 !important;
  -webkit-text-fill-color: #8A0010 !important;
}

.ptf-home-hero .ptf-hero-secondary:hover,
.ptf-home-hero .ptf-hero-secondary:focus
{
  background: #8A0010 !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

@media (max-width: 520px)
{
  .ptf-home-hero .ptf-hero-actions
  {
    display: grid !important;
    width: 100% !important;
  }

  .ptf-home-hero .ptf-hero-actions a
  {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
}

/* Hero rank card refinement */
.ptf-home-hero .ptf-hero-rank-card
{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 247, 0.92)) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 24px !important;
  box-shadow:
    0 24px 44px rgba(46, 0, 7, 0.24),
    inset 0 0 0 1px rgba(196, 0, 18, 0.08) !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
  max-width: 260px !important;
  min-height: 245px !important;
  overflow: hidden !important;
  padding: 30px 26px 28px !important;
  position: relative !important;
  text-align: center !important;
  transform: rotate(-4deg) !important;
}

.ptf-home-hero .ptf-hero-rank-card::before
{
  background: linear-gradient(135deg, #E00016, #9A0010) !important;
  border-radius: 0 0 18px 18px !important;
  content: "" !important;
  height: 7px !important;
  left: 34px !important;
  position: absolute !important;
  right: 34px !important;
  top: 0 !important;
}

.ptf-home-hero .ptf-hero-rank-card::after
{
  background:
    radial-gradient(circle, rgba(224, 0, 22, 0.12) 0 2px, transparent 2.5px) !important;
  background-size: 13px 13px !important;
  bottom: -18px !important;
  content: "" !important;
  height: 90px !important;
  opacity: 0.55 !important;
  position: absolute !important;
  right: -22px !important;
  transform: rotate(10deg) !important;
  width: 120px !important;
  z-index: -1 !important;
}

.ptf-home-hero .ptf-hero-rank-card .ptf-rank-number
{
  color: #121212 !important;
  display: inline-block !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 78px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  margin: 8px 0 16px !important;
  text-shadow: 0 8px 18px rgba(18, 18, 18, 0.14) !important;
  transform: rotate(4deg) !important;
}

.ptf-home-hero .ptf-hero-rank-card .ptf-rank-service
{
  color: #D60015 !important;
  display: block !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  margin: 0 auto 12px !important;
  max-width: 170px !important;
  transform: rotate(4deg) !important;
}

.ptf-home-hero .ptf-hero-rank-card strong
{
  color: #1D1517 !important;
  display: block !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 auto !important;
  max-width: 190px !important;
  transform: rotate(4deg) !important;
}

@media (max-width: 980px)
{
  .ptf-home-hero .ptf-hero-rank-card
  {
    max-width: 230px !important;
    min-height: 220px !important;
    padding: 26px 22px 24px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card .ptf-rank-number
  {
    font-size: 66px !important;
  }
}

/* Home service and process sections */
.ptf-home-services,
.ptf-home-process
{
  box-sizing: border-box !important;
  margin: 34px auto !important;
  max-width: 1380px !important;
  width: calc(100% - 150px) !important;
}

.ptf-home-section-heading
{
  margin: 0 0 22px !important;
  max-width: 850px !important;
}

.ptf-home-section-heading>span
{
  color: #C50012 !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.ptf-home-section-heading h2
{
  color: #211114 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(30px, 2.4vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  margin: 0 0 10px !important;
}

.ptf-home-section-heading p
{
  color: #3F3033 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.ptf-home-service-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-home-service-card,
.ptf-home-service-card:link,
.ptf-home-service-card:visited
{
  background: #FFFFFF !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 30px rgba(35, 0, 6, 0.08) !important;
  box-sizing: border-box !important;
  color: #241417 !important;
  display: block !important;
  min-height: 185px !important;
  padding: 22px 22px 20px !important;
  position: relative !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.ptf-home-service-card::after
{
  color: #C50012 !important;
  content: ">" !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 20px !important;
  top: 26px !important;
}

.ptf-home-service-card:hover,
.ptf-home-service-card:focus
{
  border-color: rgba(197, 0, 18, 0.28) !important;
  box-shadow: 0 18px 40px rgba(35, 0, 6, 0.14) !important;
  transform: translateY(-3px) !important;
}

.ptf-home-service-icon
{
  background: #111111 !important;
  display: block !important;
  height: 32px !important;
  margin-bottom: 16px !important;
  width: 32px !important;
  -webkit-mask: var(--ptf-home-service-icon) center / contain no-repeat !important;
  mask: var(--ptf-home-service-icon) center / contain no-repeat !important;
}

.ptf-home-service-card:hover .ptf-home-service-icon,
.ptf-home-service-card:focus .ptf-home-service-icon
{
  background: #C50012 !important;
}

.ptf-home-service-card strong
{
  color: #2B1116 !important;
  display: block !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 28px 10px 0 !important;
}

.ptf-home-service-card p
{
  color: #514448 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.ptf-home-service-academic
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11l3 3v13H5z'/%3E%3Cpath d='M16 4v4h3'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M8 16h6'/%3E%3C/svg%3E");
}

.ptf-home-service-business
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16v11H4z'/%3E%3Cpath d='M9 8V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M4 13h16'/%3E%3C/svg%3E");
}

.ptf-home-service-personal
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
}

.ptf-home-service-grammar
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19h14'/%3E%3Cpath d='M8 16.5 16.5 8a2 2 0 0 1 2.8 2.8L10.8 19 7 20l1-3.5Z'/%3E%3C/svg%3E");
}

.ptf-home-service-plagiarism
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3Cpath d='m7.8 10.8 1.8 1.8 3.9-4.2'/%3E%3C/svg%3E");
}

.ptf-home-service-ai
{
  --ptf-home-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='M9 3v3'/%3E%3Cpath d='M15 3v3'/%3E%3Cpath d='M9 18v3'/%3E%3Cpath d='M15 18v3'/%3E%3Cpath d='M3 9h3'/%3E%3Cpath d='M3 15h3'/%3E%3Cpath d='M18 9h3'/%3E%3Cpath d='M18 15h3'/%3E%3Cpath d='M9.5 13.5h5'/%3E%3Cpath d='M10 10h.1'/%3E%3Cpath d='M14 10h.1'/%3E%3C/svg%3E");
}

.ptf-home-process
{
  background:
    radial-gradient(circle at 92% 8%, rgba(197, 0, 18, 0.10), transparent 28%),
    linear-gradient(180deg, #FFFFFF, #FFF8F8) !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(35, 0, 6, 0.08) !important;
  padding: 30px !important;
}

.ptf-home-process-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.ptf-home-process-step
{
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  min-height: 190px !important;
  padding: 20px 18px !important;
}

.ptf-home-process-step>span
{
  color: #C50012 !important;
  display: block !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 18px !important;
}

.ptf-home-process-step h3
{
  color: #241417 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

.ptf-home-process-step p
{
  color: #514448 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.ptf-home-process-step a
{
  color: #A40012 !important;
  font-weight: 800 !important;
}

.ptf-home-process-note
{
  align-items: center !important;
  background: linear-gradient(135deg, #4C0712, #8A0010) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #FFFFFF !important;
  display: grid !important;
  gap: 14px 22px !important;
  grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr) auto !important;
  margin-top: 22px !important;
  padding: 20px 22px !important;
}

.ptf-home-process-note strong
{
  color: #FFCC00 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.ptf-home-process-note p
{
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.ptf-home-process-note a
{
  background: #FFCC00 !important;
  border-radius: 999px !important;
  color: #3A070D !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1.3 !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px)
{
  .ptf-home-services,
  .ptf-home-process
  {
    width: calc(100% - 52px) !important;
  }

  .ptf-home-process-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 780px)
{
  .ptf-home-service-grid,
  .ptf-home-process-grid,
  .ptf-home-process-note
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-home-services,
  .ptf-home-process
  {
    width: calc(100% - 28px) !important;
  }

  .ptf-home-process
  {
    padding: 20px !important;
  }

  .ptf-home-process-note a
  {
    width: 100% !important;
  }
}

.ptf-modern-service-link,
.ptf-modern-service-link:link,
.ptf-modern-service-link:visited
{
  align-items: center;
  background: #F7F7F7;
  border-radius: 5px;
  color: #252525 !important;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  line-height: 1.35;
  padding: 11px 13px;
  text-decoration: none !important;
}

.ptf-modern-service-link:after
{
  color: #151515;
  content: ">";
  font-size: 18px;
}

.ptf-modern-service-link span
{
  color: #8A0000;
  font-size: 11px;
  font-weight: 800;
  margin-right: 8px;
  text-transform: uppercase;
}

.ptf-modern-service-link:hover,
.ptf-modern-service-link:focus
{
  background: #FFF2F2;
  color: #8A0000 !important;
}

.ptf-modern-why
{
  background:
    radial-gradient(circle at 82% 8%, rgba(148, 148, 148, 0.12), transparent 30%),
    #FFFFFF;
  padding: 16px 0 0;
}

.ptf-modern-why-copy h2
{
  color: #151515 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 12px !important;
}

.ptf-review-header h2,
.ptf-editor-team-header h2,
.ptf-modern-cta h2
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}

.ptf-modern-why-copy h2::first-letter
{
  color: #D71920;
}

.ptf-modern-why-copy p
{
  color: #242424 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 0 28px !important;
  max-width: 830px;
}

.ptf-modern-why-grid
{
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ptf-modern-why-card
{
  background: #FFFFFF;
  border: 1px solid rgba(25, 25, 25, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(25, 25, 25, 0.10);
  box-sizing: border-box;
  min-height: 185px;
  padding: 24px 18px 20px;
  text-align: center;
}

.ptf-modern-why-card span
{
  align-items: center;
  background: #C50012;
  border-radius: 999px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 19px;
  font-weight: 900;
  height: 48px;
  justify-content: center;
  margin-bottom: 16px;
  width: 48px;
}

.ptf-modern-why-card h3
{
  color: #151515 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
}

.ptf-modern-why-card p
{
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.ptf-modern-cta
{
  align-items: center;
  background: linear-gradient(90deg, #4C0004, #190204);
  color: #FFFFFF;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 30px calc(50% - 50vw);
  padding: 26px max(7vw, 36px);
}

.ptf-modern-cta h2
{
  color: #FFFFFF !important;
  font-size: 27px !important;
  line-height: 1.35 !important;
  margin: 0 0 4px !important;
}

.ptf-modern-cta p
{
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.ptf-modern-cta-actions
{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ptf-modern-cta-actions a,
.ptf-modern-cta-actions a:link,
.ptf-modern-cta-actions a:visited
{
  background: #FFFFFF;
  border-radius: 999px;
  color: #151515 !important;
  display: inline-block;
  font-size: 15px;
  font-weight: 800;
  padding: 13px 22px;
  text-decoration: none !important;
}

.ptf-modern-cta-actions a:last-child
{
  background: #E9292F;
  color: #FFFFFF !important;
}

@media (max-width: 900px)
{
  .proo-header:before
  {
    height: 72px;
  }

  .proo-header-inner
  {
    display: block !important;
    min-height: 0;
    padding: 0 16px 16px;
    width: auto !important;
  }

  .proo-header-inner .header2,
  .proo-header-inner .header3
  {
    min-height: 36px;
  }

  .proo-header-inner .header1
  {
    justify-content: center;
    padding: 18px 0 12px !important;
  }

  .proo-header-inner .nblock
  {
    display: block !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .ptf-home-hero
  {
    display: block;
    margin-left: -16px;
    margin-right: -16px;
    min-height: 0;
    padding: 34px 22px;
  }

  .ptf-home-hero h1
  {
    font-size: 30px !important;
  }

  .ptf-home-hero p
  {
    font-size: 17px !important;
  }

  .ptf-hero-panel
  {
    margin-top: 24px;
    transform: none;
  }

  .ptf-hero-panel ul
  {
    transform: none;
  }

  .ptf-hero-proof-points,
  .ptf-modern-why-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ptf-modern-overview
  {
    grid-template-columns: 1fr;
  }

  .ptf-modern-cta
  {
    display: block;
    margin-left: -16px;
    margin-right: -16px;
    padding: 24px 22px;
  }

  .ptf-modern-cta-actions
  {
    margin-top: 16px;
  }
}

@media (max-width: 520px)
{
  .ptf-hero-proof-points,
  .ptf-modern-why-grid
  {
    grid-template-columns: 1fr;
  }

  .ptf-hero-proof-point
  {
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    border-right: 0;
    padding: 14px 0;
  }

  .ptf-modern-why-card
  {
    min-height: 0;
  }
}

/* Noto Sans Thai heading system */
.proo-postcontent h1,
.proo-postcontent h2,
.proo-postcontent h3,
.proo-postcontent h4,
.proo-blockheader .t,
.ptf-home-hero h1,
.ptf-modern-why-copy h2,
.ptf-modern-services h2,
.ptf-modern-why-card h3,
.ptf-modern-cta h2,
.ptf-review-header h2,
.ptf-review-copy h3,
.ptf-editor-team-header h2,
.ptf-editor-body h3,
.ptf-service-card strong,
.ptf-footer-title
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.ptf-home-hero h1
{
  color: #FFFFFF !important;
  font-size: 46px !important;
  line-height: 1.16 !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.38);
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.45);
}

.ptf-home-hero p
{
  color: rgba(255, 255, 255, 0.94) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p,
.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero .ptf-hero-eyebrow
{
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: currentColor !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero .ptf-hero-eyebrow
{
  color: #FFCC00 !important;
}

.proo-layout-cell.proo-content .proo-postcontent h1,
.proo-layout-cell.proo-content .proo-postcontent h2,
.proo-layout-cell.proo-content .proo-postcontent h3
{
  line-height: 1.35 !important;
}

.proo-layout-cell.proo-content .proo-postcontent h1
{
  font-size: 34px !important;
}

.proo-layout-cell.proo-content .proo-postcontent h2
{
  font-size: 30px !important;
}

.proo-layout-cell.proo-content .proo-postcontent h3
{
  font-size: 25px !important;
}

@media (max-width: 700px)
{
  .ptf-home-hero h1
  {
    font-size: 34px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent h1
  {
    font-size: 29px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent h2
  {
    font-size: 26px !important;
  }
}

/* Hero readability and spacing pass: 2026-07-14 */
.proo-header:before
{
  height: 50px !important;
}

.proo-header-inner
{
  grid-template-rows: 50px 104px !important;
  min-height: 154px !important;
}

.proo-header-inner .header1 img
{
  max-height: 74px !important;
  max-width: 320px !important;
}

.proo-header-inner .header2
{
  overflow: visible !important;
}

.proo-header-inner .header2 .custom
{
  align-items: center !important;
  gap: 10px 30px !important;
  min-height: 50px !important;
}

.proo-header-inner .header2 p
{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  min-height: 24px !important;
  white-space: nowrap !important;
}

.proo-header-inner .header2 p:nth-child(2)
{
  display: inline-flex !important;
}

.proo-header-inner .header2 p:last-child
{
  display: none !important;
}

.proo-header-inner .header2 span,
.proo-header-inner .header2 strong,
.proo-header-inner .header2 a
{
  font-size: 15px !important;
  line-height: 1.1 !important;
}

.ptf-home-hero
{
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(83, 0, 4, 0.98) 0%, rgba(128, 0, 8, 0.94) 37%, rgba(128, 0, 8, 0.46) 58%, rgba(255, 255, 255, 0.06) 100%),
    url('/images/content/hero-modern-20260714.png') center right/cover no-repeat !important;
  box-sizing: border-box !important;
  gap: 44px !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 500px !important;
  padding: 68px max(7vw, 52px) 54px !important;
  width: 100vw !important;
}

html,
body,
#proo-main
{
  overflow-x: clip !important;
}

.ptf-hero-copy
{
  max-width: 860px !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero .ptf-hero-eyebrow
{
  color: #FFCC00 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.52) !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  margin-bottom: 18px !important;
  max-width: 860px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.62) !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 22px !important;
  line-height: 1.78 !important;
  max-width: 780px !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.56) !important;
}

.ptf-hero-actions
{
  margin-top: 24px !important;
}

.ptf-hero-actions a
{
  font-size: 17px !important;
  padding: 16px 26px !important;
}

.ptf-hero-proof-points
{
  gap: 0 !important;
  margin-top: 28px !important;
  max-width: 820px !important;
}

.ptf-hero-proof-point
{
  min-height: 88px !important;
  padding: 0 24px !important;
}

.ptf-hero-proof-point span
{
  font-size: 18px !important;
  height: 42px !important;
  margin-bottom: 10px !important;
  width: 42px !important;
}

.ptf-hero-proof-point strong
{
  font-size: 16px !important;
}

.ptf-hero-proof-point em
{
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.ptf-hero-panel
{
  max-width: 340px !important;
  padding: 34px 36px !important;
}

.ptf-rank-number
{
  font-size: 78px !important;
}

.ptf-rank-title
{
  font-size: 22px !important;
}

.ptf-rank-subtitle
{
  font-size: 20px !important;
}

@media (max-width: 980px)
{
  .ptf-home-hero
  {
    grid-template-columns: 1fr !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    min-height: 0 !important;
    padding: 46px 28px !important;
    width: 100vw !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
  {
    font-size: 42px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
  {
    font-size: 19px !important;
  }
}

@media (max-width: 700px)
{
  .proo-header:before
  {
    height: 86px !important;
  }

  .proo-header-inner
  {
    grid-template-rows: none !important;
    min-height: 0 !important;
  }

  .proo-header-inner .header2 .custom
  {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .proo-header-inner .header2 p
  {
    justify-content: center !important;
    white-space: normal !important;
  }

  .ptf-home-hero
  {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 38px 22px !important;
    width: 100vw !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
  {
    font-size: 36px !important;
    line-height: 1.14 !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
  {
    font-size: 18px !important;
    line-height: 1.7 !important;
  }
}

/* Match modern reference layout: 2026-07-14 */
.proo-layout-cell.proo-content:has(.ptf-home-hero)
{
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-home-hero) .proo-post
{
  border-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-home-hero) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-home-hero) .item-page,
.proo-layout-cell.proo-content:has(.ptf-home-hero) .proo-article
{
  max-width: none !important;
  width: 100% !important;
}

.proo-header
{
  box-shadow: 0 8px 24px rgba(24, 24, 24, 0.08) !important;
}

.proo-header:before
{
  background: linear-gradient(90deg, #7A0003 0%, #1B0507 100%) !important;
  height: 40px !important;
}

.proo-header-inner
{
  grid-template-columns: minmax(260px, 0.72fr) minmax(520px, 1.35fr) auto !important;
  grid-template-rows: 40px 98px !important;
  margin: 0 auto !important;
  max-width: 1380px !important;
  min-height: 138px !important;
  padding: 0 !important;
  width: calc(100% - 150px) !important;
}

.proo-header-inner .header1 img
{
  max-height: 78px !important;
  max-width: 330px !important;
}

.proo-header-inner .header2 .custom
{
  gap: 12px 28px !important;
  min-height: 40px !important;
}

.proo-header-inner .header2 span,
.proo-header-inner .header2 strong,
.proo-header-inner .header2 a
{
  font-size: 14px !important;
}

.proo-header-inner .header3 img
{
  display: block !important;
  height: auto !important;
  width: 20px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu
{
  gap: 14px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  border-radius: 8px !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 14px 17px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.current>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.active>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a.active
{
  background: linear-gradient(135deg, #F12B31, #C90612) !important;
  box-shadow: 0 10px 22px rgba(198, 6, 18, 0.24) !important;
  color: #FFFFFF !important;
}

.ptf-home-hero
{
  background:
    linear-gradient(90deg, rgba(120, 0, 6, 0.98) 0%, rgba(150, 0, 10, 0.92) 34%, rgba(150, 0, 10, 0.30) 58%, rgba(255, 255, 255, 0.02) 100%),
    url('/images/content/hero-modern-20260714.png') center right/cover no-repeat !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.58fr) !important;
  margin-bottom: 0 !important;
  min-height: clamp(380px, 29vw, 455px) !important;
  padding: 38px max(6.5vw, 76px) 30px !important;
}

.ptf-hero-copy
{
  max-width: 760px !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(42px, 3.15vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  max-width: 760px !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
{
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.58 !important;
  max-width: 720px !important;
}

.ptf-hero-actions
{
  margin-top: 22px !important;
}

.ptf-hero-proof-points
{
  margin-top: 24px !important;
  max-width: 760px !important;
}

.ptf-hero-proof-point
{
  min-height: 76px !important;
  padding: 0 20px !important;
}

.ptf-hero-panel
{
  justify-self: center !important;
  max-width: 250px !important;
  padding: 30px 26px !important;
  transform: rotate(-5deg) !important;
}

.ptf-rank-number
{
  font-size: 78px !important;
  line-height: 0.95 !important;
}

.ptf-modern-overview
{
  align-items: start !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 46px !important;
  grid-template-columns: 290px minmax(0, 1fr) !important;
  margin: 30px auto 30px !important;
  max-width: 1380px !important;
  padding: 0 !important;
  width: calc(100% - 150px) !important;
}

.ptf-modern-services
{
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(30, 30, 30, 0.16) !important;
  margin-top: 0 !important;
}

.ptf-modern-services h2,
.ptf-modern-why-copy h2,
.ptf-modern-why-card h3
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
}

.ptf-modern-why-copy h2
{
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
}

.ptf-modern-why-copy p
{
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.ptf-modern-why-grid
{
  gap: 24px !important;
}

.ptf-modern-why-card
{
  border-radius: 8px !important;
  min-height: 178px !important;
  padding: 26px 20px 22px !important;
}

@media (max-width: 1100px)
{
  .proo-header-inner,
  .ptf-modern-overview
  {
    width: calc(100% - 52px) !important;
  }

  .proo-header-inner
  {
    grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr) auto !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    gap: 6px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li>a
  {
    font-size: 14px !important;
    padding: 11px 10px !important;
  }
}

@media (max-width: 980px)
{
  .ptf-home-hero
  {
    background-position: 62% center !important;
    min-height: 0 !important;
    padding: 42px 28px !important;
  }

  .ptf-modern-overview
  {
    grid-template-columns: 1fr !important;
    width: calc(100% - 40px) !important;
  }
}

@media (max-width: 700px)
{
  .proo-header-inner
  {
    width: calc(100% - 28px) !important;
  }

  .ptf-home-hero
  {
    padding: 34px 20px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
  {
    font-size: 34px !important;
  }
}

/* Professional SVG icons for hero proof points */
.ptf-hero-proof-point .ptf-proof-icon
{
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  box-sizing: border-box !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  font-size: 0 !important;
  height: 52px !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  width: 52px !important;
}

.ptf-hero-proof-point .ptf-proof-icon svg
{
  display: block !important;
  fill: none !important;
  height: 29px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.85 !important;
  width: 29px !important;
}

.ptf-hero-proof-point .ptf-proof-icon-standard
{
  color: #FFCC00 !important;
}

.ptf-hero-proof-point .ptf-proof-icon-secure
{
  color: #FFFFFF !important;
}

.ptf-hero-proof-point .ptf-proof-icon-time
{
  color: #FFE7A3 !important;
}

.ptf-hero-proof-point:hover .ptf-proof-icon
{
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #FFFFFF !important;
  transform: translateY(-2px);
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

@media (max-width: 700px)
{
  .ptf-hero-proof-point .ptf-proof-icon
  {
    height: 48px !important;
    width: 48px !important;
  }

  .ptf-hero-proof-point .ptf-proof-icon svg
  {
    height: 26px !important;
    width: 26px !important;
  }
}

/* Header contact bar polish */
.proo-header
{
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.proo-header:before
{
  height: 46px !important;
}

.proo-header-inner
{
  grid-template-columns: minmax(270px, 0.75fr) minmax(0, 1.4fr) auto !important;
  grid-template-rows: 46px 90px !important;
  min-height: 136px !important;
}

.proo-header-inner .header2
{
  grid-column: 1 / 4 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-right: 128px !important;
}

.proo-header-inner .header2 .custom
{
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 26px !important;
  height: 46px !important;
  min-height: 46px !important;
  overflow: hidden !important;
}

.proo-header-inner .header2 p
{
  align-items: center !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 46px !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.proo-header-inner .header2 p:nth-child(2)
{
  display: inline-flex !important;
}

.proo-header-inner .header2 p:last-child
{
  display: none !important;
}

.proo-header-inner .header2 br
{
  display: none !important;
}

.proo-header-inner .header2 span,
.proo-header-inner .header2 strong,
.proo-header-inner .header2 a
{
  color: #FFFFFF !important;
  display: inline !important;
  font-size: 14px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.proo-header-inner .header2 span[style*="#ffff00"],
.proo-header-inner .header2 span[style*="ffff00"]
{
  color: #FFCC00 !important;
}

.proo-header-inner .header3
{
  grid-column: 3 / 4 !important;
  grid-row: 1 / 2 !important;
  z-index: 3 !important;
}

.proo-header-inner .header3 .lang-inline
{
  height: 46px !important;
}

.proo-header-inner .header1
{
  align-items: center !important;
}

.proo-header-inner .header1 img
{
  max-height: 70px !important;
  max-width: 315px !important;
}

.proo-header-inner .nblock
{
  align-items: center !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu
{
  align-items: center !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}

@media (max-width: 1100px)
{
  .proo-header-inner .header2
  {
    padding-right: 92px !important;
  }

  .proo-header-inner .header2 .custom
  {
    gap: 0 16px !important;
  }

  .proo-header-inner .header2 span,
  .proo-header-inner .header2 strong,
  .proo-header-inner .header2 a
  {
    font-size: 13px !important;
  }
}

@media (max-width: 700px)
{
  .proo-header:before
  {
    height: 92px !important;
  }

  .proo-header-inner
  {
    display: block !important;
    min-height: 0 !important;
  }

  .proo-header-inner .header2
  {
    padding-right: 0 !important;
  }

  .proo-header-inner .header2 .custom
  {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    height: 92px !important;
    justify-content: center !important;
    min-height: 92px !important;
  }

  .proo-header-inner .header2 p
  {
    height: auto !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}

/* SVG icons for the primary menu */
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a
{
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  justify-content: center !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3000,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4000
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3001,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4001
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v12H4z'/%3E%3Cpath d='M9 7.5V5.8A1.8 1.8 0 0 1 10.8 4h2.4A1.8 1.8 0 0 1 15 5.8v1.7'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M10 12v1.7h4V12'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3002,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4002
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12V5H13L4 14l6 6 10-8Z'/%3E%3Ccircle cx='16.5' cy='8.5' r='1.2'/%3E%3Cpath d='M8.5 14.5 12 18'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3003,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4003
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h8l4 4V20.5H7z'/%3E%3Cpath d='M15 3.5v4h4'/%3E%3Cpath d='M10 12h6'/%3E%3Cpath d='M10 16h4'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3004,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4004
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M18.5 5.5h2'/%3E%3Cpath d='M19.5 4.5v2'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3005,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4005
{
  --ptf-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h16v11H4z'/%3E%3Cpath d='m4.5 7 7.5 6 7.5-6'/%3E%3Cpath d='m6.5 17 4.2-4'/%3E%3Cpath d='m17.5 17-4.2-4'/%3E%3C/svg%3E");
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3000>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3001>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3002>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3003>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3004>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3005>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4000>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4001>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4002>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4003>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4004>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4005>a::before
{
  background: currentColor !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 17px !important;
  opacity: 0.96 !important;
  -webkit-mask: var(--ptf-menu-icon) center / contain no-repeat !important;
  mask: var(--ptf-menu-icon) center / contain no-repeat !important;
  width: 17px !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:hover::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a:focus::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.current>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.active>a::before,
.proo-nav.ptf-standard-nav .ptf-main-menu>li>a.active::before
{
  opacity: 1 !important;
}

@media (max-width: 1100px)
{
  .proo-nav.ptf-standard-nav .ptf-main-menu>li>a
  {
    gap: 6px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3005>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4005>a::before
  {
    height: 15px !important;
    width: 15px !important;
  }
}

/* Modern overview SVG icon polish */
.ptf-modern-services
{
  border: 1px solid rgba(198, 6, 18, 0.08) !important;
  overflow: hidden !important;
}

.ptf-modern-services h2
{
  align-items: center !important;
  background: linear-gradient(135deg, #C90612 0%, #8F0008 100%) !important;
  display: flex !important;
  gap: 10px !important;
  letter-spacing: 0 !important;
  padding: 16px 18px !important;
}

.ptf-modern-services h2::before
{
  background: currentColor !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 22px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v12H4z'/%3E%3Cpath d='M9 7.5V5.8A1.8 1.8 0 0 1 10.8 4h2.4A1.8 1.8 0 0 1 15 5.8v1.7'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v12H4z'/%3E%3Cpath d='M9 7.5V5.8A1.8 1.8 0 0 1 10.8 4h2.4A1.8 1.8 0 0 1 15 5.8v1.7'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 22px !important;
}

.ptf-modern-services .ptf-modern-service-nav
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%) !important;
  gap: 7px !important;
  padding: 11px !important;
}

.ptf-modern-service-link,
.ptf-modern-service-link:link,
.ptf-modern-service-link:visited
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h8l4 4V20.5H7z'/%3E%3Cpath d='M15 3.5v4h4'/%3E%3Cpath d='M10 12h6'/%3E%3C/svg%3E");
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(25, 25, 25, 0.07) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(18, 18, 18, 0.035) !important;
  color: #2A1114 !important;
  column-gap: 10px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(74px, 0.4fr) minmax(0, 1fr) 18px !important;
  justify-content: stretch !important;
  min-height: 50px !important;
  padding: 10px 12px !important;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease !important;
}

.ptf-modern-service-link::before
{
  background: #C90612 !important;
  content: "" !important;
  display: inline-block !important;
  grid-column: 1 !important;
  height: 21px !important;
  justify-self: center !important;
  -webkit-mask: var(--ptf-service-icon) center / contain no-repeat !important;
  mask: var(--ptf-service-icon) center / contain no-repeat !important;
  width: 21px !important;
}

.ptf-modern-service-link:after
{
  background: currentColor !important;
  content: "" !important;
  display: inline-block !important;
  font-size: 0 !important;
  grid-column: 4 !important;
  height: 16px !important;
  justify-self: end !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 16px !important;
}

.ptf-modern-service-link span
{
  color: #A5000C !important;
  font-size: 10px !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
}

.ptf-modern-service-link:hover,
.ptf-modern-service-link:focus
{
  background: linear-gradient(135deg, #D71920, #950008) !important;
  border-color: rgba(215, 25, 32, 0.28) !important;
  box-shadow: 0 10px 24px rgba(153, 0, 8, 0.18) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ptf-modern-service-link:hover span,
.ptf-modern-service-link:focus span,
.ptf-modern-service-link:hover::before,
.ptf-modern-service-link:focus::before
{
  background: #FFFFFF !important;
  color: #FFFFFF !important;
}

.ptf-modern-service-link[href*="business"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v12H4z'/%3E%3Cpath d='M9 7.5V5.8A1.8 1.8 0 0 1 10.8 4h2.4A1.8 1.8 0 0 1 15 5.8v1.7'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href*="personal"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.3'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href*="plagiarism"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3Cpath d='m7.8 10.7 1.8 1.8 3.8-4.1'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href*="grammar"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5h16'/%3E%3Cpath d='M7 16.5 15.8 7.7a2 2 0 0 1 2.8 2.8L9.8 19.3 6 20l1-3.5Z'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href*="translationfind.com"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.2 2.4 3.3 5.2 3.3 8.5S14.2 18.1 12 20.5'/%3E%3Cpath d='M12 3.5C9.8 5.9 8.7 8.7 8.7 12s1.1 6.1 3.3 8.5'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href*="contact-us"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19.5h14'/%3E%3Cpath d='M8 16.5c2.4-4.9 4.8-8.3 8-12l2.2 2.2c-3.8 3.4-7.2 5.8-12 8.1L5 19.5l3-3Z'/%3E%3C/svg%3E");
}

.ptf-modern-service-link[href$="services.html"]
{
  --ptf-service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M5 17h14'/%3E%3Cpath d='M3 7h.1'/%3E%3Cpath d='M3 12h.1'/%3E%3Cpath d='M3 17h.1'/%3E%3C/svg%3E");
}

.ptf-modern-why
{
  border-radius: 10px !important;
  padding: 18px 0 0 !important;
}

.ptf-modern-why-copy h2
{
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

.ptf-modern-why-copy h2::before
{
  background: #D71920 !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 34px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.4v5.1c0 4.7-3 8.1-7 9.7-4-1.6-7-5-7-9.7V6.4l7-2.9Z'/%3E%3Cpath d='m8.6 12 2.2 2.2 4.8-5.1'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.4v5.1c0 4.7-3 8.1-7 9.7-4-1.6-7-5-7-9.7V6.4l7-2.9Z'/%3E%3Cpath d='m8.6 12 2.2 2.2 4.8-5.1'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 34px !important;
}

.ptf-modern-why-card
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFDFD 100%) !important;
  border: 1px solid rgba(160, 0, 10, 0.10) !important;
  box-shadow: 0 16px 34px rgba(30, 30, 30, 0.08) !important;
  overflow: hidden !important;
  position: relative !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.ptf-modern-why-card::before
{
  background: linear-gradient(90deg, #C90612, #FFCC00) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-modern-why-card span
{
  --ptf-why-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='m15.4 14.3 1.1 1.1 2.2-2.4'/%3E%3C/svg%3E");
  background: linear-gradient(135deg, #D71920, #A9000B) !important;
  box-shadow: 0 12px 24px rgba(169, 0, 11, 0.20) !important;
  color: #FFFFFF !important;
  font-size: 0 !important;
  height: 66px !important;
  margin-bottom: 18px !important;
  width: 66px !important;
}

.ptf-modern-why-card span::before
{
  background: currentColor !important;
  content: "" !important;
  display: block !important;
  height: 34px !important;
  -webkit-mask: var(--ptf-why-icon) center / contain no-repeat !important;
  mask: var(--ptf-why-icon) center / contain no-repeat !important;
  width: 34px !important;
}

.ptf-modern-why-card:nth-child(2) span
{
  --ptf-why-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='5.2'/%3E%3Cpath d='M8.8 13.1 7.4 21l4.6-2.5 4.6 2.5-1.4-7.9'/%3E%3Cpath d='m9.7 8.5 1.5 1.5 3.1-3.3'/%3E%3C/svg%3E");
}

.ptf-modern-why-card:nth-child(3) span
{
  --ptf-why-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.4v5.1c0 4.7-3 8.1-7 9.7-4-1.6-7-5-7-9.7V6.4l7-2.9Z'/%3E%3Cpath d='m8.7 12 2 2 4.5-4.8'/%3E%3C/svg%3E");
}

.ptf-modern-why-card:nth-child(4) span
{
  --ptf-why-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M12 7.2v5l3.4 2.1'/%3E%3Cpath d='M6.2 4.4 4.5 2.8'/%3E%3Cpath d='m17.8 4.4 1.7-1.6'/%3E%3C/svg%3E");
}

.ptf-modern-why-card:hover
{
  border-color: rgba(201, 6, 18, 0.22) !important;
  box-shadow: 0 22px 44px rgba(30, 30, 30, 0.12) !important;
  transform: translateY(-3px) !important;
}

.ptf-modern-why-card h3
{
  font-size: 21px !important;
  font-weight: 900 !important;
}

.ptf-modern-why-card p
{
  color: #4A4A4A !important;
  font-size: 15px !important;
}

@media (max-width: 700px)
{
  .ptf-modern-service-link,
  .ptf-modern-service-link:link,
  .ptf-modern-service-link:visited
  {
    grid-template-columns: 32px minmax(68px, 0.38fr) minmax(0, 1fr) 16px !important;
  }

  .ptf-modern-why-copy h2
  {
    align-items: flex-start !important;
  }
}

/* Service panel contrast fixes */
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-services h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-services h2::before
{
  background: #FFFFFF !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:link,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:visited
{
  color: #2A1114 !important;
  -webkit-text-fill-color: #2A1114 !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link span
{
  color: #A5000C !important;
  -webkit-text-fill-color: #A5000C !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover span,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus span
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover::before,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus::before,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover::after,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus::after
{
  background: #FFFFFF !important;
}

/* Service sidebar icon color preference */
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:link,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:visited
{
  grid-template-columns: 34px minmax(0, 1fr) 18px !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link::after
{
  grid-column: 3 !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:not(:hover):not(:focus)::before,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:not(:hover):not(:focus)::after
{
  background: #141414 !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover::before,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus::before,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:hover::after,
.proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:focus::after
{
  background: #FFFFFF !important;
}

@media (max-width: 700px)
{
  .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:link,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-service-link:visited
  {
    grid-template-columns: 32px minmax(0, 1fr) 16px !important;
  }
}

/* Editor team placed in the top overview section */
.ptf-modern-why .ptf-editor-team
{
  background: #FFFFFF !important;
  border: 1px solid rgba(160, 0, 10, 0.10) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 34px rgba(30, 30, 30, 0.08) !important;
  margin: 34px 0 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.ptf-modern-why .ptf-editor-team-header
{
  background:
    linear-gradient(135deg, rgba(120, 0, 8, 0.96), rgba(64, 0, 6, 0.94)) !important;
  margin: 0 0 20px !important;
  max-width: none !important;
  padding: 24px 28px !important;
  text-align: left !important;
}

.ptf-modern-why .ptf-editor-team-header span
{
  color: #FFCC00 !important;
  -webkit-text-fill-color: #FFCC00 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.ptf-modern-why .ptf-editor-team-header h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 8px 0 10px !important;
  text-shadow: none !important;
}

.ptf-modern-why .ptf-editor-team-header p
{
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  max-width: 920px !important;
}

.ptf-modern-why .ptf-editor-grid
{
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 22px !important;
}

.ptf-modern-why .ptf-editor-card
{
  border-radius: 10px !important;
}

@media (max-width: 980px)
{
  .ptf-modern-why .ptf-editor-grid
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px)
{
  .ptf-modern-why .ptf-editor-team-header
  {
    padding: 20px !important;
  }

  .ptf-modern-why .ptf-editor-team-header h2
  {
    font-size: 25px !important;
  }

  .ptf-modern-why .ptf-editor-grid
  {
    padding: 16px !important;
  }
}

/* Home 2026 block font safety */
.ptf-home-services .ptf-home-section-heading h2,
.ptf-home-process .ptf-home-section-heading h2,
.ptf-home-service-card strong,
.ptf-home-process-step h3,
.ptf-home-process-note strong
{
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

/* Calm 2026 homepage refinement */
.ptf-modern-cta
{
  background:
    linear-gradient(135deg, rgba(56, 6, 12, 0.98), rgba(102, 0, 12, 0.96)) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 38px rgba(35, 0, 8, 0.16) !important;
  box-sizing: border-box !important;
  gap: 22px !important;
  margin: 34px auto 0 !important;
  max-width: 1380px !important;
  padding: 28px 32px !important;
  width: calc(100% - 150px) !important;
}

.ptf-modern-cta h2
{
  color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(26px, 2.1vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
  text-shadow: none !important;
}

.ptf-modern-cta p
{
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.ptf-modern-cta-actions
{
  gap: 10px !important;
}

.ptf-modern-cta-actions a,
.ptf-modern-cta-actions a:link,
.ptf-modern-cta-actions a:visited
{
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  min-height: 44px !important;
  padding: 12px 18px !important;
}

.ptf-modern-cta-actions a:first-child
{
  background: #FFFFFF !important;
  color: #65000C !important;
}

.ptf-modern-cta-actions a:last-child
{
  background: #FFCC00 !important;
  border-color: #FFCC00 !important;
  color: #3A070D !important;
}

.ptf-home-services,
.ptf-home-process
{
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.ptf-home-section-heading
{
  margin-bottom: 24px !important;
}

.ptf-home-section-heading h2
{
  color: #1F1719 !important;
  font-size: clamp(28px, 2vw, 38px) !important;
}

.ptf-home-section-heading p
{
  color: #51484B !important;
  max-width: 780px !important;
}

.ptf-home-service-grid
{
  gap: 16px !important;
}

.ptf-home-service-card,
.ptf-home-service-card:link,
.ptf-home-service-card:visited
{
  border-color: rgba(82, 22, 28, 0.10) !important;
  box-shadow: 0 10px 24px rgba(35, 0, 8, 0.06) !important;
  min-height: 176px !important;
  padding: 22px 22px 21px !important;
}

.ptf-home-service-card:hover,
.ptf-home-service-card:focus
{
  box-shadow: 0 14px 30px rgba(35, 0, 8, 0.10) !important;
  transform: translateY(-2px) !important;
}

.ptf-home-service-card::after
{
  background: #F8F0F1 !important;
  border-radius: 999px !important;
  color: #7C0010 !important;
  content: ">" !important;
  font-size: 16px !important;
  height: 28px !important;
  line-height: 28px !important;
  right: 18px !important;
  text-align: center !important;
  top: 20px !important;
  width: 28px !important;
}

.ptf-home-service-icon
{
  background: #171717 !important;
  height: 30px !important;
  margin-bottom: 14px !important;
  width: 30px !important;
}

.ptf-home-service-card strong
{
  font-size: 19px !important;
  margin-right: 36px !important;
}

.ptf-home-service-card p,
.ptf-home-process-step p
{
  color: #544A4D !important;
}

.ptf-home-process
{
  background: #FFFFFF !important;
  border-color: rgba(82, 22, 28, 0.10) !important;
  box-shadow: 0 12px 30px rgba(35, 0, 8, 0.07) !important;
  padding: 28px !important;
}

.ptf-home-process-step
{
  background: #FBFAFA !important;
  border-color: rgba(82, 22, 28, 0.10) !important;
  min-height: 176px !important;
  padding: 20px !important;
}

.ptf-home-process-step>span
{
  color: #8A0010 !important;
  font-size: 24px !important;
  margin-bottom: 16px !important;
}

.ptf-home-process-note
{
  background: #3E070E !important;
  box-shadow: none !important;
}

.ptf-home-process-note strong
{
  color: #FFFFFF !important;
}

.ptf-home-process-note a
{
  background: #FFFFFF !important;
  color: #65000C !important;
}

.ptf-home-process ~ h1,
.ptf-home-process ~ h2,
.ptf-home-process ~ h3,
.ptf-home-process ~ p,
.ptf-home-process ~ ul,
.ptf-home-process ~ ol,
.ptf-home-process ~ div[style*="min-width"]
{
  display: none !important;
}

@media (max-width: 1100px)
{
  .ptf-modern-cta
  {
    width: calc(100% - 52px) !important;
  }
}

@media (max-width: 780px)
{
  .ptf-modern-cta
  {
    margin-top: 24px !important;
    padding: 22px !important;
    width: calc(100% - 28px) !important;
  }
}

/* Restore the original process section styling */
.ptf-home-process
{
  background:
    radial-gradient(circle at 92% 8%, rgba(197, 0, 18, 0.10), transparent 28%),
    linear-gradient(180deg, #FFFFFF, #FFF8F8) !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(35, 0, 6, 0.08) !important;
  padding: 30px !important;
}

.ptf-home-process-step
{
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  min-height: 190px !important;
  padding: 20px 18px !important;
}

.ptf-home-process-step>span
{
  color: #C50012 !important;
  font-size: 26px !important;
  margin-bottom: 18px !important;
}

.ptf-home-process-note
{
  background: linear-gradient(135deg, #4C0712, #8A0010) !important;
}

.ptf-home-process-note strong
{
  color: #FFCC00 !important;
}

.ptf-home-process-note a
{
  background: #FFCC00 !important;
  color: #3A070D !important;
}

/* Readable CTA redesign */
.ptf-modern-cta
{
  align-items: center !important;
  background:
    linear-gradient(90deg, #8A0010 0 8px, transparent 8px),
    #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(35, 0, 8, 0.08) !important;
  box-sizing: border-box !important;
  color: #221517 !important;
  display: grid !important;
  gap: 18px 26px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 34px auto 0 !important;
  max-width: 1380px !important;
  overflow: hidden !important;
  padding: 28px 32px 28px 40px !important;
  position: relative !important;
  width: calc(100% - 150px) !important;
}

.ptf-modern-cta::after
{
  background:
    radial-gradient(circle, rgba(138, 0, 16, 0.10) 0 2px, transparent 2.5px) !important;
  background-size: 14px 14px !important;
  bottom: -26px !important;
  content: "" !important;
  height: 120px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -22px !important;
  width: 170px !important;
}

.ptf-modern-cta h2
{
  color: #2B1116 !important;
  -webkit-text-fill-color: #2B1116 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(27px, 2.1vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  max-width: 760px !important;
  text-shadow: none !important;
}

.ptf-modern-cta p
{
  color: #514448 !important;
  -webkit-text-fill-color: #514448 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.ptf-modern-cta-actions
{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-modern-cta-actions a,
.ptf-modern-cta-actions a:link,
.ptf-modern-cta-actions a:visited
{
  align-items: center !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1.3 !important;
  min-height: 46px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ptf-modern-cta-actions a:first-child,
.ptf-modern-cta-actions a:first-child:link,
.ptf-modern-cta-actions a:first-child:visited
{
  background: #8A0010 !important;
  border: 2px solid #8A0010 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-modern-cta-actions a:last-child,
.ptf-modern-cta-actions a:last-child:link,
.ptf-modern-cta-actions a:last-child:visited
{
  background: #FFFFFF !important;
  border: 2px solid rgba(138, 0, 16, 0.24) !important;
  color: #8A0010 !important;
  -webkit-text-fill-color: #8A0010 !important;
}

.ptf-modern-cta-actions a:hover,
.ptf-modern-cta-actions a:focus
{
  transform: translateY(-1px) !important;
}

@media (max-width: 1100px)
{
  .ptf-modern-cta
  {
    grid-template-columns: 1fr !important;
    width: calc(100% - 52px) !important;
  }

  .ptf-modern-cta-actions
  {
    justify-content: flex-start !important;
  }
}

@media (max-width: 780px)
{
  .ptf-modern-cta
  {
    padding: 24px 20px 24px 28px !important;
    width: calc(100% - 28px) !important;
  }

  .ptf-modern-cta-actions
  {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .ptf-modern-cta-actions a
  {
    width: 100% !important;
  }
}

/* Home services refined layout */
.ptf-home-services
{
  background:
    radial-gradient(circle at 88% 2%, rgba(197, 0, 18, 0.08), transparent 26%),
    linear-gradient(180deg, #FFFFFF 0%, #FFFBFB 100%) !important;
  border: 1px solid rgba(82, 22, 28, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(35, 0, 8, 0.08) !important;
  overflow: hidden !important;
  padding: 34px 34px 36px !important;
  position: relative !important;
}

.ptf-home-services::before
{
  background: linear-gradient(180deg, #C50012, #FFCC00) !important;
  bottom: 28px !important;
  content: "" !important;
  left: 0 !important;
  position: absolute !important;
  top: 28px !important;
  width: 6px !important;
}

.ptf-home-services .ptf-home-section-heading
{
  align-items: flex-start !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 26px !important;
  max-width: 980px !important;
  padding-left: 18px !important;
}

.ptf-home-services .ptf-home-section-heading>span
{
  align-items: center !important;
  color: #A90010 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.ptf-home-services .ptf-home-section-heading>span::before
{
  background: #FFCC00 !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 8px !important;
  width: 8px !important;
}

.ptf-home-services .ptf-home-section-heading h2
{
  color: #2A0F14 !important;
  font-size: clamp(31px, 2.35vw, 44px) !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

.ptf-home-services .ptf-home-section-heading p
{
  color: #514448 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0 !important;
  max-width: 860px !important;
}

.ptf-home-service-grid
{
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-home-service-card,
.ptf-home-service-card:link,
.ptf-home-service-card:visited
{
  align-content: start !important;
  background:
    linear-gradient(90deg, rgba(197, 0, 18, 0.045), transparent 38%),
    #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(35, 0, 8, 0.07) !important;
  color: #261417 !important;
  display: grid !important;
  gap: 4px 16px !important;
  grid-template-columns: 54px minmax(0, 1fr) 30px !important;
  min-height: 154px !important;
  padding: 20px 18px !important;
  position: relative !important;
  text-decoration: none !important;
}

.ptf-home-service-card::before
{
  background: linear-gradient(180deg, #C50012, #7C0010) !important;
  bottom: 18px !important;
  content: "" !important;
  left: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 18px !important;
  transition: opacity 0.18s ease !important;
  width: 4px !important;
}

.ptf-home-service-card::after
{
  align-items: center !important;
  align-self: start !important;
  background: #FFF1F3 !important;
  border: 1px solid rgba(197, 0, 18, 0.12) !important;
  border-radius: 999px !important;
  color: #8A0010 !important;
  content: ">" !important;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  height: 30px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 2px !important;
  position: static !important;
  text-align: center !important;
  width: 30px !important;
}

.ptf-home-service-card:hover,
.ptf-home-service-card:focus
{
  border-color: rgba(197, 0, 18, 0.34) !important;
  box-shadow: 0 18px 38px rgba(35, 0, 8, 0.12) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

.ptf-home-service-card:hover::before,
.ptf-home-service-card:focus::before
{
  opacity: 1 !important;
}

.ptf-home-service-card:hover::after,
.ptf-home-service-card:focus::after
{
  background: #C50012 !important;
  border-color: #C50012 !important;
  color: #FFFFFF !important;
}

.ptf-home-service-icon
{
  align-self: start !important;
  background: #FFF3F4 !important;
  border: 1px solid rgba(197, 0, 18, 0.14) !important;
  border-radius: 8px !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  height: 46px !important;
  margin: 0 !important;
  position: relative !important;
  width: 46px !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.ptf-home-service-card .ptf-home-service-icon::before
{
  background: #151515 !important;
  content: "" !important;
  inset: 10px !important;
  position: absolute !important;
  -webkit-mask: var(--ptf-home-service-icon) center / contain no-repeat !important;
  mask: var(--ptf-home-service-icon) center / contain no-repeat !important;
}

.ptf-home-service-card strong
{
  color: #2B1116 !important;
  font-size: 20px !important;
  grid-column: 2 !important;
  line-height: 1.28 !important;
  margin: 0 !important;
}

.ptf-home-service-card p
{
  color: #574C4F !important;
  font-size: 15px !important;
  grid-column: 2 / 4 !important;
  line-height: 1.68 !important;
  margin: 4px 0 0 !important;
}

.ptf-home-service-card:hover .ptf-home-service-icon,
.ptf-home-service-card:focus .ptf-home-service-icon
{
  background: #C50012 !important;
  border-color: #C50012 !important;
}

.ptf-home-service-card:hover .ptf-home-service-icon::before,
.ptf-home-service-card:focus .ptf-home-service-icon::before
{
  background: #FFFFFF !important;
}

@media (max-width: 1100px)
{
  .ptf-home-services
  {
    padding: 30px 26px 32px !important;
    width: calc(100% - 52px) !important;
  }

  .ptf-home-service-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px)
{
  .ptf-home-services
  {
    border-radius: 0 !important;
    padding: 26px 18px 28px !important;
    width: 100% !important;
  }

  .ptf-home-services::before
  {
    bottom: 20px !important;
    top: 20px !important;
    width: 4px !important;
  }

  .ptf-home-services .ptf-home-section-heading
  {
    padding-left: 12px !important;
  }

  .ptf-home-service-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-home-service-card,
  .ptf-home-service-card:link,
  .ptf-home-service-card:visited
  {
    grid-template-columns: 46px minmax(0, 1fr) 28px !important;
    min-height: 132px !important;
    padding: 18px 14px !important;
  }

  .ptf-home-service-card strong
  {
    font-size: 18px !important;
  }
}

/* Desktop 25 percent visual upscale */
@media (min-width: 1200px)
{
  .proo-header:before
  {
    height: 58px !important;
  }

  .proo-header-inner
  {
    grid-template-columns: minmax(360px, 0.74fr) minmax(0, 1.34fr) auto !important;
    grid-template-rows: 58px 112px !important;
    max-width: 1725px !important;
    min-height: 170px !important;
    width: calc(100% - 188px) !important;
  }

  .proo-header-inner .header2
  {
    padding-right: 168px !important;
  }

  .proo-header-inner .header2 .custom,
  .proo-header-inner .header2 p,
  .proo-header-inner .header3 .lang-inline
  {
    height: 58px !important;
    min-height: 58px !important;
  }

  .proo-header-inner .header2 .custom
  {
    gap: 0 34px !important;
  }

  .proo-header-inner .header2 span,
  .proo-header-inner .header2 strong,
  .proo-header-inner .header2 a
  {
    font-size: 17px !important;
    line-height: 1.1 !important;
  }

  .proo-header-inner .header1 img
  {
    max-height: 88px !important;
    max-width: 394px !important;
  }

  .proo-header-inner .header3 img
  {
    height: auto !important;
    max-height: 17px !important;
    width: auto !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    gap: 18px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li>a
  {
    font-size: 19px !important;
    min-height: 52px !important;
    padding: 16px 24px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3005>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4005>a::before
  {
    height: 20px !important;
    width: 20px !important;
  }

  .ptf-home-hero
  {
    gap: 56px !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.58fr) !important;
    min-height: 625px !important;
    padding: 86px max(7.4vw, 92px) 68px !important;
  }

  .ptf-hero-copy
  {
    max-width: 960px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero .ptf-hero-eyebrow
  {
    font-size: 22px !important;
    margin-bottom: 16px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
  {
    font-size: clamp(58px, 4vw, 74px) !important;
    line-height: 1.08 !important;
    margin-bottom: 24px !important;
    max-width: 990px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
  {
    font-size: clamp(22px, 1.5vw, 27px) !important;
    line-height: 1.78 !important;
    max-width: 920px !important;
  }

  .ptf-home-hero .ptf-hero-actions
  {
    margin-top: 34px !important;
    padding: 16px !important;
  }

  .ptf-home-hero .ptf-hero-actions a,
  .ptf-home-hero .ptf-hero-actions a:link,
  .ptf-home-hero .ptf-hero-actions a:visited
  {
    font-size: 20px !important;
    min-height: 66px !important;
    padding: 20px 34px !important;
  }

  .ptf-hero-proof-points
  {
    margin-top: 34px !important;
    max-width: 960px !important;
  }

  .ptf-hero-proof-point
  {
    min-height: 110px !important;
    padding: 0 30px !important;
  }

  .ptf-hero-proof-point span,
  .ptf-hero-proof-point .ptf-proof-icon
  {
    height: 54px !important;
    margin-bottom: 12px !important;
    width: 54px !important;
  }

  .ptf-hero-proof-point .ptf-proof-icon svg
  {
    height: 28px !important;
    width: 28px !important;
  }

  .ptf-hero-proof-point strong
  {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  .ptf-hero-proof-point em
  {
    font-size: 15px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card
  {
    max-width: 425px !important;
    padding: 44px 42px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card .ptf-rank-number,
  .ptf-rank-number
  {
    font-size: 96px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card .ptf-rank-service
  {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  .ptf-home-hero .ptf-hero-rank-card strong
  {
    font-size: 23px !important;
    line-height: 1.3 !important;
  }

  .ptf-modern-overview
  {
    gap: 58px !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    margin: 48px auto 48px !important;
    max-width: 1725px !important;
    width: calc(100% - 188px) !important;
  }

  .ptf-modern-services h2
  {
    font-size: 32px !important;
    padding: 24px 26px !important;
  }

  .ptf-modern-service-link,
  .ptf-modern-service-link:link,
  .ptf-modern-service-link:visited
  {
    font-size: 18px !important;
    min-height: 72px !important;
    padding: 18px 22px !important;
  }

  .ptf-modern-service-link::before
  {
    height: 24px !important;
    width: 24px !important;
  }

  .ptf-modern-why
  {
    padding-top: 22px !important;
  }

  .ptf-modern-why-copy h2
  {
    font-size: 43px !important;
    line-height: 1.2 !important;
  }

  .ptf-modern-why-copy h2::before
  {
    height: 44px !important;
    width: 44px !important;
  }

  .ptf-modern-why-copy p
  {
    font-size: 21px !important;
    line-height: 1.72 !important;
    max-width: 1180px !important;
  }

  .ptf-modern-why-grid
  {
    gap: 30px !important;
  }

  .ptf-modern-why-card
  {
    min-height: 224px !important;
    padding: 34px 28px 30px !important;
  }

  .ptf-modern-why-card span
  {
    height: 82px !important;
    margin-bottom: 22px !important;
    width: 82px !important;
  }

  .ptf-modern-why-card span::before
  {
    height: 42px !important;
    width: 42px !important;
  }

  .ptf-modern-why-card h3
  {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .ptf-modern-why-card p
  {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .ptf-modern-why .ptf-editor-team-header h2
  {
    font-size: 46px !important;
    line-height: 1.18 !important;
  }

  .ptf-modern-why .ptf-editor-team-header p
  {
    font-size: 20px !important;
    line-height: 1.65 !important;
  }

  .ptf-home-services
  {
    margin-bottom: 48px !important;
    margin-top: 48px !important;
    max-width: 1725px !important;
    padding: 43px 43px 46px !important;
    width: calc(100% - 188px) !important;
  }

  .ptf-home-services .ptf-home-section-heading
  {
    margin-bottom: 32px !important;
    max-width: 1180px !important;
    padding-left: 24px !important;
  }

  .ptf-home-services .ptf-home-section-heading>span
  {
    font-size: 15px !important;
  }

  .ptf-home-services .ptf-home-section-heading h2
  {
    font-size: clamp(40px, 3vw, 55px) !important;
  }

  .ptf-home-services .ptf-home-section-heading p
  {
    font-size: 21px !important;
    line-height: 1.72 !important;
    max-width: 1050px !important;
  }

  .ptf-home-service-grid
  {
    gap: 24px !important;
  }

  .ptf-home-service-card,
  .ptf-home-service-card:link,
  .ptf-home-service-card:visited
  {
    gap: 8px 20px !important;
    grid-template-columns: 68px minmax(0, 1fr) 38px !important;
    min-height: 194px !important;
    padding: 26px 24px !important;
  }

  .ptf-home-service-card::after
  {
    font-size: 20px !important;
    height: 38px !important;
    width: 38px !important;
  }

  .ptf-home-service-icon
  {
    height: 58px !important;
    width: 58px !important;
  }

  .ptf-home-service-card .ptf-home-service-icon::before
  {
    inset: 13px !important;
  }

  .ptf-home-service-card strong
  {
    font-size: 25px !important;
  }

  .ptf-home-service-card p
  {
    font-size: 18px !important;
    line-height: 1.68 !important;
  }
}

/* Desktop balanced scale after review */
@media (min-width: 1200px)
{
  .proo-header:before
  {
    height: 50px !important;
  }

  .proo-header-inner
  {
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.35fr) auto !important;
    grid-template-rows: 50px 98px !important;
    max-width: 1500px !important;
    min-height: 148px !important;
    width: calc(100% - 150px) !important;
  }

  .proo-header-inner .header2
  {
    padding-right: 142px !important;
  }

  .proo-header-inner .header2 .custom,
  .proo-header-inner .header2 p,
  .proo-header-inner .header3 .lang-inline
  {
    height: 50px !important;
    min-height: 50px !important;
  }

  .proo-header-inner .header2 .custom
  {
    gap: 0 28px !important;
  }

  .proo-header-inner .header2 span,
  .proo-header-inner .header2 strong,
  .proo-header-inner .header2 a
  {
    font-size: 15px !important;
  }

  .proo-header-inner .header1 img
  {
    max-height: 76px !important;
    max-width: 340px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu
  {
    gap: 12px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li>a
  {
    font-size: 17px !important;
    min-height: 46px !important;
    padding: 13px 18px !important;
  }

  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-3005>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4000>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4001>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4002>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4003>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4004>a::before,
  .proo-nav.ptf-standard-nav .ptf-main-menu>li.item-4005>a::before
  {
    height: 18px !important;
    width: 18px !important;
  }

  .ptf-home-hero
  {
    gap: 48px !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.56fr) !important;
    min-height: 548px !important;
    padding: 74px max(7vw, 66px) 58px !important;
  }

  .ptf-hero-copy
  {
    max-width: 860px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero .ptf-hero-eyebrow
  {
    font-size: 19px !important;
    margin-bottom: 13px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title
  {
    font-size: clamp(48px, 3.35vw, 64px) !important;
    margin-bottom: 20px !important;
    max-width: 860px !important;
  }

  .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero p
  {
    font-size: clamp(19px, 1.32vw, 23px) !important;
    line-height: 1.7 !important;
    max-width: 780px !important;
  }

  .ptf-home-hero .ptf-hero-actions
  {
    margin-top: 26px !important;
    padding: 12px !important;
  }

  .ptf-home-hero .ptf-hero-actions a,
  .ptf-home-hero .ptf-hero-actions a:link,
  .ptf-home-hero .ptf-hero-actions a:visited
  {
    font-size: 17px !important;
    min-height: 56px !important;
    padding: 17px 28px !important;
  }

  .ptf-hero-proof-points
  {
    margin-top: 28px !important;
    max-width: 840px !important;
  }

  .ptf-hero-proof-point
  {
    min-height: 92px !important;
    padding: 0 22px !important;
  }

  .ptf-hero-proof-point span,
  .ptf-hero-proof-point .ptf-proof-icon
  {
    height: 46px !important;
    margin-bottom: 10px !important;
    width: 46px !important;
  }

  .ptf-hero-proof-point .ptf-proof-icon svg
  {
    height: 24px !important;
    width: 24px !important;
  }

  .ptf-hero-proof-point strong
  {
    font-size: 17px !important;
  }

  .ptf-hero-proof-point em
  {
    font-size: 13px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card
  {
    max-width: 360px !important;
    padding: 36px 34px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card .ptf-rank-number,
  .ptf-rank-number
  {
    font-size: 82px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card .ptf-rank-service
  {
    font-size: 21px !important;
  }

  .ptf-home-hero .ptf-hero-rank-card strong
  {
    font-size: 19px !important;
  }

  .ptf-modern-overview
  {
    gap: 48px !important;
    grid-template-columns: 315px minmax(0, 1fr) !important;
    margin: 38px auto 38px !important;
    max-width: 1500px !important;
    width: calc(100% - 150px) !important;
  }

  .ptf-modern-services h2
  {
    font-size: 28px !important;
    padding: 21px 24px !important;
  }

  .ptf-modern-service-link,
  .ptf-modern-service-link:link,
  .ptf-modern-service-link:visited
  {
    font-size: 16px !important;
    min-height: 64px !important;
    padding: 16px 18px !important;
  }

  .ptf-modern-service-link::before
  {
    height: 22px !important;
    width: 22px !important;
  }

  .ptf-modern-why-copy h2
  {
    font-size: 36px !important;
    line-height: 1.24 !important;
  }

  .ptf-modern-why-copy h2::before
  {
    height: 38px !important;
    width: 38px !important;
  }

  .ptf-modern-why-copy p
  {
    font-size: 18px !important;
    max-width: 980px !important;
  }

  .ptf-modern-why-grid
  {
    gap: 24px !important;
  }

  .ptf-modern-why-card
  {
    min-height: 192px !important;
    padding: 28px 22px 24px !important;
  }

  .ptf-modern-why-card span
  {
    height: 70px !important;
    margin-bottom: 18px !important;
    width: 70px !important;
  }

  .ptf-modern-why-card span::before
  {
    height: 36px !important;
    width: 36px !important;
  }

  .ptf-modern-why-card h3
  {
    font-size: 22px !important;
  }

  .ptf-modern-why-card p
  {
    font-size: 16px !important;
  }

  .ptf-modern-why .ptf-editor-team-header h2
  {
    font-size: 38px !important;
  }

  .ptf-modern-why .ptf-editor-team-header p
  {
    font-size: 18px !important;
  }

  .ptf-home-services
  {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
    max-width: 1500px !important;
    padding: 38px 38px 40px !important;
    width: calc(100% - 150px) !important;
  }

  .ptf-home-services .ptf-home-section-heading
  {
    margin-bottom: 28px !important;
    max-width: 980px !important;
    padding-left: 20px !important;
  }

  .ptf-home-services .ptf-home-section-heading>span
  {
    font-size: 13px !important;
  }

  .ptf-home-services .ptf-home-section-heading h2
  {
    font-size: clamp(34px, 2.5vw, 46px) !important;
  }

  .ptf-home-services .ptf-home-section-heading p
  {
    font-size: 18px !important;
    max-width: 900px !important;
  }

  .ptf-home-service-grid
  {
    gap: 20px !important;
  }

  .ptf-home-service-card,
  .ptf-home-service-card:link,
  .ptf-home-service-card:visited
  {
    gap: 6px 18px !important;
    grid-template-columns: 58px minmax(0, 1fr) 34px !important;
    min-height: 168px !important;
    padding: 22px 20px !important;
  }

  .ptf-home-service-card::after
  {
    font-size: 18px !important;
    height: 34px !important;
    width: 34px !important;
  }

  .ptf-home-service-icon
  {
    height: 50px !important;
    width: 50px !important;
  }

  .ptf-home-service-card .ptf-home-service-icon::before
  {
    inset: 11px !important;
  }

  .ptf-home-service-card strong
  {
    font-size: 21px !important;
  }

  .ptf-home-service-card p
  {
    font-size: 16px !important;
  }
}

/* Modern trust and content depth sections */
.ptf-modern-reviews,
.ptf-proofreading-depth
{
  box-sizing: border-box !important;
  margin: 40px auto !important;
  max-width: 1500px !important;
  width: calc(100% - 150px) !important;
}

.ptf-modern-reviews
{
  background:
    radial-gradient(circle at 90% 0%, rgba(197, 0, 18, 0.08), transparent 25%),
    linear-gradient(180deg, #FFFFFF, #FFFBFB) !important;
  border: 1px solid rgba(82, 22, 28, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(35, 0, 8, 0.08) !important;
  overflow: hidden !important;
  padding: 36px 38px 40px !important;
}

.ptf-modern-reviews-header
{
  margin-bottom: 24px !important;
  max-width: 980px !important;
}

.ptf-modern-reviews-header>span,
.ptf-depth-copy>span,
.ptf-before-after>span
{
  color: #A90010 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.ptf-modern-reviews-header>span::before,
.ptf-depth-copy>span::before,
.ptf-before-after>span::before
{
  background: #FFCC00 !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 8px !important;
  margin-top: 5px !important;
  width: 8px !important;
}

.ptf-modern-reviews h2,
.ptf-proofreading-depth h2
{
  color: #2A0F14 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 2.5vw, 46px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  text-shadow: none !important;
}

.ptf-modern-reviews-header p,
.ptf-depth-copy>p
{
  color: #514448 !important;
  font-size: 18px !important;
  line-height: 1.76 !important;
  margin: 0 !important;
  max-width: 920px !important;
}

.ptf-review-proof-row
{
  display: grid !important;
  gap: 14px !important;
  grid-auto-columns: minmax(128px, 168px) !important;
  grid-auto-flow: column !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  padding: 4px 4px 18px !important;
  scroll-snap-type: inline mandatory !important;
  scrollbar-color: #C50012 #F4E8EA !important;
}

.ptf-review-shot,
.ptf-review-shot:link,
.ptf-review-shot:visited
{
  align-items: center !important;
  aspect-ratio: 4 / 5 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(35, 0, 8, 0.08) !important;
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 8px !important;
  scroll-snap-align: start !important;
  text-decoration: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.ptf-review-shot:hover,
.ptf-review-shot:focus
{
  border-color: rgba(197, 0, 18, 0.36) !important;
  box-shadow: 0 16px 34px rgba(35, 0, 8, 0.14) !important;
  transform: translateY(-2px) !important;
}

.ptf-review-shot img
{
  display: block !important;
  height: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

.ptf-review-quotes
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 22px !important;
}

.ptf-review-quotes article
{
  background: #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.11) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(35, 0, 8, 0.07) !important;
  padding: 22px !important;
  position: relative !important;
}

.ptf-review-quotes article::before
{
  background: linear-gradient(90deg, #C50012, #FFCC00) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-review-quotes .ptf-review-stars
{
  color: #FFB400 !important;
  font-size: 17px !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

.ptf-review-quotes h3
{
  color: #2B1116 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  margin: 0 0 4px !important;
}

.ptf-review-quotes time
{
  color: #8A0010 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

.ptf-review-quotes p
{
  color: #514448 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}

.ptf-proofreading-depth
{
  align-items: stretch !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.75fr) !important;
}

.ptf-depth-copy,
.ptf-before-after
{
  background: #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(35, 0, 8, 0.07) !important;
  box-sizing: border-box !important;
  padding: 32px !important;
}

.ptf-depth-checklist
{
  display: grid !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}

.ptf-depth-checklist li
{
  align-items: flex-start !important;
  color: #2D2023 !important;
  display: grid !important;
  font-size: 17px !important;
  gap: 12px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  line-height: 1.62 !important;
}

.ptf-depth-checklist li::before
{
  align-items: center !important;
  background: #C50012 !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  content: "✓" !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 2px !important;
  width: 24px !important;
}

.ptf-before-after
{
  background:
    linear-gradient(135deg, rgba(89, 0, 12, 0.98), rgba(134, 0, 16, 0.94)) !important;
  color: #FFFFFF !important;
  overflow: hidden !important;
  position: relative !important;
}

.ptf-before-after::after
{
  background: radial-gradient(circle, rgba(255, 204, 0, 0.18), transparent 62%) !important;
  content: "" !important;
  height: 220px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -70px !important;
  top: -90px !important;
  width: 220px !important;
}

.ptf-before-after>span
{
  color: #FFCC00 !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-before-after h3
{
  color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  margin: 0 0 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-before-after-grid
{
  display: grid !important;
  gap: 14px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-before-after-grid article
{
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  padding: 18px !important;
}

.ptf-before-after-grid strong
{
  color: #FFCC00 !important;
  display: block !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.ptf-before-after-grid p,
.ptf-before-after-note
{
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.ptf-before-after-note
{
  margin-top: 16px !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 1100px)
{
  .ptf-modern-reviews,
  .ptf-proofreading-depth
  {
    width: calc(100% - 52px) !important;
  }

  .ptf-proofreading-depth
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-review-quotes
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px)
{
  .ptf-modern-reviews,
  .ptf-proofreading-depth
  {
    margin: 28px auto !important;
    width: 100% !important;
  }

  .ptf-modern-reviews
  {
    border-left: 0 !important;
    border-radius: 0 !important;
    border-right: 0 !important;
    padding: 26px 18px 30px !important;
  }

  .ptf-depth-copy,
  .ptf-before-after
  {
    border-radius: 0 !important;
    padding: 26px 18px !important;
  }

  .ptf-modern-reviews h2,
  .ptf-proofreading-depth h2
  {
    font-size: 30px !important;
  }

  .ptf-review-proof-row
  {
    grid-auto-columns: minmax(118px, 145px) !important;
  }
}

/* Remove service card arrow button */
.ptf-home-services .ptf-home-service-card,
.ptf-home-services .ptf-home-service-card:link,
.ptf-home-services .ptf-home-service-card:visited
{
  grid-template-columns: 58px minmax(0, 1fr) !important;
  padding-right: 22px !important;
}

.ptf-home-services .ptf-home-service-card::after
{
  display: none !important;
}

.ptf-home-services .ptf-home-service-card p
{
  grid-column: 2 !important;
}

@media (max-width: 700px)
{
  .ptf-home-services .ptf-home-service-card,
  .ptf-home-services .ptf-home-service-card:link,
  .ptf-home-services .ptf-home-service-card:visited
  {
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }
}

/* Keep contact menu CTA visible on the white nav */
.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta
{
  margin-left: 0 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a:link,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a:visited
{
  background: #C50012 !important;
  border: 1px solid #C50012 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(197, 0, 18, 0.20) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a::before
{
  background: #FFFFFF !important;
  opacity: 1 !important;
}

.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a:hover,
.proo-nav.ptf-standard-nav .ptf-main-menu>li.ptf-menu-cta>a:focus
{
  background: #8A0010 !important;
  border-color: #8A0010 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Final polish: contrast, flags, process depth, video testimonial */
.ptf-before-after h3,
.ptf-before-after-grid p,
.ptf-before-after-note
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
}

.ptf-before-after h3
{
  font-size: clamp(28px, 2vw, 36px) !important;
  margin-bottom: 22px !important;
}

.ptf-before-after
{
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 204, 0, 0.18), transparent 30%),
    linear-gradient(135deg, #52000B 0%, #8A0010 58%, #3A050B 100%) !important;
  box-shadow: 0 22px 48px rgba(58, 5, 11, 0.22) !important;
}

.ptf-before-after-grid article
{
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.proo-header-inner .header3 .lang-inline
{
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
}

.proo-header-inner .header3 .lang-inline li
{
  margin: 0 !important;
}

.proo-header-inner .header3 img
{
  border-radius: 2px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28) !important;
  height: auto !important;
  max-height: 24px !important;
  width: auto !important;
}

.ptf-home-process
{
  background:
    radial-gradient(circle at 92% 8%, rgba(197, 0, 18, 0.13), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF9F9 100%) !important;
  box-shadow: 0 20px 48px rgba(35, 0, 8, 0.10) !important;
  overflow: hidden !important;
  position: relative !important;
}

.ptf-home-process::before
{
  background: linear-gradient(90deg, #C50012, #FFCC00) !important;
  content: "" !important;
  height: 5px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-home-process-step
{
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FFFDFD 100%) !important;
  border-color: rgba(138, 0, 16, 0.12) !important;
  box-shadow: 0 12px 28px rgba(35, 0, 8, 0.07) !important;
  position: relative !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease !important;
}

.ptf-home-process-step::before
{
  background: linear-gradient(90deg, #C50012, #FFCC00) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  opacity: 0.9 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-home-process-step:hover
{
  border-color: rgba(197, 0, 18, 0.28) !important;
  box-shadow: 0 18px 38px rgba(35, 0, 8, 0.12) !important;
  transform: translateY(-2px) !important;
}

.ptf-home-process-step>span
{
  color: #B30012 !important;
  -webkit-text-fill-color: #B30012 !important;
}

.ptf-video-testimonial
{
  align-items: center !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(255, 204, 0, 0.14), transparent 28%),
    linear-gradient(135deg, #4B050D 0%, #82000E 58%, #1D0D10 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 54px rgba(35, 0, 8, 0.18) !important;
  box-sizing: border-box !important;
  color: #FFFFFF !important;
  display: grid !important;
  gap: 34px !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1fr) !important;
  margin: 40px auto !important;
  max-width: 1500px !important;
  overflow: hidden !important;
  padding: 38px !important;
  position: relative !important;
  width: calc(100% - 150px) !important;
}

.ptf-video-testimonial::before
{
  background: linear-gradient(90deg, #FFCC00, #C50012) !important;
  content: "" !important;
  height: 5px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-video-copy
{
  position: relative !important;
  z-index: 1 !important;
}

.ptf-video-copy>span
{
  color: #FFCC00 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-video-copy h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(32px, 2.5vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.30) !important;
}

.ptf-video-copy p
{
  color: rgba(255, 255, 255, 0.90) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.90) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  margin: 0 0 22px !important;
}

.ptf-video-copy ul
{
  display: grid !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-video-copy li
{
  color: rgba(255, 255, 255, 0.94) !important;
  display: grid !important;
  font-size: 16px !important;
  gap: 10px !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  line-height: 1.55 !important;
}

.ptf-video-copy li::before
{
  align-items: center !important;
  background: #FFCC00 !important;
  border-radius: 999px !important;
  color: #56000A !important;
  content: "\2713" !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 20px !important;
  justify-content: center !important;
  margin-top: 3px !important;
  width: 20px !important;
}

.ptf-video-frame
{
  background: #130407 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-video-frame::before
{
  content: "" !important;
  display: block !important;
  padding-top: 56.25% !important;
}

.ptf-video-frame iframe
{
  border: 0 !important;
  height: 100% !important;
  inset: 0 !important;
  position: absolute !important;
  width: 100% !important;
}

.proo-nostyle.proo-block.bottomblock,
.proo-block.clearfix:has(#fst_comments_scroll_outer_617),
.proo-block.clearfix:has(.fst_comments_scroll_outer)
{
  display: none !important;
}

@media (max-width: 1100px)
{
  .ptf-video-testimonial
  {
    grid-template-columns: 1fr !important;
    width: calc(100% - 52px) !important;
  }
}

@media (max-width: 700px)
{
  .proo-header-inner .header3 img
  {
    max-height: 20px !important;
  }

  .ptf-video-testimonial
  {
    border-radius: 0 !important;
    margin: 28px auto !important;
    padding: 28px 18px !important;
    width: 100% !important;
  }
}

/* Services page 2026 */
.proo-layout-cell.proo-content:has(.ptf-services-page)
{
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-services-page) .proo-post
{
  border-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-services-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-services-page) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-services-page) .item-page,
.proo-layout-cell.proo-content:has(.ptf-services-page) .proo-article
{
  max-width: none !important;
  width: 100% !important;
}

.ptf-services-page
{
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  padding: 0 0 44px !important;
}

.ptf-services-hero
{
  align-items: center !important;
  background:
    linear-gradient(115deg, rgba(69, 0, 8, 0.98) 0%, rgba(143, 0, 18, 0.96) 48%, rgba(255, 245, 245, 0.96) 48.2%, rgba(255, 255, 255, 0.98) 100%) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 44px !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.7fr) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 460px !important;
  padding: 70px max(7vw, 70px) !important;
  width: 100vw !important;
}

.ptf-services-hero-copy
{
  max-width: 820px !important;
}

.ptf-services-hero-copy>span,
.ptf-services-section-heading>span,
.ptf-services-cta span
{
  color: #FFCC00 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-services-hero h1
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(46px, 3.3vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  margin: 0 0 18px !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.32) !important;
}

.ptf-services-hero p
{
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
  font-size: 20px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 780px !important;
}

.ptf-services-hero-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.ptf-services-hero-actions a,
.ptf-services-hero-actions a:link,
.ptf-services-hero-actions a:visited
{
  align-items: center !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 15px 24px !important;
  text-decoration: none !important;
}

.ptf-services-hero-actions a:first-child
{
  background: #FFCC00 !important;
  color: #3A050B !important;
  -webkit-text-fill-color: #3A050B !important;
}

.ptf-services-hero-actions a:last-child
{
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.40) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-services-hero-media
{
  background: #FFFFFF !important;
  border: 1px solid rgba(138, 0, 16, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 58px rgba(35, 0, 8, 0.18) !important;
  overflow: hidden !important;
  position: relative !important;
}

.ptf-services-hero-media img
{
  display: block !important;
  height: 320px !important;
  object-fit: cover !important;
  object-position: center right !important;
  width: 100% !important;
}

.ptf-services-hero-badge
{
  background: rgba(255, 255, 255, 0.94) !important;
  border-left: 5px solid #FFCC00 !important;
  bottom: 18px !important;
  box-shadow: 0 12px 30px rgba(35, 0, 8, 0.16) !important;
  left: 18px !important;
  max-width: 290px !important;
  padding: 16px 18px !important;
  position: absolute !important;
}

.ptf-services-hero-badge strong
{
  color: #8A0010 !important;
  display: block !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}

.ptf-services-hero-badge span
{
  color: #3B2D30 !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.ptf-services-catalog,
.ptf-services-fit,
.ptf-thai-proofreading-related,
.ptf-services-workflow,
.ptf-services-cta
{
  box-sizing: border-box !important;
  margin: 40px auto !important;
  max-width: 1500px !important;
  width: calc(100% - 150px) !important;
}

.ptf-services-section-heading
{
  margin-bottom: 24px !important;
  max-width: 960px !important;
}

.ptf-services-section-heading>span
{
  color: #A90010 !important;
}

.ptf-services-section-heading h2,
.ptf-services-cta h2
{
  color: #2A0F14 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 2.5vw, 46px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 0 10px !important;
}

.ptf-services-section-heading p
{
  color: #514448 !important;
  font-size: 18px !important;
  line-height: 1.76 !important;
  margin: 0 !important;
}

.ptf-services-grid
{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-services-card
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFDFD 100%) !important;
  border: 1px solid rgba(82, 22, 28, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(35, 0, 8, 0.08) !important;
  box-sizing: border-box !important;
  min-height: 360px !important;
  overflow: hidden !important;
  padding: 26px !important;
  position: relative !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.ptf-services-card::before
{
  background: linear-gradient(90deg, #C50012, #FFCC00) !important;
  content: "" !important;
  height: 5px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-services-card:hover
{
  border-color: rgba(197, 0, 18, 0.28) !important;
  box-shadow: 0 22px 46px rgba(35, 0, 8, 0.13) !important;
  transform: translateY(-2px) !important;
}

.ptf-services-icon
{
  background: #FFF3F4 !important;
  border: 1px solid rgba(197, 0, 18, 0.14) !important;
  border-radius: 8px !important;
  display: block !important;
  height: 58px !important;
  margin-bottom: 18px !important;
  position: relative !important;
  width: 58px !important;
}

.ptf-services-icon::before
{
  background: #151515 !important;
  content: "" !important;
  inset: 13px !important;
  position: absolute !important;
  -webkit-mask: var(--ptf-service-page-icon) center / contain no-repeat !important;
  mask: var(--ptf-service-page-icon) center / contain no-repeat !important;
}

.ptf-service-academic { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11l3 3v13H5z'/%3E%3Cpath d='M16 4v4h3'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M8 16h6'/%3E%3C/svg%3E"); }
.ptf-service-business { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16v11H4z'/%3E%3Cpath d='M9 8V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M4 13h16'/%3E%3C/svg%3E"); }
.ptf-service-personal { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E"); }
.ptf-service-grammar { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19h14'/%3E%3Cpath d='M8 16.5 16.5 8a2 2 0 0 1 2.8 2.8L10.8 19 7 20l1-3.5Z'/%3E%3C/svg%3E"); }
.ptf-service-plagiarism { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3Cpath d='m7.8 10.8 1.8 1.8 3.9-4.2'/%3E%3C/svg%3E"); }
.ptf-service-ai { --ptf-service-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='M9 3v3'/%3E%3Cpath d='M15 3v3'/%3E%3Cpath d='M9 18v3'/%3E%3Cpath d='M15 18v3'/%3E%3Cpath d='M3 9h3'/%3E%3Cpath d='M3 15h3'/%3E%3Cpath d='M18 9h3'/%3E%3Cpath d='M18 15h3'/%3E%3C/svg%3E"); }

.ptf-services-card h3
{
  color: #2B1116 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  margin: 0 0 10px !important;
}

.ptf-services-card p,
.ptf-services-card li,
.ptf-fit-grid p,
.ptf-services-steps p,
.ptf-services-cta p
{
  color: #514448 !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

.ptf-services-card p
{
  margin: 0 0 14px !important;
}

.ptf-services-card ul
{
  display: grid !important;
  gap: 7px !important;
  list-style: none !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.ptf-services-card li
{
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
}

.ptf-services-card li::before
{
  color: #C50012 !important;
  content: "\2713" !important;
  font-weight: 900 !important;
}

.ptf-services-card a,
.ptf-services-card a:link,
.ptf-services-card a:visited
{
  color: #A90010 !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-services-card a:hover,
.ptf-services-card a:focus
{
  color: #65000C !important;
  text-decoration: underline !important;
}

.ptf-services-fit
{
  background: #FFFFFF !important;
  border: 1px solid rgba(82, 22, 28, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 38px rgba(35, 0, 8, 0.07) !important;
  padding: 34px !important;
}

.ptf-thai-proofreading-related
{
  background:
    radial-gradient(circle at 92% 18%, rgba(255, 210, 78, 0.18), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(35, 0, 8, 0.07) !important;
  padding: 34px !important;
}

.ptf-thai-proofreading-related span
{
  color: #A90010 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-thai-proofreading-related h2
{
  color: #2A0F14 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(30px, 2.5vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 0 12px !important;
}

.ptf-thai-proofreading-related p
{
  color: #514448 !important;
  font-size: 18px !important;
  line-height: 1.76 !important;
  margin: 0 !important;
  max-width: 980px !important;
}

.ptf-thai-proofreading-related a,
.ptf-thai-proofreading-related a:link,
.ptf-thai-proofreading-related a:visited
{
  color: #A90010 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

.ptf-fit-grid,
.ptf-services-steps
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.ptf-fit-grid article,
.ptf-services-steps article
{
  background: #FFFCFC !important;
  border: 1px solid rgba(82, 22, 28, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(35, 0, 8, 0.05) !important;
  padding: 20px !important;
}

.ptf-fit-grid strong,
.ptf-services-steps h3
{
  color: #2B1116 !important;
  display: block !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  margin: 0 0 10px !important;
}

.ptf-fit-grid p,
.ptf-services-steps p
{
  margin: 0 !important;
}

.ptf-services-steps article
{
  position: relative !important;
  overflow: hidden !important;
}

.ptf-services-steps article::before
{
  background: linear-gradient(90deg, #C50012, #FFCC00) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ptf-services-steps span
{
  color: #B30012 !important;
  display: block !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}

.ptf-services-cta
{
  align-items: center !important;
  background: linear-gradient(135deg, #4B050D 0%, #87000F 64%, #1E0D10 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 50px rgba(35, 0, 8, 0.16) !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 32px 36px !important;
}

.ptf-services-cta h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-services-cta p
{
  color: rgba(255, 255, 255, 0.90) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.90) !important;
  margin: 0 !important;
}

.ptf-services-cta a,
.ptf-services-cta a:link,
.ptf-services-cta a:visited
{
  background: #FFCC00 !important;
  border-radius: 999px !important;
  color: #3A050B !important;
  -webkit-text-fill-color: #3A050B !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  min-width: 180px !important;
  padding: 14px 22px !important;
  text-align: center !important;
  text-decoration: none !important;
}

@media (max-width: 1100px)
{
  .ptf-services-hero
  {
    grid-template-columns: 1fr !important;
    padding: 54px 26px !important;
  }

  .ptf-services-catalog,
  .ptf-services-fit,
  .ptf-thai-proofreading-related,
  .ptf-services-workflow,
  .ptf-services-cta
  {
    width: calc(100% - 52px) !important;
  }

  .ptf-services-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ptf-fit-grid,
  .ptf-services-steps
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px)
{
  .ptf-services-hero
  {
    background: linear-gradient(180deg, #65000C 0%, #8A0010 58%, #FFFFFF 58.2%, #FFFFFF 100%) !important;
    min-height: 0 !important;
    padding: 40px 18px !important;
  }

  .ptf-services-hero h1
  {
    font-size: 38px !important;
  }

  .ptf-services-hero p
  {
    font-size: 17px !important;
  }

  .ptf-services-hero-actions
  {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .ptf-services-hero-media img
  {
    height: 220px !important;
  }

  .ptf-services-catalog,
  .ptf-services-fit,
  .ptf-thai-proofreading-related,
  .ptf-services-workflow,
  .ptf-services-cta
  {
    margin: 28px auto !important;
    width: 100% !important;
  }

  .ptf-services-catalog,
  .ptf-services-workflow
  {
    padding: 0 18px !important;
  }

  .ptf-services-fit,
  .ptf-thai-proofreading-related,
  .ptf-services-cta
  {
    border-radius: 0 !important;
    padding: 26px 18px !important;
  }

  .ptf-services-grid,
  .ptf-fit-grid,
  .ptf-services-steps,
  .ptf-services-cta
  {
    grid-template-columns: 1fr !important;
  }
}

/* Price page 2026 */
.proo-layout-cell.proo-content:has(.ptf-price-page)
{
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-price-page) .proo-post
{
  border-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-price-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-price-page) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-price-page) .item-page,
.proo-layout-cell.proo-content:has(.ptf-price-page) .proo-article
{
  max-width: none !important;
  width: 100% !important;
}

.ptf-price-page
{
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  padding: 0 0 48px !important;
}

.ptf-price-hero
{
  align-items: center !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(255, 210, 78, 0.18) 0, rgba(255, 210, 78, 0) 30%),
    linear-gradient(118deg, #4C0008 0%, #8F0012 52%, #B60A1D 100%) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 44px !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.52fr) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 420px !important;
  overflow: hidden !important;
  padding: 70px max(7vw, 70px) !important;
  position: relative !important;
}

.ptf-price-hero::before
{
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 74px) !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ptf-price-hero-copy,
.ptf-price-hero-panel
{
  position: relative !important;
  z-index: 1 !important;
}

.ptf-price-hero-copy>span,
.ptf-price-section-heading>span,
.ptf-price-request>div>span,
.ptf-price-cta span
{
  color: #FFD24E !important;
  display: block !important;
  font: 800 14px/1.35 "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

.ptf-price-hero h1
{
  color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(36px, 4vw, 60px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
  margin: 0 0 22px !important;
  max-width: 900px !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

.ptf-price-hero p
{
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 20px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
  max-width: 820px !important;
}

.ptf-price-hero-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

.ptf-price-hero-actions a,
.ptf-price-hero-actions a:link,
.ptf-price-hero-actions a:visited,
.ptf-price-cta-actions a,
.ptf-price-cta-actions a:link,
.ptf-price-cta-actions a:visited
{
  align-items: center !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font: 800 17px/1.3 "Noto Sans Thai", Arial, sans-serif !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
  text-decoration: none !important;
}

.ptf-price-hero-actions a:first-child
{
  background: #FFD24E !important;
  color: #7A0010 !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

.ptf-price-hero-actions a:last-child
{
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  color: #FFFFFF !important;
}

.ptf-price-hero-panel
{
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(20, 0, 5, 0.28) !important;
  color: #2A1114 !important;
  padding: 34px !important;
}

.ptf-price-hero-panel strong
{
  color: #B40016 !important;
  display: block !important;
  font: 900 30px/1.25 "Noto Sans Thai", Arial, sans-serif !important;
  margin-bottom: 20px !important;
}

.ptf-price-hero-panel ul
{
  display: grid !important;
  gap: 14px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-price-hero-panel li
{
  align-items: center !important;
  color: #3E2528 !important;
  display: grid !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  gap: 12px !important;
  grid-template-columns: 26px 1fr !important;
  line-height: 1.55 !important;
}

.ptf-price-hero-panel li::before
{
  background: #C90019 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 7px #FFE7EA !important;
  content: "" !important;
  display: block !important;
  height: 22px !important;
  width: 22px !important;
}

.ptf-price-plans,
.ptf-price-factors,
.ptf-price-request,
.ptf-price-cta
{
  box-sizing: border-box !important;
  margin: 38px auto 0 !important;
  max-width: 1280px !important;
  padding: 0 34px !important;
}

.ptf-price-section-heading
{
  margin: 0 0 26px !important;
  max-width: 860px !important;
}

.ptf-price-section-heading>span,
.ptf-price-request>div>span
{
  color: #C70018 !important;
}

.ptf-price-section-heading h2,
.ptf-price-request h2,
.ptf-price-cta h2
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 0 14px !important;
}

.ptf-price-section-heading p,
.ptf-price-request p
{
  color: #4C3A3D !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
}

.ptf-price-plan-grid
{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-price-plan
{
  background: #FFFFFF !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 55px rgba(69, 0, 8, 0.09) !important;
  box-sizing: border-box !important;
  min-height: 100% !important;
  padding: 30px !important;
  position: relative !important;
}

.ptf-price-plan::before
{
  background: linear-gradient(90deg, #D0001B, #FFD24E) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.ptf-price-icon
{
  background: #C90019 !important;
  border-radius: 50% !important;
  box-shadow: 0 16px 32px rgba(201, 0, 25, 0.2) !important;
  height: 58px !important;
  margin: 0 0 20px !important;
  position: relative !important;
  width: 58px !important;
}

.ptf-price-icon::before
{
  background: #FFFFFF !important;
  content: "" !important;
  height: 30px !important;
  inset: 14px !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 15l2 2 4-5'/%3E%3C/svg%3E") center/contain no-repeat !important;
  position: absolute !important;
  width: 30px !important;
}

.ptf-price-editing .ptf-price-icon::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") !important;
}

.ptf-price-custom .ptf-price-icon::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E") !important;
}

.ptf-price-plan h3
{
  color: #341015 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
}

.ptf-price-plan p,
.ptf-price-plan li
{
  color: #4A393C !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
}

.ptf-price-plan p
{
  margin: 0 0 18px !important;
}

.ptf-price-plan ul
{
  display: grid !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-price-plan li
{
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: 18px 1fr !important;
}

.ptf-price-plan li::before
{
  color: #C90019 !important;
  content: "✓" !important;
  font-weight: 900 !important;
}

.ptf-price-factor-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-price-factor-grid article
{
  background: #FFF9F9 !important;
  border: 1px solid #EBD8DA !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  padding: 24px !important;
}

.ptf-price-factor-grid strong
{
  color: #C70018 !important;
  display: block !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}

.ptf-price-factor-grid h3
{
  color: #351015 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

.ptf-price-factor-grid p
{
  color: #554447 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.ptf-price-request
{
  align-items: start !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF6F7 100%) !important;
  border: 1px solid #E8D2D5 !important;
  border-radius: 8px !important;
  box-shadow: 0 26px 60px rgba(69, 0, 8, 0.08) !important;
  display: grid !important;
  gap: 32px !important;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr) !important;
  padding: 34px !important;
}

.ptf-price-request ol
{
  counter-reset: priceSteps !important;
  display: grid !important;
  gap: 14px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-price-request li
{
  background: #FFFFFF !important;
  border: 1px solid #E9D6D8 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  counter-increment: priceSteps !important;
  display: grid !important;
  gap: 4px 18px !important;
  grid-template-columns: 46px 1fr !important;
  padding: 18px !important;
}

.ptf-price-request li::before
{
  align-items: center !important;
  background: #C90019 !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
  content: counter(priceSteps, decimal-leading-zero) !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  grid-row: span 2 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

.ptf-price-request li strong
{
  color: #2E0E13 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.ptf-price-request li span
{
  color: #5A494C !important;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
}

.ptf-price-cta
{
  align-items: center !important;
  background: linear-gradient(120deg, #4D0008 0%, #860011 58%, #220006 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(69, 0, 8, 0.18) !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 34px !important;
}

.ptf-price-cta h2,
.ptf-price-cta p
{
  color: #FFFFFF !important;
}

.ptf-price-cta p
{
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 780px !important;
}

.ptf-price-cta-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-end !important;
}

.ptf-price-cta-actions a:first-child
{
  background: #FFFFFF !important;
  color: #7A0010 !important;
}

.ptf-price-cta-actions a:last-child
{
  background: #FFD24E !important;
  color: #6E0010 !important;
}

@media (max-width: 1100px)
{
  .ptf-price-hero
  {
    grid-template-columns: 1fr !important;
    padding: 54px 34px !important;
  }

  .ptf-price-plan-grid,
  .ptf-price-factor-grid,
  .ptf-price-request,
  .ptf-price-cta
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-price-cta-actions
  {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px)
{
  .ptf-price-hero
  {
    padding: 40px 20px !important;
  }

  .ptf-price-hero h1
  {
    font-size: 34px !important;
  }

  .ptf-price-hero p
  {
    font-size: 17px !important;
  }

  .ptf-price-hero-actions,
  .ptf-price-cta-actions
  {
    flex-direction: column !important;
  }

  .ptf-price-hero-actions a,
  .ptf-price-cta-actions a
  {
    width: 100% !important;
  }

  .ptf-price-plans,
  .ptf-price-factors,
  .ptf-price-request,
  .ptf-price-cta
  {
    margin-top: 24px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .ptf-price-request,
  .ptf-price-cta
  {
    padding: 24px !important;
  }

  .ptf-price-request li
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-price-request li::before
  {
    grid-row: auto !important;
  }
}

/* Resources page 2026 */
.proo-layout-cell.proo-content:has(.ptf-resources-page)
{
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-resources-page) .proo-post
{
  border-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-resources-page) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-resources-page) .proo-article
{
  max-width: none !important;
  width: 100% !important;
}

.proo-layout-cell.proo-content:has(.ptf-resources-page) .category-list
{
  display: none !important;
}

.ptf-resources-page
{
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  padding: 0 0 48px !important;
}

.ptf-resources-hero
{
  align-items: center !important;
  background:
    linear-gradient(112deg, rgba(72, 0, 9, 0.98) 0%, rgba(139, 0, 17, 0.96) 53%, rgba(255, 248, 248, 0.98) 53.2%, rgba(255, 255, 255, 1) 100%) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 44px !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 420px !important;
  overflow: hidden !important;
  padding: 68px max(7vw, 70px) !important;
  position: relative !important;
}

.ptf-resources-hero::before
{
  background:
    radial-gradient(circle at 82% 24%, rgba(201, 0, 25, 0.12) 0, rgba(201, 0, 25, 0) 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.09) 0 1px, transparent 1px 78px) !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.58 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ptf-resources-hero-copy,
.ptf-resources-hero-panel
{
  position: relative !important;
  z-index: 1 !important;
}

.ptf-resources-hero-copy>span,
.ptf-resources-section-heading>span,
.ptf-resources-guide span,
.ptf-resources-cta span
{
  color: #FFD24E !important;
  display: block !important;
  font: 800 14px/1.35 "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

.ptf-resources-hero h1
{
  color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(38px, 4.2vw, 62px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  margin: 0 0 22px !important;
  max-width: 900px !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.ptf-resources-hero p
{
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 20px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
  max-width: 860px !important;
}

.ptf-resources-hero-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

.ptf-resources-hero-actions a,
.ptf-resources-hero-actions a:link,
.ptf-resources-hero-actions a:visited,
.ptf-resources-guide a,
.ptf-resources-guide a:link,
.ptf-resources-guide a:visited,
.ptf-resources-cta-actions a,
.ptf-resources-cta-actions a:link,
.ptf-resources-cta-actions a:visited
{
  align-items: center !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font: 800 17px/1.3 "Noto Sans Thai", Arial, sans-serif !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
  text-decoration: none !important;
}

.ptf-resources-hero-actions a:first-child
{
  background: #FFD24E !important;
  color: #7A0010 !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

.ptf-resources-hero-actions a:last-child
{
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  color: #FFFFFF !important;
}

.ptf-resources-hero-panel
{
  background: #FFFFFF !important;
  border: 1px solid #F0DCDD !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(20, 0, 5, 0.18) !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  padding: 34px !important;
}

.ptf-resources-hero-panel strong
{
  color: #C90019 !important;
  display: block !important;
  font-size: 86px !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  margin-bottom: 14px !important;
}

.ptf-resources-hero-panel span
{
  color: #2F1015 !important;
  display: block !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

.ptf-resources-hero-panel p
{
  color: #5A4649 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.ptf-sample-feature,
.ptf-sample-list,
.ptf-resources-guide,
.ptf-resources-cta
{
  box-sizing: border-box !important;
  margin: 38px auto 0 !important;
  max-width: 1280px !important;
  padding: 0 34px !important;
}

.ptf-resources-section-heading
{
  margin: 0 0 24px !important;
  max-width: 900px !important;
}

.ptf-resources-section-heading>span,
.ptf-resources-guide span
{
  color: #C70018 !important;
}

.ptf-resources-section-heading h2,
.ptf-resources-guide h2,
.ptf-resources-cta h2
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 0 14px !important;
}

.ptf-resources-section-heading p,
.ptf-resources-guide p,
.ptf-resources-cta p
{
  color: #4C3A3D !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
}

.ptf-sample-feature
{
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 210, 78, 0.14), transparent 28%),
    linear-gradient(135deg, #FFFFFF, #FFF7F8) !important;
  border: 1px solid #ECD7D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 26px 60px rgba(69, 0, 8, 0.08) !important;
  padding: 34px !important;
}

.ptf-sample-feature-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-sample-feature-grid article
{
  background: #FFFFFF !important;
  border: 1px solid #E7D3D6 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  min-height: 190px !important;
  padding: 24px !important;
}

.ptf-sample-feature-grid article:nth-child(2)
{
  background: #5A000A !important;
}

.ptf-sample-feature-grid span
{
  color: #C70018 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
}

.ptf-sample-feature-grid article:nth-child(2) span
{
  color: #FFD24E !important;
}

.ptf-sample-feature-grid p
{
  color: #3E2C2F !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

.ptf-sample-feature-grid article:nth-child(2) p
{
  color: #FFFFFF !important;
}

.ptf-sample-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-sample-grid a,
.ptf-sample-grid a:link,
.ptf-sample-grid a:visited
{
  background: #FFFFFF !important;
  border: 1px solid #EAD7D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(69, 0, 8, 0.07) !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  min-height: 164px !important;
  padding: 24px !important;
  position: relative !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.ptf-sample-grid a::before
{
  background: linear-gradient(90deg, #D0001B, #FFD24E) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.ptf-sample-grid a:hover,
.ptf-sample-grid a:focus
{
  border-color: #D0001B !important;
  box-shadow: 0 24px 56px rgba(69, 0, 8, 0.12) !important;
  transform: translateY(-3px) !important;
}

.ptf-sample-grid span
{
  color: #C90019 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
}

.ptf-sample-grid strong
{
  color: #311016 !important;
  display: block !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  margin-bottom: 12px !important;
}

.ptf-sample-grid small
{
  color: #58484B !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.ptf-sample-more
{
  margin-top: 18px !important;
}

.ptf-sample-more summary
{
  background: #FFF6F7 !important;
  border: 1px solid #EAD4D7 !important;
  border-radius: 8px !important;
  color: #8C0012 !important;
  cursor: pointer !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  list-style: none !important;
  padding: 16px 20px !important;
}

.ptf-sample-more summary::-webkit-details-marker
{
  display: none !important;
}

.ptf-sample-more div
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-top: 14px !important;
}

.ptf-sample-more a,
.ptf-sample-more a:link,
.ptf-sample-more a:visited
{
  background: #FFFFFF !important;
  border: 1px solid #E9D6D8 !important;
  border-radius: 999px !important;
  color: #7E0010 !important;
  font-weight: 800 !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
}

.ptf-resources-guide
{
  align-items: center !important;
  background: #FFF8F8 !important;
  border: 1px solid #EAD5D8 !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 26px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 32px 34px !important;
}

.ptf-resources-guide a
{
  background: #C90019 !important;
  color: #FFFFFF !important;
  white-space: nowrap !important;
}

.ptf-resources-cta
{
  align-items: center !important;
  background: linear-gradient(120deg, #4D0008 0%, #860011 58%, #220006 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(69, 0, 8, 0.18) !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 34px !important;
}

.ptf-resources-cta h2,
.ptf-resources-cta p
{
  color: #FFFFFF !important;
}

.ptf-resources-cta-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-end !important;
}

.ptf-resources-cta-actions a:first-child
{
  background: #FFFFFF !important;
  color: #7A0010 !important;
}

.ptf-resources-cta-actions a:last-child
{
  background: #FFD24E !important;
  color: #6E0010 !important;
}

@media (max-width: 1100px)
{
  .ptf-resources-hero,
  .ptf-resources-guide,
  .ptf-resources-cta
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-sample-feature-grid,
  .ptf-sample-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ptf-resources-cta-actions
  {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px)
{
  .ptf-resources-hero
  {
    padding: 40px 20px !important;
  }

  .ptf-resources-hero h1
  {
    font-size: 34px !important;
  }

  .ptf-resources-hero p
  {
    font-size: 17px !important;
  }

  .ptf-resources-hero-actions,
  .ptf-resources-cta-actions
  {
    flex-direction: column !important;
  }

  .ptf-resources-hero-actions a,
  .ptf-resources-cta-actions a,
  .ptf-resources-guide a
  {
    width: 100% !important;
  }

  .ptf-sample-feature,
  .ptf-sample-list,
  .ptf-resources-guide,
  .ptf-resources-cta
  {
    margin-top: 24px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .ptf-sample-feature,
  .ptf-resources-guide,
  .ptf-resources-cta
  {
    padding: 24px !important;
  }

  .ptf-sample-feature-grid,
  .ptf-sample-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-resources-hero-panel strong
  {
    font-size: 68px !important;
  }
}

/* Service detail pages 2026 */
.proo-layout-cell.proo-content:has(.ptf-service-detail-page)
{
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-service-detail-page) .proo-post
{
  border-left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-service-detail-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-service-detail-page) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-service-detail-page) .item-page,
.proo-layout-cell.proo-content:has(.ptf-service-detail-page) .proo-article
{
  max-width: none !important;
  width: 100% !important;
}

.ptf-service-detail-page
{
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  color: #2A1114 !important;
  padding: 0 0 46px !important;
}

.ptf-service-detail-hero
{
  align-items: center !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(255, 210, 78, 0.16) 0, rgba(255, 210, 78, 0) 28%),
    linear-gradient(114deg, #4D0008 0%, #8C0012 56%, #B7081B 100%) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 44px !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 410px !important;
  overflow: hidden !important;
  padding: 68px max(7vw, 70px) !important;
  position: relative !important;
}

.ptf-service-detail-hero::before
{
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 74px) !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.48 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ptf-service-detail-hero>div,
.ptf-service-detail-hero aside
{
  position: relative !important;
  z-index: 1 !important;
}

.ptf-service-detail-hero span,
.ptf-service-detail-cta span
{
  color: #FFD24E !important;
  display: block !important;
  font: 800 14px/1.35 "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

.ptf-service-detail-hero h1
{
  color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(36px, 4vw, 58px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
  margin: 0 0 22px !important;
  max-width: 920px !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.ptf-service-detail-hero h1 *
{
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

.ptf-service-detail-hero #ptf-service-title,
.ptf-service-detail-hero #ptf-service-title *,
.ptf-service-detail-hero h1 strong,
.ptf-service-detail-hero h1 span
{
  color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  line-height: inherit !important;
}

.ptf-service-detail-hero p
{
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 20px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
  max-width: 880px !important;
}

.ptf-service-detail-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

.ptf-service-detail-actions a,
.ptf-service-detail-actions a:link,
.ptf-service-detail-actions a:visited,
.ptf-service-detail-cta a,
.ptf-service-detail-cta a:link,
.ptf-service-detail-cta a:visited
{
  align-items: center !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font: 800 17px/1.3 "Noto Sans Thai", Arial, sans-serif !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
  text-decoration: none !important;
}

.ptf-service-detail-actions a:first-child
{
  background: #FFD24E !important;
  color: #7A0010 !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22) !important;
}

.ptf-service-detail-actions a:last-child
{
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  color: #FFFFFF !important;
}

.ptf-service-detail-actions a:last-child,
.ptf-service-detail-actions a:last-child:link,
.ptf-service-detail-actions a:last-child:visited
{
  color: #FFFFFF !important;
}

.ptf-service-detail-hero aside
{
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(20, 0, 5, 0.28) !important;
  color: #2A1114 !important;
  padding: 32px !important;
}

.ptf-service-detail-hero aside strong
{
  color: #B40016 !important;
  display: block !important;
  font: 900 28px/1.28 "Noto Sans Thai", Arial, sans-serif !important;
  margin-bottom: 18px !important;
}

.ptf-service-detail-hero aside ul,
.ptf-service-detail-grid ul
{
  display: grid !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-service-detail-hero aside li
{
  align-items: center !important;
  color: #3E2528 !important;
  display: grid !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  gap: 12px !important;
  grid-template-columns: 24px 1fr !important;
  line-height: 1.55 !important;
}

.ptf-service-detail-hero aside li::before
{
  background: #C90019 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 7px #FFE7EA !important;
  content: "" !important;
  height: 20px !important;
  width: 20px !important;
}

.ptf-service-detail-grid,
.ptf-service-detail-cta
{
  box-sizing: border-box !important;
  margin: 38px auto 0 !important;
  max-width: 1280px !important;
  padding: 0 34px !important;
}

.ptf-service-original-copy,
.ptf-service-trust-panel
{
  background: #FFFFFF !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.07) !important;
  box-sizing: border-box !important;
  margin: 38px auto 0 !important;
  max-width: 1280px !important;
  padding: 38px 42px !important;
}

.ptf-service-section-heading
{
  margin-bottom: 18px !important;
}

.ptf-service-section-heading span
{
  color: #B40016 !important;
  display: block !important;
  font: 900 14px/1.4 "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.ptf-service-section-heading h2
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 !important;
}

.ptf-service-original-copy p
{
  color: #3E2528 !important;
  font-size: 18px !important;
  line-height: 1.9 !important;
  margin: 0 0 16px !important;
}

.ptf-service-original-copy p:last-child
{
  margin-bottom: 0 !important;
}

.ptf-service-detail-grid article p
{
  color: #5E4A4D !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 0 18px !important;
}

.ptf-service-detail-grid-expanded
{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ptf-service-trust-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.ptf-service-trust-grid article
{
  background: #FFF8F0 !important;
  border: 1px solid #F1D7D2 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  padding: 22px !important;
}

.ptf-service-trust-grid strong
{
  color: #8C0012 !important;
  display: block !important;
  font: 900 19px/1.35 "Noto Sans Thai", Arial, sans-serif !important;
  margin-bottom: 10px !important;
}

.ptf-service-trust-grid p
{
  color: #4C3A3D !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.ptf-restored-original-content
{
  background: #FFFFFF !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.07) !important;
  box-sizing: border-box !important;
  color: #342025 !important;
  margin: 38px auto 0 !important;
  max-width: 1280px !important;
  padding: 42px !important;
}

.ptf-restored-original-content p,
.ptf-restored-original-content span,
.ptf-restored-original-content li
{
  color: #342025 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
}

.ptf-restored-original-content p
{
  margin: 0 0 18px !important;
}

.ptf-restored-original-content strong
{
  color: #8C0012 !important;
  font-weight: 900 !important;
}

.ptf-restored-original-content ul
{
  background: #FFF8F0 !important;
  border: 1px solid #F1D7D2 !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 18px 0 28px !important;
  padding: 22px 26px !important;
}

.ptf-restored-original-content li
{
  display: block !important;
  padding-left: 30px !important;
  position: relative !important;
}

.ptf-restored-original-content li::before
{
  color: #C90019 !important;
  content: ">" !important;
  font-weight: 900 !important;
  left: 0 !important;
  line-height: 1.85 !important;
  position: absolute !important;
  top: 0 !important;
}

.ptf-legacy-sample-heading
{
  color: #4A0A14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(24px, 2.4vw, 34px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 28px 0 18px !important;
}

.ptf-restored-original-content img
{
  border-radius: 8px !important;
  height: auto !important;
  max-width: 100% !important;
}

.ptf-service-detail-grid
{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ptf-service-detail-grid article
{
  background: #FFFFFF !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 55px rgba(69, 0, 8, 0.08) !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 30px !important;
  position: relative !important;
}

.ptf-service-detail-grid article::before
{
  background: linear-gradient(90deg, #D0001B, #FFD24E) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.ptf-service-detail-grid article>span
{
  color: #C90019 !important;
  display: block !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 18px !important;
}

.ptf-service-detail-grid h2,
.ptf-service-detail-cta h2
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(32px, 2.8vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  margin: 0 0 16px !important;
}

.ptf-service-detail-grid li
{
  color: #4C3A3D !important;
  display: grid !important;
  font-size: 17px !important;
  gap: 10px !important;
  grid-template-columns: 20px 1fr !important;
  line-height: 1.75 !important;
}

.ptf-service-detail-grid li::before
{
  color: #C90019 !important;
  content: "✓" !important;
  font-weight: 900 !important;
}

.ptf-service-detail-grid a,
.ptf-service-detail-grid a:link,
.ptf-service-detail-grid a:visited
{
  color: #B40016 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-grammar-intent-guide
{
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 241, 0.96)) !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 64px rgba(69, 0, 8, 0.08) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 28px !important;
  margin: 38px auto 0 !important;
  max-width: 1240px !important;
  padding: 34px !important;
}

.ptf-grammar-intent-copy
{
  max-width: 900px !important;
}

.ptf-grammar-intent-copy span
{
  color: #C90019 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-grammar-intent-copy h2
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(30px, 2.5vw, 40px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.24 !important;
  margin: 0 0 14px !important;
}

.ptf-grammar-intent-copy p
{
  color: #4F3C40 !important;
  font-size: 18px !important;
  line-height: 1.82 !important;
  margin: 0 !important;
}

.ptf-grammar-intent-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.ptf-grammar-intent-grid article
{
  background: #FFFFFF !important;
  border: 1px solid rgba(201, 0, 25, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(69, 0, 8, 0.06) !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 24px !important;
}

.ptf-grammar-intent-grid article::before
{
  background: #C90019 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(201, 0, 25, 0.18) !important;
  color: #FFFFFF !important;
  content: "✓" !important;
  display: inline-grid !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  height: 34px !important;
  margin-bottom: 16px !important;
  place-items: center !important;
  width: 34px !important;
}

.ptf-grammar-intent-grid h3
{
  color: #340E14 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
}

.ptf-grammar-intent-grid p
{
  color: #5E4A4D !important;
  font-size: 16px !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

.ptf-service-detail-cta
{
  align-items: center !important;
  background: linear-gradient(120deg, #4D0008 0%, #860011 58%, #220006 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(69, 0, 8, 0.18) !important;
  display: grid !important;
  gap: 28px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 34px !important;
}

.ptf-service-detail-cta h2,
.ptf-service-detail-cta p
{
  color: #FFFFFF !important;
}

.ptf-service-detail-cta p
{
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.ptf-service-detail-cta a
{
  background: #FFD24E !important;
  color: #6E0010 !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px)
{
  .ptf-service-detail-hero,
  .ptf-service-detail-grid,
  .ptf-service-detail-cta,
  .ptf-grammar-intent-grid,
  .ptf-service-trust-grid
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px)
{
  .ptf-service-detail-hero
  {
    padding: 40px 20px !important;
  }

  .ptf-service-detail-hero h1
  {
    font-size: 34px !important;
  }

  .ptf-service-detail-hero p
  {
    font-size: 17px !important;
  }

  .ptf-service-detail-actions
  {
    flex-direction: column !important;
  }

  .ptf-service-detail-actions a,
  .ptf-service-detail-cta a
  {
    width: 100% !important;
  }

  .ptf-service-detail-grid,
  .ptf-service-detail-cta,
  .ptf-grammar-intent-guide,
  .ptf-service-original-copy,
  .ptf-service-trust-panel,
  .ptf-restored-original-content
  {
    margin-top: 24px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .ptf-service-detail-grid article,
  .ptf-service-detail-cta,
  .ptf-grammar-intent-guide
  {
    padding: 24px !important;
  }
}

body .ptf-service-detail-page .ptf-service-detail-cta.ptf-seo-addon-cta h2,
body .ptf-service-detail-page .ptf-service-detail-cta.ptf-seo-addon-cta h2 *
{
  color: #FFF4C7 !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55) !important;
}

body .ptf-service-detail-page .ptf-service-detail-cta.ptf-seo-addon-cta p,
body .ptf-service-detail-page .ptf-service-detail-cta.ptf-seo-addon-cta p *
{
  color: #FFFFFF !important;
}

body .ptf-service-detail-page .ptf-service-detail-cta.ptf-seo-addon-cta span
{
  color: #FFD24E !important;
  opacity: 1 !important;
}

/* Academic service page standard */
.ptf-service-detail-academic
{
  background:
    linear-gradient(180deg, #FFFFFF 0, #FFF9F7 46%, #FFFFFF 100%) !important;
}

.ptf-service-detail-academic .ptf-service-detail-hero
{
  background:
    linear-gradient(112deg, rgba(77, 0, 8, 0.98) 0%, rgba(132, 0, 18, 0.95) 48%, rgba(183, 8, 27, 0.70) 100%),
    url("/images/stories/banner/proofread.jpg") center right / cover no-repeat !important;
  min-height: 500px !important;
  padding-bottom: 82px !important;
  padding-top: 82px !important;
}

.ptf-service-detail-academic .ptf-service-detail-hero::after
{
  background:
    radial-gradient(circle at 18% 26%, rgba(255, 210, 78, 0.20), rgba(255, 210, 78, 0) 30%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)) !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ptf-service-detail-academic .ptf-service-detail-hero h1
{
  max-width: 860px !important;
}

.ptf-service-detail-academic .ptf-service-detail-hero p
{
  color: #FFF7E0 !important;
  max-width: 820px !important;
}

.ptf-service-detail-academic .ptf-service-detail-hero aside
{
  backdrop-filter: blur(8px) !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

.ptf-service-standard-panel
{
  box-sizing: border-box !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: -42px auto 34px !important;
  max-width: 1280px !important;
  padding: 0 34px !important;
  position: relative !important;
  z-index: 3 !important;
}

.ptf-service-standard-panel article
{
  background: #FFFFFF !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.12) !important;
  box-sizing: border-box !important;
  padding: 28px !important;
}

.ptf-service-standard-panel span
{
  align-items: center !important;
  background: #B40016 !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  font: 900 15px/1 "Noto Sans Thai", Arial, sans-serif !important;
  height: 42px !important;
  justify-content: center !important;
  margin: 0 0 18px !important;
  width: 42px !important;
}

.ptf-service-standard-panel h2
{
  color: #340E14 !important;
  font: 900 24px/1.35 "Noto Sans Thai", Arial, sans-serif !important;
  margin: 0 0 12px !important;
}

.ptf-service-standard-panel p
{
  color: #4C3A3D !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

.ptf-service-detail-academic .ptf-restored-original-content
{
  margin-top: 30px !important;
}

.ptf-service-detail-academic .ptf-restored-original-content > p:first-child,
.ptf-service-detail-academic .ptf-restored-original-content > p:nth-child(2),
.ptf-service-detail-academic .ptf-restored-original-content > p:nth-child(3)
{
  display: none !important;
}

.ptf-service-detail-academic .ptf-restored-original-content h2,
.ptf-service-detail-academic .ptf-restored-original-content h2 *
{
  color: #8C0012 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.42 !important;
}

.ptf-service-detail-academic .ptf-restored-original-content table
{
  border: 1px solid #EBD6D9 !important;
  border-collapse: separate !important;
  border-radius: 8px !important;
  border-spacing: 0 !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.07) !important;
  overflow: hidden !important;
  width: 100% !important;
}

.ptf-service-detail-academic .ptf-restored-original-content table td,
.ptf-service-detail-academic .ptf-restored-original-content table th
{
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid #F1D7D2 !important;
  color: #342025 !important;
  padding: 18px !important;
  vertical-align: top !important;
}

.ptf-service-detail-academic .ptf-restored-original-content table tr:nth-child(even) td
{
  background: #FFF8F0 !important;
}

.ptf-service-detail-academic .ptf-restored-original-content table a
{
  color: #B40016 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-service-detail-academic .ptf-seo-addon
{
  margin-top: 34px !important;
}

@media (max-width: 980px)
{
  .ptf-service-standard-panel
  {
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 700px)
{
  .ptf-service-detail-academic .ptf-service-detail-hero
  {
    min-height: auto !important;
    padding-bottom: 44px !important;
    padding-top: 44px !important;
  }

  .ptf-service-standard-panel article
  {
    padding: 22px !important;
  }

  .ptf-service-detail-academic .ptf-restored-original-content table,
  .ptf-service-detail-academic .ptf-restored-original-content tbody,
  .ptf-service-detail-academic .ptf-restored-original-content tr,
  .ptf-service-detail-academic .ptf-restored-original-content td
  {
    display: block !important;
    width: 100% !important;
  }
}

/* Global heading font standard */
body h1,
body h1 *,
body h2,
body h2 *,
body .proo-postcontent h1,
body .proo-postcontent h1 *,
body .proo-postcontent h2,
body .proo-postcontent h2 *,
body .ptf-service-detail-hero #ptf-service-title,
body .ptf-service-detail-hero #ptf-service-title *,
body .ptf-service-detail-cta h2,
body .ptf-service-detail-cta h2 *
{
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html[lang^="en"] h1,
html[lang^="en"] h1 *,
html[lang^="en"] h2,
html[lang^="en"] h2 *,
html[lang^="en"] .proo-postcontent h1,
html[lang^="en"] .proo-postcontent h1 *,
html[lang^="en"] .proo-postcontent h2,
html[lang^="en"] .proo-postcontent h2 *,
html[lang^="en"] .ptf-service-detail-hero #ptf-service-title,
html[lang^="en"] .ptf-service-detail-hero #ptf-service-title *,
html[lang^="en"] .ptf-service-detail-cta h2,
html[lang^="en"] .ptf-service-detail-cta h2 *
{
  font-family: "Google Sans", "Product Sans", "Noto Sans", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero h1 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-hero #ptf-home-hero-title *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-section-heading h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-home-section-heading h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-services h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-services h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-why-copy h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-why-copy h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-editor-team-header h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-editor-team-header h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-cta h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-cta h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-reviews h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-modern-reviews h2 *,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-video-testimonial h2,
html[lang^="th"] .proo-layout-cell.proo-content .proo-postcontent .ptf-video-testimonial h2 *
{
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* Academic service page final standard */
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero
{
  background:
    linear-gradient(102deg, rgba(67, 0, 8, 0.98) 0%, rgba(112, 0, 15, 0.94) 42%, rgba(112, 0, 15, 0.58) 66%, rgba(255, 255, 255, 0.06) 100%),
    url("/images/content/hero-modern.png") center right / cover no-repeat !important;
  min-height: 560px !important;
  padding: 92px max(7vw, 76px) 108px !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero::before
{
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 80px),
    radial-gradient(circle at 12% 22%, rgba(255, 210, 78, 0.20), rgba(255, 210, 78, 0) 26%) !important;
  opacity: 0.55 !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero::after
{
  background: linear-gradient(180deg, rgba(38, 0, 6, 0), rgba(38, 0, 6, 0.18)) !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title *
{
  color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(48px, 5.1vw, 78px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  margin-bottom: 24px !important;
  max-width: 820px !important;
  text-shadow: 0 18px 40px rgba(0, 0, 0, 0.42) !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero p
{
  color: #FFF8E6 !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.85 !important;
  max-width: 780px !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero aside
{
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 34px 90px rgba(30, 0, 5, 0.34) !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero aside strong
{
  font-size: 32px !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-standard-panel
{
  gap: 22px !important;
  margin-top: -62px !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-standard-panel article
{
  border-color: #F1D7D2 !important;
  box-shadow: 0 26px 72px rgba(69, 0, 8, 0.12) !important;
  min-height: 100% !important;
}

html[lang^="th"] .ptf-service-detail-academic h1,
html[lang^="th"] .ptf-service-detail-academic h1 *,
html[lang^="th"] .ptf-service-detail-academic h2,
html[lang^="th"] .ptf-service-detail-academic h2 *
{
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-restored-original-content h2,
html[lang^="th"] .ptf-service-detail-academic .ptf-restored-original-content h2 *,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-grid h2,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-grid h2 *,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-cta h2,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-cta h2 *
{
  font-size: clamp(34px, 3.2vw, 48px) !important;
  line-height: 1.16 !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-restored-original-content
{
  border-color: #F2D9DD !important;
  box-shadow: 0 28px 80px rgba(69, 0, 8, 0.08) !important;
  padding: 48px !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-grid article
{
  background:
    linear-gradient(180deg, #FFFFFF, #FFF9F7) !important;
  box-shadow: 0 24px 68px rgba(69, 0, 8, 0.09) !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-cta.ptf-seo-addon-cta
{
  background:
    radial-gradient(circle at 90% 16%, rgba(255, 210, 78, 0.20), rgba(255, 210, 78, 0) 30%),
    linear-gradient(120deg, #4D0008 0%, #7B0010 58%, #230006 100%) !important;
  border: 1px solid rgba(255, 210, 78, 0.24) !important;
  color: #FFFFFF !important;
}

@media (max-width: 700px)
{
  html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero
  {
    padding: 48px 20px 42px !important;
  }

  html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title,
  html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title *
  {
    font-size: 44px !important;
  }

  html[lang^="th"] .ptf-service-detail-academic .ptf-restored-original-content
  {
    padding: 24px !important;
  }
}

/* End Additional CSS Styles */

.ptf-editor-team-header h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.ptf-editor-team-header p
{
  color: rgba(255, 255, 255, 0.95) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
}

/* Thai heading font rollback: keep the modern layout, restore readable Thai text */
html[lang^="th"] h1,
html[lang^="th"] h1 *,
html[lang^="th"] h2,
html[lang^="th"] h2 *,
html[lang^="th"] .ptf-modern-hero h1,
html[lang^="th"] .ptf-modern-hero h1 *,
html[lang^="th"] .ptf-home-modern h1,
html[lang^="th"] .ptf-home-modern h1 *,
html[lang^="th"] .ptf-home-modern h2,
html[lang^="th"] .ptf-home-modern h2 *,
html[lang^="th"] .ptf-service-detail-hero h1,
html[lang^="th"] .ptf-service-detail-hero h1 *,
html[lang^="th"] .ptf-service-detail-page h2,
html[lang^="th"] .ptf-service-detail-page h2 *,
html[lang^="th"] .ptf-service-detail-academic h1,
html[lang^="th"] .ptf-service-detail-academic h1 *,
html[lang^="th"] .ptf-service-detail-academic h2,
html[lang^="th"] .ptf-service-detail-academic h2 *
{
  font-family: "Google Sans", "Product Sans", "Noto Sans Thai", "Sarabun", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title,
html[lang^="th"] .ptf-service-detail-academic .ptf-service-detail-hero #ptf-service-title *
{
  font-size: clamp(40px, 4.1vw, 64px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
}

/* Unified Noto Sans Thai heading system */
html[lang^="th"] h1,
html[lang^="th"] h1 *,
html[lang^="th"] h2,
html[lang^="th"] h2 *,
html[lang^="th"] .proo-postcontent h1,
html[lang^="th"] .proo-postcontent h1 *,
html[lang^="th"] .proo-postcontent h2,
html[lang^="th"] .proo-postcontent h2 *,
html[lang^="th"] .ptf-home-modern h1,
html[lang^="th"] .ptf-home-modern h1 *,
html[lang^="th"] .ptf-home-modern h2,
html[lang^="th"] .ptf-home-modern h2 *,
html[lang^="th"] .ptf-service-detail-page h1,
html[lang^="th"] .ptf-service-detail-page h1 *,
html[lang^="th"] .ptf-service-detail-page h2,
html[lang^="th"] .ptf-service-detail-page h2 *
{
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html[lang^="en"] h1,
html[lang^="en"] h1 *,
html[lang^="en"] h2,
html[lang^="en"] h2 *,
html[lang^="en"] .proo-postcontent h1,
html[lang^="en"] .proo-postcontent h1 *,
html[lang^="en"] .proo-postcontent h2,
html[lang^="en"] .proo-postcontent h2 *,
html[lang^="en"] .ptf-home-modern h1,
html[lang^="en"] .ptf-home-modern h1 *,
html[lang^="en"] .ptf-home-modern h2,
html[lang^="en"] .ptf-home-modern h2 *,
html[lang^="en"] .ptf-service-detail-page h1,
html[lang^="en"] .ptf-service-detail-page h1 *,
html[lang^="en"] .ptf-service-detail-page h2,
html[lang^="en"] .ptf-service-detail-page h2 *
{
  font-family: "Noto Sans", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

/* Single font system: use Noto Sans Thai across the entire website */
html,
body,
button,
input,
select,
textarea,
.proo-post,
.proo-post *,
.proo-nav,
.proo-nav *,
.ptf-home-modern,
.ptf-home-modern *,
.ptf-site-header,
.ptf-site-header *,
.ptf-site-footer,
.ptf-site-footer *,
.ptf-service-detail-page,
.ptf-service-detail-page *
{
  font-family: "Noto Sans Thai", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

h1,
h1 *,
h2,
h2 *,
h3,
h3 *
{
  font-family: "Noto Sans Thai", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

/* About Us 2026 */
.proo-layout-cell.proo-content:has(.ptf-about-page)
{
  background: #FFFFFF !important;
}

.proo-layout-cell.proo-content:has(.ptf-about-page) .proo-post,
.proo-layout-cell.proo-content:has(.ptf-about-page) .item-page,
.proo-layout-cell.proo-content:has(.ptf-about-page) .proo-postcontent,
.proo-layout-cell.proo-content:has(.ptf-about-page) .proo-article
{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-about-page) .proo-postheader
{
  display: none !important;
}

.ptf-about-page
{
  color: #22050A !important;
  background: #FFFFFF !important;
}

.ptf-about-page .ptf-section-eyebrow
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #C60018 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.ptf-about-page .ptf-section-eyebrow::before
{
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #FFD24E !important;
  box-shadow: 0 0 0 5px rgba(255, 210, 78, 0.18) !important;
}

.ptf-about-hero
{
  display: grid !important;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, 0.72fr) !important;
  gap: 32px !important;
  align-items: center !important;
  padding: clamp(48px, 6vw, 88px) max(6vw, 44px) !important;
  background:
    linear-gradient(112deg, rgba(78, 0, 9, 0.98) 0%, rgba(132, 0, 18, 0.92) 48%, rgba(255, 255, 255, 0.86) 100%),
    url("/images/content/hero-modern.png") center right / cover no-repeat !important;
  color: #FFFFFF !important;
  border-bottom: 4px solid #FFD24E !important;
}

.ptf-about-hero h1
{
  margin: 14px 0 18px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: clamp(42px, 4.8vw, 72px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  text-shadow: 0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

.ptf-about-hero p
{
  max-width: 820px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  line-height: 1.75 !important;
  font-weight: 600 !important;
}

.ptf-about-actions
{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 32px !important;
}

.ptf-about-actions a
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

.ptf-about-actions a:first-child
{
  background: #FFD24E !important;
  color: #330006 !important;
  box-shadow: 0 16px 36px rgba(255, 210, 78, 0.28) !important;
}

.ptf-about-actions a:last-child
{
  background: rgba(255, 255, 255, 0.10) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
}

.ptf-about-hero-card
{
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 12px !important;
  padding: 30px !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, 0.22) !important;
  transform: rotate(-2deg) !important;
}

.ptf-about-hero-card strong
{
  display: block !important;
  color: #B00014 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  margin-bottom: 18px !important;
}

.ptf-about-hero-card ul
{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-about-hero-card li
{
  position: relative !important;
  padding: 10px 0 10px 28px !important;
  border-top: 1px solid rgba(176, 0, 20, 0.12) !important;
  color: #2A0A10 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
}

.ptf-about-hero-card li::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #C60018 !important;
}

.ptf-about-story
{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 34px !important;
  align-items: stretch !important;
  padding: 58px max(6vw, 44px) 34px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(198, 0, 24, 0.08), rgba(198, 0, 24, 0) 32%),
    #FFFFFF !important;
}

.ptf-about-story h2,
.ptf-about-team h2,
.ptf-about-cta h2
{
  margin: 10px 0 18px !important;
  color: #2A0610 !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.ptf-about-story p
{
  margin: 0 0 16px !important;
  color: #3F3034 !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
}

.ptf-about-proof-card
{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 260px !important;
  padding: 30px !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #540008, #920012) !important;
  color: #FFFFFF !important;
  box-shadow: 0 24px 72px rgba(84, 0, 8, 0.18) !important;
}

.ptf-about-proof-card span
{
  color: #FFD24E !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}

.ptf-about-proof-card strong
{
  margin: 10px 0 14px !important;
  color: #FFFFFF !important;
  font-size: 32px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.ptf-about-proof-card p
{
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ptf-about-values
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  padding: 24px max(6vw, 44px) 58px !important;
}

.ptf-about-values article
{
  position: relative !important;
  overflow: hidden !important;
  min-height: 250px !important;
  padding: 30px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF8F7) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  box-shadow: 0 22px 58px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-values article::before
{
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #C60018, #FFD24E) !important;
}

.ptf-about-values article>span
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #C60018 !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 32px rgba(198, 0, 24, 0.18) !important;
}

.ptf-about-values h2
{
  margin: 20px 0 10px !important;
  color: #300611 !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.ptf-about-values p
{
  margin: 0 !important;
  color: #4A3A3D !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

.ptf-about-team
{
  margin: 0 max(6vw, 44px) 58px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  background: #FFF9F7 !important;
  box-shadow: 0 28px 86px rgba(69, 0, 8, 0.10) !important;
}

.ptf-about-team-head
{
  padding: 34px 36px !important;
  background: linear-gradient(120deg, #5A0009, #890012) !important;
}

.ptf-about-team-head h2,
.ptf-about-team-head p
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-about-team-head p
{
  max-width: 860px !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.ptf-about-team-grid
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 28px !important;
}

.ptf-about-editor-card
{
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-editor-card img
{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 0.78 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

.ptf-about-editor-card div
{
  padding: 22px !important;
}

.ptf-about-editor-card span
{
  display: inline-flex !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #FFD24E !important;
  color: #360006 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.ptf-about-editor-card h3
{
  margin: 14px 0 10px !important;
  color: #2A0610 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.ptf-about-editor-card p
{
  margin: 0 !important;
  color: #4B3D40 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

.ptf-about-cta
{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 28px !important;
  align-items: center !important;
  margin: 0 max(6vw, 44px) 70px !important;
  padding: 34px !important;
  border-radius: 12px !important;
  background: linear-gradient(120deg, #4D0008, #250004) !important;
  color: #FFFFFF !important;
  box-shadow: 0 26px 78px rgba(69, 0, 8, 0.16) !important;
}

.ptf-about-cta h2
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-about-cta p
{
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.ptf-about-cta>a
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  white-space: nowrap !important;
  padding: 0 24px !important;
  border-radius: 8px !important;
  background: #FFD24E !important;
  color: #320006 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

@media (max-width: 900px)
{
  .ptf-about-hero,
  .ptf-about-story,
  .ptf-about-cta
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-about-values,
  .ptf-about-team-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-about-hero,
  .ptf-about-story,
  .ptf-about-values
  {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .ptf-about-team,
  .ptf-about-cta
  {
    margin-left: 22px !important;
    margin-right: 22px !important;
  }

  .ptf-about-hero-card
  {
    transform: none !important;
  }
}

/* Shared CTA standard */
.ptf-modern-cta,
.ptf-service-detail-cta,
.ptf-service-detail-cta.ptf-seo-addon-cta,
.ptf-home-final-cta,
.ptf-about-cta
{
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(18px, 3vw, 42px) !important;
  margin: 42px max(4vw, 32px) !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 210, 78, 0.24) !important;
  background:
    radial-gradient(circle at 92% 16%, rgba(255, 210, 78, 0.20), rgba(255, 210, 78, 0) 28%),
    linear-gradient(120deg, #4A0008 0%, #780010 54%, #250004 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 26px 80px rgba(69, 0, 8, 0.16) !important;
}

.ptf-modern-cta::before,
.ptf-service-detail-cta::before,
.ptf-home-final-cta::before,
.ptf-about-cta::before
{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 8% 12%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 24%) !important;
}

.ptf-modern-cta > *,
.ptf-service-detail-cta > *,
.ptf-home-final-cta > *,
.ptf-about-cta > *
{
  position: relative !important;
  z-index: 1 !important;
}

.ptf-modern-cta span,
.ptf-service-detail-cta span,
.ptf-home-final-cta span,
.ptf-about-cta span,
.ptf-modern-cta .ptf-section-eyebrow,
.ptf-service-detail-cta .ptf-section-eyebrow,
.ptf-home-final-cta .ptf-section-eyebrow,
.ptf-about-cta .ptf-section-eyebrow
{
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.ptf-modern-cta h2,
.ptf-modern-cta h2 *,
.ptf-service-detail-cta h2,
.ptf-service-detail-cta h2 *,
.ptf-home-final-cta h2,
.ptf-home-final-cta h2 *,
.ptf-about-cta h2,
.ptf-about-cta h2 *
{
  margin: 10px 0 12px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.24) !important;
}

.ptf-modern-cta p,
.ptf-modern-cta p *,
.ptf-service-detail-cta p,
.ptf-service-detail-cta p *,
.ptf-home-final-cta p,
.ptf-home-final-cta p *,
.ptf-about-cta p,
.ptf-about-cta p *
{
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.94) !important;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.75 !important;
  font-weight: 600 !important;
}

.ptf-modern-cta-actions,
.ptf-home-final-cta .ptf-hero-actions
{
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.ptf-modern-cta a,
.ptf-modern-cta a:link,
.ptf-modern-cta a:visited,
.ptf-modern-cta-actions a,
.ptf-modern-cta-actions a:link,
.ptf-modern-cta-actions a:visited,
.ptf-service-detail-cta a,
.ptf-service-detail-cta a:link,
.ptf-service-detail-cta a:visited,
.ptf-home-final-cta a,
.ptf-home-final-cta a:link,
.ptf-home-final-cta a:visited,
.ptf-about-cta a,
.ptf-about-cta a:link,
.ptf-about-cta a:visited
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  min-width: 190px !important;
  padding: 0 24px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #FFD24E !important;
  color: #3A0007 !important;
  -webkit-text-fill-color: #3A0007 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 34px rgba(255, 210, 78, 0.22) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.ptf-modern-cta a:first-of-type,
.ptf-modern-cta-actions a:first-child,
.ptf-home-final-cta .ptf-hero-secondary
{
  background: #FFFFFF !important;
  color: #780010 !important;
  -webkit-text-fill-color: #780010 !important;
  box-shadow: 0 16px 34px rgba(255, 255, 255, 0.16) !important;
}

.ptf-modern-cta a:hover,
.ptf-modern-cta-actions a:hover,
.ptf-service-detail-cta a:hover,
.ptf-home-final-cta a:hover,
.ptf-about-cta a:hover
{
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22) !important;
}

@media (max-width: 760px)
{
  .ptf-modern-cta,
  .ptf-service-detail-cta,
  .ptf-service-detail-cta.ptf-seo-addon-cta,
  .ptf-home-final-cta,
  .ptf-about-cta
  {
    grid-template-columns: 1fr !important;
    margin: 30px 18px !important;
    padding: 26px 20px !important;
  }

  .ptf-modern-cta-actions,
  .ptf-home-final-cta .ptf-hero-actions
  {
    justify-content: flex-start !important;
  }

  .ptf-modern-cta a,
  .ptf-modern-cta-actions a,
  .ptf-service-detail-cta a,
  .ptf-home-final-cta a,
  .ptf-about-cta a
  {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Service detail pages polished standard */
.ptf-service-detail-page
{
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FFF9F8 52%, #FFFFFF 100%) !important;
}

.ptf-service-detail-page .ptf-service-detail-hero
{
  min-height: clamp(440px, 48vw, 620px) !important;
  padding: clamp(54px, 7vw, 96px) max(6vw, 54px) !important;
  border-bottom: 5px solid #FFD24E !important;
  background:
    linear-gradient(112deg, rgba(73, 0, 8, 0.98) 0%, rgba(132, 0, 18, 0.92) 47%, rgba(255, 255, 255, 0.80) 100%),
    url("/images/content/hero-modern.png") center right / cover no-repeat !important;
  color: #FFFFFF !important;
}

.ptf-service-detail-page .ptf-service-detail-hero::before
{
  background:
    radial-gradient(circle at 10% 16%, rgba(255, 210, 78, 0.18), rgba(255, 210, 78, 0) 26%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)) !important;
}

.ptf-service-detail-page .ptf-service-detail-hero > div
{
  max-width: 820px !important;
}

.ptf-service-detail-page .ptf-service-detail-hero span
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 210, 78, 0.14) !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.ptf-service-detail-page .ptf-service-detail-hero h1,
.ptf-service-detail-page .ptf-service-detail-hero #ptf-service-title,
.ptf-service-detail-page .ptf-service-detail-hero #ptf-service-title *
{
  margin: 20px 0 20px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: clamp(42px, 4.9vw, 72px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.36) !important;
}

.ptf-service-detail-page .ptf-service-detail-hero p
{
  max-width: 760px !important;
  color: rgba(255, 255, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(18px, 1.75vw, 23px) !important;
  line-height: 1.78 !important;
  font-weight: 600 !important;
}

.ptf-service-detail-page .ptf-service-detail-actions
{
  margin-top: 32px !important;
  gap: 14px !important;
}

.ptf-service-detail-page .ptf-service-detail-actions a,
.ptf-service-detail-page .ptf-service-detail-actions a:link,
.ptf-service-detail-page .ptf-service-detail-actions a:visited
{
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 9px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-service-detail-page .ptf-service-detail-actions a:first-child
{
  background: #FFD24E !important;
  color: #350006 !important;
  -webkit-text-fill-color: #350006 !important;
  box-shadow: 0 18px 38px rgba(255, 210, 78, 0.26) !important;
}

.ptf-service-detail-page .ptf-service-detail-actions a:last-child
{
  background: rgba(255, 255, 255, 0.10) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
}

.ptf-service-detail-page .ptf-service-detail-hero aside
{
  align-self: center !important;
  max-width: 390px !important;
  padding: 32px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 30px 88px rgba(0, 0, 0, 0.24) !important;
  transform: rotate(-1.5deg) !important;
}

.ptf-service-detail-page .ptf-service-detail-hero aside strong
{
  display: block !important;
  color: #B40016 !important;
  -webkit-text-fill-color: #B40016 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.ptf-service-detail-page .ptf-service-detail-hero aside li
{
  color: #251116 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

.ptf-service-detail-page .ptf-service-standard-panel,
.ptf-service-detail-page .ptf-service-detail-grid,
.ptf-service-detail-page .ptf-restored-original-content
{
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ptf-service-detail-page .ptf-service-standard-panel
{
  margin-top: -46px !important;
  margin-bottom: 36px !important;
  padding-left: max(4vw, 26px) !important;
  padding-right: max(4vw, 26px) !important;
}

.ptf-service-detail-page .ptf-service-standard-panel article
{
  border-radius: 12px !important;
  border: 1px solid rgba(181, 0, 18, 0.12) !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF8F7) !important;
  box-shadow: 0 26px 72px rgba(69, 0, 8, 0.10) !important;
}

.ptf-service-detail-page .ptf-service-standard-panel article span,
.ptf-service-detail-page .ptf-service-detail-grid article > span
{
  background: #C60018 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-service-detail-page .ptf-restored-original-content
{
  margin-top: 34px !important;
  margin-bottom: 42px !important;
  padding: clamp(28px, 4vw, 52px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(181, 0, 18, 0.12) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(198, 0, 24, 0.07), rgba(198, 0, 24, 0) 28%),
    #FFFFFF !important;
  box-shadow: 0 30px 90px rgba(69, 0, 8, 0.08) !important;
}

.ptf-service-detail-page .ptf-restored-original-content p,
.ptf-service-detail-page .ptf-restored-original-content span,
.ptf-service-detail-page .ptf-restored-original-content li
{
  color: #2E2528 !important;
  -webkit-text-fill-color: #2E2528 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

.ptf-service-detail-page .ptf-restored-original-content a
{
  color: #B40016 !important;
  -webkit-text-fill-color: #B40016 !important;
  font-weight: 800 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.ptf-service-detail-page .ptf-restored-original-content h2,
.ptf-service-detail-page .ptf-restored-original-content h2 *,
.ptf-service-detail-page .ptf-service-detail-grid h2,
.ptf-service-detail-page .ptf-service-detail-grid h2 *
{
  color: #2C0710 !important;
  -webkit-text-fill-color: #2C0710 !important;
  font-size: clamp(26px, 2.4vw, 38px) !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
}

.ptf-service-detail-page .ptf-service-detail-grid
{
  padding: 0 max(4vw, 26px) !important;
}

.ptf-service-detail-page .ptf-service-detail-grid article
{
  border-radius: 12px !important;
  border: 1px solid rgba(181, 0, 18, 0.12) !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF8F7) !important;
  box-shadow: 0 22px 64px rgba(69, 0, 8, 0.08) !important;
}

@media (max-width: 900px)
{
  .ptf-service-detail-page .ptf-service-detail-hero
  {
    grid-template-columns: 1fr !important;
    padding: 46px 20px 58px !important;
  }

  .ptf-service-detail-page .ptf-service-detail-hero aside
  {
    max-width: none !important;
    transform: none !important;
  }

  .ptf-service-detail-page .ptf-service-detail-hero h1,
  .ptf-service-detail-page .ptf-service-detail-hero #ptf-service-title,
  .ptf-service-detail-page .ptf-service-detail-hero #ptf-service-title *
  {
    font-size: clamp(34px, 10vw, 48px) !important;
  }
}

/* Header contact icons */
.proo-header-inner .header2 .custom
{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.proo-header-inner .header2 p
{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.proo-header-inner .header2 p br
{
  display: none !important;
}

.proo-header-inner .ptf-contact-label
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  font-weight: 900 !important;
}

.proo-header-inner .ptf-contact-label::before
{
  content: "" !important;
  display: inline-block !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  background: currentColor !important;
  -webkit-mask: var(--ptf-header-icon) center / contain no-repeat !important;
  mask: var(--ptf-header-icon) center / contain no-repeat !important;
}

.proo-header-inner .ptf-contact-mobile
{
  --ptf-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") !important;
}

.proo-header-inner .ptf-contact-line
{
  --ptf-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5.5C4 3.57 5.57 2 7.5 2h9C18.43 2 20 3.57 20 5.5v7c0 1.93-1.57 3.5-3.5 3.5H13l-4.6 4.02c-.52.45-1.4.08-1.4-.61V16.9C5.28 16.65 4 15.17 4 13.4V5.5Zm3.5-1.3c-.72 0-1.3.58-1.3 1.3v7.9c0 .72.58 1.3 1.3 1.3h1.1v2.65L12.15 14.7h4.35c.72 0 1.3-.58 1.3-1.3V5.5c0-.72-.58-1.3-1.3-1.3h-9Z'/%3E%3C/svg%3E") !important;
}

.proo-header-inner .ptf-contact-email
{
  --ptf-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E") !important;
}

.proo-header-inner .header2 a
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.proo-header-inner .header3 .lang-inline
{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.proo-header-inner .header3 .lang-inline li
{
  margin: 0 !important;
  padding: 0 !important;
}

.proo-header-inner .header3 .lang-inline a
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 24px !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16) !important;
}

.proo-header-inner .header3 .lang-inline img
{
  width: 22px !important;
  height: auto !important;
  display: block !important;
}

@media (max-width: 760px)
{
  .proo-header-inner .header2 p
  {
    justify-content: center !important;
  }

  .proo-header-inner .header3 .lang-inline
  {
    justify-content: center !important;
  }
}

/* Header contact pills refinement */
.proo-header-inner .header2 .ptf-header-contact
{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  width: min(860px, 100%) !important;
  margin: 0 auto !important;
}

.proo-header-inner .header2 .ptf-contact-pill
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.12) !important;
}

.proo-header-inner .header2 .ptf-contact-pill-email
{
  background: rgba(255, 210, 78, 0.10) !important;
}

.proo-header-inner .header2 .ptf-contact-pill span,
.proo-header-inner .header2 .ptf-contact-pill strong,
.proo-header-inner .header2 .ptf-contact-pill a
{
  font-size: inherit !important;
  line-height: inherit !important;
}

.proo-header-inner .header2 .ptf-contact-label
{
  gap: 7px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
}

.proo-header-inner .header2 .ptf-contact-label::before
{
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: #FFD24E !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 78, 0.14) !important;
}

.proo-header-inner .header2 .ptf-contact-line::before
{
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12) !important;
}

.proo-header-inner .header2 .ptf-contact-pill a,
.proo-header-inner .header2 .ptf-contact-pill a:link,
.proo-header-inner .header2 .ptf-contact-pill a:visited
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
}

.proo-header-inner .header2 .ptf-contact-pill-phone strong
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
}

@media (min-width: 960px)
{
  .proo-header-inner .header2
  {
    width: auto !important;
    min-width: 620px !important;
  }

  .proo-header-inner .header2 .ptf-header-contact
  {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 760px)
{
  .proo-header-inner .header2 .ptf-header-contact
  {
    gap: 7px !important;
  }

  .proo-header-inner .header2 .ptf-contact-pill
  {
    min-height: 32px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
  }
}

/* Header icon size adjustment: keep original contact layout */
.proo-header-inner .header2 .custom:not(.ptf-header-contact)
{
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px 0 5px !important;
  box-sizing: border-box !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p
{
  display: block !important;
  margin: 0 0 2px !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child
{
  white-space: nowrap !important;
  min-height: 28px !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:nth-child(2)
{
  margin-left: 0 !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:last-child
{
  display: none !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) br
{
  display: none !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) .ptf-contact-label
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  font-weight: 900 !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) .ptf-contact-label::before
{
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
  margin-right: 1px !important;
  background-color: currentColor !important;
  box-shadow: none !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) .ptf-contact-line::before
{
  background-color: currentColor !important;
  box-shadow: none !important;
}

@media (max-width: 760px)
{
  .proo-header-inner .header2 .custom:not(.ptf-header-contact) p
  {
    text-align: center !important;
  }
}

/* Contact page 2026 polish */
.proo-layout-cell.proo-content:has(.ptf-contact-section)
{
  background: #FFFFFF !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .proo-post
{
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .proo-postcontent
{
  padding: 28px 28px 44px !important;
  color: #2C1016 !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .ptf-content-note
{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 24px !important;
  padding: clamp(28px, 4vw, 52px) !important;
  border-radius: 18px !important;
  color: #FFFFFF !important;
  background:
    linear-gradient(115deg, rgba(75, 0, 10, .96) 0%, rgba(153, 0, 20, .92) 48%, rgba(33, 10, 15, .92) 100%),
    url("/images/content/hero-modern-20260714.png") right center / cover no-repeat !important;
  box-shadow: 0 26px 60px rgba(80, 0, 12, .22) !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .ptf-content-note::before
{
  content: "Contact" !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 30px !important;
  margin-bottom: 14px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  color: #FFD24E !important;
  background: rgba(255, 255, 255, .11) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .ptf-content-note h1
{
  max-width: 760px !important;
  margin: 0 0 16px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.proo-layout-cell.proo-content:has(.ptf-contact-section) .ptf-content-note p
{
  max-width: 850px !important;
  margin: 0 0 12px !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: clamp(17px, 1.55vw, 21px) !important;
  line-height: 1.85 !important;
  font-weight: 600 !important;
}

.ptf-contact-section
{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 22px !important;
  margin: 0 0 24px !important;
}

.ptf-contact-channels
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  grid-column: 1 / -1 !important;
}

.ptf-contact-channel,
.ptf-contact-office,
.ptf-contact-hours,
.ptf-contact-map,
.ptf-contact-faq
{
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(120, 0, 20, .12) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 44px rgba(64, 0, 12, .08) !important;
}

.ptf-contact-channel
{
  min-height: 188px !important;
  padding: 28px 26px 24px !important;
}

.ptf-contact-channel::before,
.ptf-contact-office::before,
.ptf-contact-hours::before
{
  content: "" !important;
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 18px !important;
  border-radius: 16px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #D40424, #8E0015) !important;
  box-shadow: 0 14px 30px rgba(201, 0, 30, .24) !important;
  background-color: #D40424 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 26px 26px !important;
}

.ptf-contact-channel:nth-child(1)::before
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") !important;
}

.ptf-contact-channel:nth-child(2)::before
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3.08 5.18 2 2 0 0 1 5.06 3h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.6 2.6a2 2 0 0 1-.45 2.11L9 10.64a16 16 0 0 0 4.36 4.36l1.21-1.21a2 2 0 0 1 2.11-.45c.83.28 1.7.48 2.6.6A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
}

.ptf-contact-channel:nth-child(3)::before
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E") !important;
}

.ptf-contact-channel h3,
.ptf-contact-office h3,
.ptf-contact-hours h3,
.ptf-contact-faq h3
{
  margin: 0 0 10px !important;
  color: #2C1016 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.ptf-contact-channel p,
.ptf-contact-office p,
.ptf-contact-hours p,
.ptf-contact-faq p,
.ptf-contact-faq li
{
  margin: 0 0 9px !important;
  color: #533A40 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
}

.ptf-contact-channel a,
.ptf-contact-channel a:link,
.ptf-contact-channel a:visited,
.ptf-contact-faq a,
.ptf-contact-faq a:link,
.ptf-contact-faq a:visited
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-contact-channel a:hover,
.ptf-contact-channel a:focus,
.ptf-contact-faq a:hover,
.ptf-contact-faq a:focus
{
  color: #7A0011 !important;
  -webkit-text-fill-color: #7A0011 !important;
  text-decoration: underline !important;
}

.ptf-contact-office,
.ptf-contact-hours
{
  padding: 28px !important;
}

.ptf-contact-map
{
  display: grid !important;
  grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
  margin: 0 0 30px !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 210, 78, .18), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF7F5 100%) !important;
}

.ptf-contact-map-copy
{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.ptf-contact-map-copy span
{
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 12px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #8A0012 !important;
  -webkit-text-fill-color: #8A0012 !important;
  background: #FFD24E !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ptf-contact-map-copy h3
{
  margin: 0 0 12px !important;
  color: #2C1016 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

.ptf-contact-map-copy p
{
  max-width: 520px !important;
  margin: 0 !important;
  color: #533A40 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
}

.ptf-contact-map-frame
{
  overflow: hidden !important;
  min-height: 340px !important;
  border: 1px solid rgba(120, 0, 20, .16) !important;
  border-radius: 16px !important;
  background: #F7F0EF !important;
  box-shadow: 0 16px 36px rgba(64, 0, 12, .1) !important;
}

.ptf-contact-map-frame iframe
{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 340px !important;
  border: 0 !important;
}

.ptf-contact-office::before
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
}

.ptf-contact-hours::before
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

.ptf-contact-faq
{
  margin: 0 0 30px !important;
  padding: 32px !important;
  background:
    radial-gradient(circle at right top, rgba(255, 210, 78, .16), transparent 28%),
    linear-gradient(180deg, #FFFFFF, #FFF9F7) !important;
}

.ptf-contact-faq ul
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 16px !important;
  margin: 18px 0 18px !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-contact-faq li
{
  position: relative !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 14px 16px 14px 48px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
}

.ptf-contact-faq li::before
{
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #D40424 !important;
  box-shadow: inset 0 0 0 5px #FFD24E !important;
}

.ptf-contact-faq > p:last-child
{
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  color: #FFFFFF !important;
  background: #4A000A !important;
}

.ptf-contact-faq > p:last-child a,
.ptf-contact-faq > p:last-child a:link,
.ptf-contact-faq > p:last-child a:visited
{
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
}

@media (max-width: 900px)
{
  .ptf-contact-section,
  .ptf-contact-channels,
  .ptf-contact-map,
  .ptf-contact-faq ul
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-contact-map-frame,
  .ptf-contact-map-frame iframe
  {
    min-height: 300px !important;
  }
}

@media (max-width: 520px)
{
  .proo-layout-cell.proo-content:has(.ptf-contact-section) .proo-postcontent
  {
    padding: 18px 14px 34px !important;
  }

  .proo-layout-cell.proo-content:has(.ptf-contact-section) .ptf-content-note,
  .ptf-contact-channel,
  .ptf-contact-office,
  .ptf-contact-hours,
  .ptf-contact-map,
  .ptf-contact-map-frame,
  .ptf-contact-faq
  {
    border-radius: 14px !important;
  }

  .ptf-contact-channel,
  .ptf-contact-office,
  .ptf-contact-hours,
  .ptf-contact-map,
  .ptf-contact-faq
  {
    padding: 22px !important;
  }

  .ptf-contact-map-frame,
  .ptf-contact-map-frame iframe
  {
    min-height: 260px !important;
  }
}

/* How to order page 2026 polish */
.proo-layout-cell.proo-content:has(.ptf-order-page)
{
  background:
    radial-gradient(circle at 88% 8%, rgba(212, 4, 36, .08), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F7 100%) !important;
}

.proo-layout-cell.proo-content:has(.ptf-order-page) .proo-post
{
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-order-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-order-page) .proo-postcontent
{
  padding: 28px 28px 48px !important;
}

.ptf-order-page
{
  color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
}

.ptf-order-page > h1
{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 26px !important;
  padding: clamp(30px, 4.2vw, 58px) clamp(24px, 4vw, 54px) !important;
  border-radius: 18px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background:
    linear-gradient(112deg, rgba(70, 0, 10, .98), rgba(151, 0, 22, .94) 52%, rgba(35, 10, 14, .94)),
    url("/images/content/hero-modern-20260714.png") right center / cover no-repeat !important;
  box-shadow: 0 26px 58px rgba(80, 0, 12, .2) !important;
  font-size: clamp(36px, 4.2vw, 58px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.ptf-order-page > h1::before
{
  content: "Order Guide" !important;
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ptf-order-page > p:first-of-type
{
  max-width: 980px !important;
  margin: 0 0 28px !important;
  padding: 24px 28px !important;
  border-left: 6px solid #FFD24E !important;
  border-radius: 16px !important;
  color: #3D252B !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 45px rgba(64, 0, 12, .08) !important;
  font-size: 19px !important;
  line-height: 1.85 !important;
  font-weight: 600 !important;
}

.ptf-order-page h2
{
  position: relative !important;
  margin: 34px 0 18px !important;
  padding-left: 46px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(28px, 2.7vw, 38px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.ptf-order-page h2::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .1em !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background:
    #D40424
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")
    center / 20px 20px no-repeat !important;
  box-shadow: 0 12px 26px rgba(212, 4, 36, .22) !important;
}

.ptf-order-page p,
.ptf-order-page li
{
  color: #4D3A40 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  font-weight: 500 !important;
}

.ptf-order-page ol
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: ptf-order-step !important;
}

.ptf-order-page ol > li
{
  counter-increment: ptf-order-step !important;
  position: relative !important;
  min-height: 120px !important;
  margin: 0 !important;
  padding: 24px 24px 22px 88px !important;
  border: 1px solid rgba(120, 0, 20, .11) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 42px rgba(64, 0, 12, .07) !important;
}

.ptf-order-page ol > li::before
{
  content: counter(ptf-order-step, decimal-leading-zero) !important;
  position: absolute !important;
  left: 24px !important;
  top: 24px !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #D40424, #850012) !important;
  box-shadow: 0 14px 28px rgba(212, 4, 36, .24) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.ptf-order-page ul
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 16px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-order-page ul > li
{
  position: relative !important;
  margin: 0 !important;
  padding: 16px 18px 16px 50px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
}

.ptf-order-page ul > li::before
{
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 22px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background:
    #FFD24E
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23850012' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center / 14px 14px no-repeat !important;
}

.ptf-order-page > h2:nth-of-type(4) + p,
.ptf-order-page > h2:nth-of-type(5) + p
{
  margin: 0 0 24px !important;
  padding: 22px 26px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(120, 0, 20, .12) !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF8F7) !important;
  box-shadow: 0 18px 42px rgba(64, 0, 12, .07) !important;
}

.ptf-order-page a,
.ptf-order-page a:link,
.ptf-order-page a:visited
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-order-page a:hover,
.ptf-order-page a:focus
{
  color: #7A0011 !important;
  -webkit-text-fill-color: #7A0011 !important;
  text-decoration: underline !important;
}

.ptf-order-page .ptf-service-detail-faq,
.ptf-order-page .ptf-service-detail-cta
{
  margin-top: 36px !important;
}

.ptf-order-page .ptf-faq-list
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.ptf-order-page .ptf-faq-item
{
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 14px 36px rgba(64, 0, 12, .06) !important;
}

.ptf-order-page .ptf-faq-item h3
{
  margin: 0 0 8px !important;
  color: #2C1016 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

@media (max-width: 900px)
{
  .ptf-order-page ol,
  .ptf-order-page ul,
  .ptf-order-page .ptf-faq-list
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px)
{
  .proo-layout-cell.proo-content:has(.ptf-order-page) .proo-postcontent
  {
    padding: 18px 14px 34px !important;
  }

  .ptf-order-page > h1
  {
    border-radius: 14px !important;
  }

  .ptf-order-page > p:first-of-type,
  .ptf-order-page ol > li,
  .ptf-order-page ul > li,
  .ptf-order-page .ptf-faq-item
  {
    border-radius: 14px !important;
  }

  .ptf-order-page ol > li
  {
    padding-left: 76px !important;
  }

  .ptf-order-page h2
  {
    padding-left: 42px !important;
  }
}

/* How-to-order video block: keep the testimonial layout readable instead of inheriting order-step cards. */
.ptf-order-page .ptf-video-testimonial
{
  grid-template-columns: minmax(360px, .9fr) minmax(420px, 1fr) !important;
}

.ptf-order-page .ptf-video-copy h2,
.ptf-order-page .ptf-video-copy h2 *,
.ptf-order-page .ptf-video-copy p,
.ptf-order-page .ptf-video-copy li
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.proo-layout-cell.proo-content .proo-postcontent .ptf-order-page .ptf-video-copy h2,
.proo-layout-cell.proo-content .proo-postcontent .ptf-order-page .ptf-video-copy h2 *,
.proo-layout-cell.proo-content .proo-postcontent .ptf-order-page .ptf-video-copy p,
.proo-layout-cell.proo-content .proo-postcontent .ptf-order-page .ptf-video-copy li
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-order-page .ptf-video-copy h2
{
  font-size: clamp(30px, 2.3vw, 40px) !important;
  line-height: 1.28 !important;
  margin: 0 0 14px !important;
  padding-left: 0 !important;
}

.ptf-order-page .ptf-video-copy h2::before
{
  display: none !important;
}

.ptf-order-page .ptf-video-copy ul
{
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 1fr !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ptf-order-page .ptf-video-copy ul > li
{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 0 34px !important;
  position: relative !important;
  width: auto !important;
}

.ptf-order-page .ptf-video-copy ul > li::before
{
  align-items: center !important;
  background: #FFCC00 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 16px rgba(255, 204, 0, .22) !important;
  color: #56000A !important;
  content: "\2713" !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 20px !important;
  justify-content: center !important;
  left: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  top: .26em !important;
  width: 20px !important;
}

@media (max-width: 1100px)
{
  .ptf-order-page .ptf-video-testimonial
  {
    grid-template-columns: 1fr !important;
  }
}

/* FAQ page 2026 polish */
.proo-layout-cell.proo-content:has(.ptf-faq-page)
{
  background:
    radial-gradient(circle at 86% 6%, rgba(212, 4, 36, .08), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F7 100%) !important;
}

.proo-layout-cell.proo-content:has(.ptf-faq-page) .proo-post
{
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-faq-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-faq-page) .proo-postcontent
{
  padding: 28px 28px 48px !important;
}

.ptf-faq-page
{
  color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
}

.ptf-faq-page .ptf-service-detail-hero
{
  margin: 0 0 30px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(112deg, rgba(70, 0, 10, .98), rgba(151, 0, 22, .94) 52%, rgba(35, 10, 14, .94)),
    url("/images/content/hero-modern-20260714.png") right center / cover no-repeat !important;
  box-shadow: 0 26px 58px rgba(80, 0, 12, .2) !important;
}

.ptf-faq-page .ptf-service-detail-hero::after
{
  content: "" !important;
  position: absolute !important;
  right: clamp(24px, 8vw, 110px) !important;
  top: 50% !important;
  width: clamp(110px, 18vw, 210px) !important;
  height: clamp(110px, 18vw, 210px) !important;
  transform: translateY(-50%) rotate(-8deg) !important;
  border-radius: 38px !important;
  background:
    #FFFFFF
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 24 24' fill='none' stroke='%23d40424' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.8 1.5-2.9 1.8-2.9 3.5'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E")
    center / 58% 58% no-repeat !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, .18) !important;
  opacity: .96 !important;
}

.ptf-faq-page .ptf-service-detail-hero > div
{
  max-width: 760px !important;
  position: relative !important;
  z-index: 2 !important;
}

.ptf-faq-page .ptf-service-detail-hero span
{
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
}

.ptf-faq-page .ptf-service-detail-hero h1,
.ptf-faq-page .ptf-service-detail-hero h1 *
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(38px, 4.5vw, 60px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

.ptf-faq-page .ptf-service-detail-hero p
{
  color: rgba(255, 255, 255, .94) !important;
  font-size: clamp(17px, 1.5vw, 21px) !important;
  line-height: 1.82 !important;
  font-weight: 600 !important;
}

.ptf-faq-page .ptf-service-detail-hero aside
{
  position: relative !important;
  z-index: 2 !important;
  background: rgba(255, 255, 255, .13) !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(6px) !important;
}

.ptf-faq-page .ptf-restored-original-content
{
  margin: 42px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ptf-faq-page .ptf-restored-original-content > h2
{
  position: relative !important;
  margin: 34px 0 18px !important;
  padding-left: 48px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(28px, 2.7vw, 38px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.ptf-faq-page .ptf-restored-original-content > h2::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .08em !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
  background:
    #D40424
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8.8 9a3 3 0 1 1 5.4 1.8c-.8.8-1.4 1.2-1.4 2.2'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E")
    center / 22px 22px no-repeat !important;
  box-shadow: 0 12px 26px rgba(212, 4, 36, .22) !important;
}

.ptf-faq-page .ptf-restored-original-content .ptf-faq-item
{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 16px !important;
  padding: 26px 28px 24px 82px !important;
  border: 1px solid rgba(120, 0, 20, .11) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 42px rgba(64, 0, 12, .07) !important;
}

.ptf-faq-page .ptf-restored-original-content .ptf-faq-item::before
{
  content: "?" !important;
  position: absolute !important;
  left: 26px !important;
  top: 26px !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #D40424, #850012) !important;
  box-shadow: 0 14px 28px rgba(212, 4, 36, .24) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.ptf-faq-page .ptf-restored-original-content .ptf-faq-item::after
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #D40424, #FFD24E) !important;
}

.ptf-faq-page .ptf-faq-item h3
{
  margin: 0 0 10px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-size: clamp(20px, 2vw, 25px) !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.ptf-faq-page .ptf-faq-item p,
.ptf-faq-page .ptf-faq-item li
{
  color: #4D3A40 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
  font-weight: 500 !important;
}

.ptf-faq-page .ptf-faq-item ol,
.ptf-faq-page .ptf-faq-item ul
{
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-faq-page .ptf-faq-item li
{
  position: relative !important;
  margin: 0 0 9px !important;
  padding-left: 28px !important;
}

.ptf-faq-page .ptf-faq-item li::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .6em !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 999px !important;
  background: #FFD24E !important;
  box-shadow: inset 0 0 0 4px #D40424 !important;
}

.ptf-faq-page a,
.ptf-faq-page a:link,
.ptf-faq-page a:visited
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-faq-page a:hover,
.ptf-faq-page a:focus
{
  color: #7A0011 !important;
  -webkit-text-fill-color: #7A0011 !important;
  text-decoration: underline !important;
}

.ptf-faq-page .ptf-service-detail-cta
{
  margin-top: 34px !important;
}

@media (max-width: 900px)
{
  .ptf-faq-page .ptf-service-detail-hero::after
  {
    opacity: .18 !important;
    right: 18px !important;
  }
}

@media (max-width: 520px)
{
  .proo-layout-cell.proo-content:has(.ptf-faq-page) .proo-postcontent
  {
    padding: 18px 14px 34px !important;
  }

  .ptf-faq-page .ptf-service-detail-hero,
  .ptf-faq-page .ptf-restored-original-content .ptf-faq-item
  {
    border-radius: 14px !important;
  }

  .ptf-faq-page .ptf-restored-original-content .ptf-faq-item
  {
    padding: 22px 20px 20px 70px !important;
  }

  .ptf-faq-page .ptf-restored-original-content .ptf-faq-item::before
  {
    left: 20px !important;
    top: 22px !important;
    width: 36px !important;
    height: 36px !important;
  }

  .ptf-faq-page .ptf-restored-original-content > h2
  {
    padding-left: 42px !important;
  }

  .ptf-faq-page .ptf-restored-original-content
  {
    margin-top: 28px !important;
  }
}

/* Sitemap page 2026 polish */
.proo-layout-cell.proo-content:has(.ptf-sitemap-page)
{
  background:
    radial-gradient(circle at 86% 8%, rgba(212, 4, 36, .08), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F7 100%) !important;
}

.proo-layout-cell.proo-content:has(.ptf-sitemap-page) .proo-post
{
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-sitemap-page) .proo-postcontent
{
  padding: 28px 28px 48px !important;
}

.ptf-sitemap-page
{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 28px !important;
  padding: clamp(30px, 4vw, 56px) !important;
  border-radius: 18px !important;
  color: #FFFFFF !important;
  background:
    linear-gradient(112deg, rgba(70, 0, 10, .98), rgba(151, 0, 22, .94) 52%, rgba(35, 10, 14, .94)),
    url("/images/content/hero-modern-20260714.png") right center / cover no-repeat !important;
  box-shadow: 0 26px 58px rgba(80, 0, 12, .2) !important;
}

.ptf-sitemap-page::before
{
  content: "Site Index" !important;
  display: inline-flex !important;
  margin-bottom: 14px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ptf-sitemap-page::after
{
  content: "" !important;
  position: absolute !important;
  right: clamp(24px, 7vw, 100px) !important;
  top: 50% !important;
  width: clamp(105px, 16vw, 190px) !important;
  height: clamp(105px, 16vw, 190px) !important;
  transform: translateY(-50%) rotate(-8deg) !important;
  border-radius: 36px !important;
  background:
    #FFFFFF
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 24 24' fill='none' stroke='%23d40424' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 19h16'/%3E%3Ccircle cx='7' cy='5' r='1' fill='%23d40424'/%3E%3Ccircle cx='7' cy='12' r='1' fill='%23d40424'/%3E%3Ccircle cx='7' cy='19' r='1' fill='%23d40424'/%3E%3C/svg%3E")
    center / 58% 58% no-repeat !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, .18) !important;
  opacity: .96 !important;
}

.ptf-sitemap-page h1
{
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  margin: 0 0 12px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(36px, 4.2vw, 58px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.ptf-sitemap-page p
{
  position: relative !important;
  z-index: 2 !important;
  max-width: 820px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  line-height: 1.82 !important;
  font-weight: 600 !important;
}

.ptf-sitemap-page + h2,
.ptf-sitemap-page ~ h2.menutitle,
.ptf-sitemap-page + div h2.menutitle
{
  position: relative !important;
  margin: 32px 0 16px !important;
  padding-left: 48px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(26px, 2.6vw, 36px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.ptf-sitemap-page + h2::before,
.ptf-sitemap-page ~ h2.menutitle::before,
.ptf-sitemap-page + div h2.menutitle::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .1em !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
  background:
    #D40424
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")
    center / 22px 22px no-repeat !important;
  box-shadow: 0 12px 26px rgba(212, 4, 36, .22) !important;
}

.ptf-sitemap-page ~ ul.level_0,
.ptf-sitemap-page + div ul.level_0
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-sitemap-page ~ ul.level_0 > li,
.ptf-sitemap-page + div ul.level_0 > li
{
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 38px rgba(64, 0, 12, .07) !important;
  overflow: hidden !important;
}

.ptf-sitemap-page ~ ul.level_0 > li > a,
.ptf-sitemap-page + div ul.level_0 > li > a
{
  display: flex !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 17px 18px 17px 52px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ptf-sitemap-page ~ ul.level_0 > li > a::before,
.ptf-sitemap-page + div ul.level_0 > li > a::before
{
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 21px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background:
    #FFD24E
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23850012' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E")
    center / 13px 13px no-repeat !important;
}

.ptf-sitemap-page ~ ul.level_0 > li:hover,
.ptf-sitemap-page + div ul.level_0 > li:hover
{
  border-color: rgba(212, 4, 36, .28) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 44px rgba(64, 0, 12, .11) !important;
}

.ptf-sitemap-page ~ ul.level_0 > li:hover > a,
.ptf-sitemap-page ~ ul.level_0 > li > a:hover,
.ptf-sitemap-page ~ ul.level_0 > li > a:focus,
.ptf-sitemap-page + div ul.level_0 > li:hover > a,
.ptf-sitemap-page + div ul.level_0 > li > a:hover,
.ptf-sitemap-page + div ul.level_0 > li > a:focus
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
}

.ptf-sitemap-page ~ ul.level_1,
.ptf-sitemap-page + div ul.level_1
{
  margin: 0 !important;
  padding: 0 16px 16px 52px !important;
  list-style: none !important;
}

.ptf-sitemap-page ~ ul.level_0 ul.level_1,
.ptf-sitemap-page + div ul.level_0 ul.level_1
{
  display: block !important;
  margin: -4px 0 16px !important;
  padding: 0 18px 14px 52px !important;
  list-style: none !important;
}

.ptf-sitemap-page ~ ul.level_0 ul.level_1 li,
.ptf-sitemap-page + div ul.level_0 ul.level_1 li
{
  margin: 8px 0 0 !important;
}

.ptf-sitemap-page ~ ul.level_0 ul.level_1 a,
.ptf-sitemap-page + div ul.level_0 ul.level_1 a
{
  color: #6A4A51 !important;
  -webkit-text-fill-color: #6A4A51 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.ptf-sitemap-page ~ ul.level_0 ul.level_1 a:hover,
.ptf-sitemap-page ~ ul.level_0 ul.level_1 a:focus,
.ptf-sitemap-page + div ul.level_0 ul.level_1 a:hover,
.ptf-sitemap-page + div ul.level_0 ul.level_1 a:focus
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
  text-decoration: underline !important;
}

@media (max-width: 980px)
{
  .ptf-sitemap-page ~ ul.level_0,
  .ptf-sitemap-page + div ul.level_0
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ptf-sitemap-page::after
  {
    opacity: .18 !important;
    right: 18px !important;
  }
}

@media (max-width: 560px)
{
  .proo-layout-cell.proo-content:has(.ptf-sitemap-page) .proo-postcontent
  {
    padding: 18px 14px 34px !important;
  }

  .ptf-sitemap-page
  {
    border-radius: 14px !important;
  }

  .ptf-sitemap-page ~ ul.level_0,
  .ptf-sitemap-page + div ul.level_0
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-sitemap-page + h2,
  .ptf-sitemap-page ~ h2.menutitle,
  .ptf-sitemap-page + div h2.menutitle
  {
    padding-left: 42px !important;
  }
}

/* Policy and guarantee page 2026 polish */
.proo-layout-cell.proo-content:has(.ptf-policy-page)
{
  background:
    radial-gradient(circle at 86% 8%, rgba(212, 4, 36, .08), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F7 100%) !important;
}

.proo-layout-cell.proo-content:has(.ptf-policy-page) .proo-post
{
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-policy-page) .proo-postheader
{
  display: none !important;
}

.proo-layout-cell.proo-content:has(.ptf-policy-page) .proo-postcontent
{
  padding: 28px 28px 48px !important;
}

.ptf-policy-page
{
  color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
}

.ptf-policy-page > h1
{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 24px !important;
  padding: clamp(30px, 4.2vw, 58px) clamp(24px, 4vw, 54px) !important;
  border-radius: 18px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background:
    linear-gradient(112deg, rgba(70, 0, 10, .98), rgba(151, 0, 22, .94) 52%, rgba(35, 10, 14, .94)),
    url("/images/content/hero-modern-20260714.png") right center / cover no-repeat !important;
  box-shadow: 0 26px 58px rgba(80, 0, 12, .2) !important;
  font-size: clamp(34px, 4.1vw, 56px) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.ptf-policy-page > h1::before
{
  content: "Trust & Guarantee" !important;
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ptf-policy-page > h1::after
{
  content: "" !important;
  position: absolute !important;
  right: clamp(24px, 7vw, 110px) !important;
  top: 50% !important;
  width: clamp(100px, 16vw, 190px) !important;
  height: clamp(100px, 16vw, 190px) !important;
  transform: translateY(-50%) rotate(-8deg) !important;
  border-radius: 36px !important;
  background:
    #FFFFFF
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 24 24' fill='none' stroke='%23d40424' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.68 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E")
    center / 58% 58% no-repeat !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, .18) !important;
  opacity: .96 !important;
}

.ptf-policy-page > p:first-of-type
{
  max-width: 980px !important;
  margin: 0 0 28px !important;
  padding: 24px 28px !important;
  border-left: 6px solid #FFD24E !important;
  border-radius: 16px !important;
  color: #3D252B !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 45px rgba(64, 0, 12, .08) !important;
  font-size: 19px !important;
  line-height: 1.85 !important;
  font-weight: 600 !important;
}

.ptf-policy-page h2
{
  position: relative !important;
  margin: 34px 0 18px !important;
  padding-left: 48px !important;
  color: #2C1016 !important;
  -webkit-text-fill-color: #2C1016 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(27px, 2.7vw, 38px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

.ptf-policy-page h2::before
{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .08em !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
  background:
    #D40424
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E")
    center / 22px 22px no-repeat !important;
  box-shadow: 0 12px 26px rgba(212, 4, 36, .22) !important;
}

.ptf-policy-page > ul
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.ptf-policy-page > ul > li
{
  position: relative !important;
  margin: 0 !important;
  padding: 18px 20px 18px 56px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 16px !important;
  color: #4D3A40 !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 38px rgba(64, 0, 12, .06) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  font-weight: 600 !important;
}

.ptf-policy-page > ul > li::before
{
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  top: 24px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background:
    #FFD24E
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23850012' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center / 15px 15px no-repeat !important;
}

.ptf-policy-page > ol
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: ptf-policy-step !important;
}

.ptf-policy-page > ol > li
{
  counter-increment: ptf-policy-step !important;
  position: relative !important;
  min-height: 126px !important;
  margin: 0 !important;
  padding: 62px 20px 20px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 16px !important;
  color: #4D3A40 !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 38px rgba(64, 0, 12, .06) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  font-weight: 600 !important;
}

.ptf-policy-page > ol > li::before
{
  content: counter(ptf-policy-step, decimal-leading-zero) !important;
  position: absolute !important;
  left: 20px !important;
  top: 18px !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #D40424, #850012) !important;
  box-shadow: 0 14px 28px rgba(212, 4, 36, .22) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.ptf-policy-page p,
.ptf-policy-page li
{
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
}

.ptf-policy-page > p:not(:first-of-type)
{
  color: #4D3A40 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  font-weight: 500 !important;
}

.ptf-policy-page a,
.ptf-policy-page a:link,
.ptf-policy-page a:visited
{
  color: #C5001D !important;
  -webkit-text-fill-color: #C5001D !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-policy-page a:hover,
.ptf-policy-page a:focus
{
  color: #7A0011 !important;
  -webkit-text-fill-color: #7A0011 !important;
  text-decoration: underline !important;
}

.ptf-policy-page .ptf-service-detail-faq,
.ptf-policy-page .ptf-service-detail-cta
{
  margin-top: 36px !important;
}

.ptf-policy-page .ptf-faq-list
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.ptf-policy-page .ptf-faq-item
{
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid rgba(120, 0, 20, .1) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 14px 36px rgba(64, 0, 12, .06) !important;
}

.ptf-policy-page .ptf-faq-item h3
{
  margin: 0 0 8px !important;
  color: #2C1016 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.ptf-policy-page .ptf-faq-item p
{
  color: #4D3A40 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

@media (max-width: 980px)
{
  .ptf-policy-page > ol
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-policy-page > h1::after
  {
    opacity: .18 !important;
    right: 18px !important;
  }
}

@media (max-width: 760px)
{
  .ptf-policy-page > ul,
  .ptf-policy-page .ptf-faq-list
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px)
{
  .proo-layout-cell.proo-content:has(.ptf-policy-page) .proo-postcontent
  {
    padding: 18px 14px 34px !important;
  }

  .ptf-policy-page > h1,
  .ptf-policy-page > p:first-of-type,
  .ptf-policy-page > ul > li,
  .ptf-policy-page > ol > li,
  .ptf-policy-page .ptf-faq-item
  {
    border-radius: 14px !important;
  }

  .ptf-policy-page h2
  {
    padding-left: 42px !important;
  }
}

/* Services Quick Links Section */
.services-quick-links {
    padding: 60px 0;
    background: #f8f9fa;
}
.services-quick-links .section-subtitle {
    text-align: center;
    font-size: 1.8rem;
    color: #2563eb;
    margin-bottom: 40px;
    font-weight: 700;
}
.quick-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.quick-link-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.quick-link-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(37, 99, 235, 0.15);
    border-color: #2563eb;
}
.quick-link-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}
.quick-link-card h4 {
    font-size: 1.3rem;
    color: #1e293b;
    margin-bottom: 10px;
    font-weight: 700;
}
.quick-link-card p {
    color: #64748b;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Price Table Section */
.ptf-price-examples {
    padding: 60px 0;
    background: #fff;
}
.ptf-price-examples .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-price-examples .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-price-examples .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-price-examples .ptf-price-section-heading p {
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}
.ptf-price-table {
    max-width: 800px;
    margin: 0 auto;
    overflow-x: auto;
}
.ptf-price-table table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.ptf-price-table thead {
    background: #2563eb;
    color: #fff;
}
.ptf-price-table th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 1rem;
}
.ptf-price-table td {
    padding: 14px 20px;
    border-bottom: 1px solid #e5e7eb;
    color: #475569;
}
.ptf-price-table tbody tr:last-child td {
    border-bottom: none;
}
.ptf-price-table tbody tr:hover {
    background: #f8fafc;
}
@media (max-width: 520px) {
    .ptf-price-table {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .ptf-price-table table {
        min-width: 560px;
    }
    .ptf-price-table th,
    .ptf-price-table td {
        padding: 12px 14px;
        white-space: nowrap;
    }
    .ptf-price-table td:first-child,
    .ptf-price-table th:first-child {
        white-space: normal;
        min-width: 220px;
    }
}
.ptf-price-note {
    text-align: center;
    color: #94a3b8;
    font-size: 0.85rem;
    margin-top: 20px;
}

/* Author Section for E-E-A-T */
.ptf-author-section {
    padding: 40px 0;
    background: #f8f9fa;
    border-top: 1px solid #e5e7eb;
}
.ptf-author-card {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.ptf-author-info h3 {
    font-size: 1.3rem;
    color: #1e293b;
    margin-bottom: 8px;
}
.ptf-author-role {
    color: #2563eb;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 12px;
}
.ptf-author-bio {
    color: #475569;
    line-height: 1.7;
    margin-bottom: 16px;
}
.ptf-author-credentials {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ptf-author-credentials li {
    padding: 6px 0;
    color: #475569;
    font-size: 0.95rem;
    position: relative;
    padding-left: 20px;
}
.ptf-author-credentials li::before {
    content: "✓";
    color: #10b981;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Before/After Sample Section */
.ptf-sample-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-sample-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-sample-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-sample-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-sample-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.ptf-sample-card {
    background: #f8fafc;
    border-radius: 16px;
    padding: 25px;
    border: 1px solid #e5e7eb;
}
.ptf-sample-card h3 {
    font-size: 1.2rem;
    color: #1e293b;
    margin-bottom: 20px;
}
.ptf-sample-before, .ptf-sample-after {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.ptf-sample-before {
    background: #fef2f2;
    border-left: 4px solid #ef4444;
}
.ptf-sample-after {
    background: #f0fdf4;
    border-left: 4px solid #10b981;
}
.ptf-sample-before strong, .ptf-sample-after strong {
    display: block;
    margin-bottom: 8px;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.ptf-sample-before strong { color: #dc2626; }
.ptf-sample-after strong { color: #059669; }
.ptf-sample-before p, .ptf-sample-after p {
    margin: 0;
    color: #475569;
    font-style: italic;
}
.ptf-sample-changes {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ptf-sample-changes li {
    padding: 4px 0;
    color: #64748b;
    font-size: 0.9rem;
    position: relative;
    padding-left: 18px;
}
.ptf-sample-changes li::before {
    content: "•";
    color: #2563eb;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Process/Workflow Section */
.ptf-process-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.ptf-process-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-process-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-process-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.ptf-process-step {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
}
.ptf-process-number {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 50%;
    line-height: 50px;
    margin-bottom: 15px;
}
.ptf-process-step h3 {
    font-size: 1.2rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-process-step p {
    color: #64748b;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Testimonials Section */
.ptf-testimonials-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-testimonials-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-testimonials-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-testimonials-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.ptf-testimonial-card {
    background: #f8fafc;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid #e5e7eb;
}
.ptf-testimonial-rating {
    color: #f59e0b;
    font-size: 1.2rem;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.ptf-testimonial-text {
    color: #475569;
    font-style: italic;
    line-height: 1.7;
    margin-bottom: 20px;
}
.ptf-testimonial-author strong {
    display: block;
    color: #1e293b;
    font-size: 1rem;
}
.ptf-testimonial-author span {
    color: #64748b;
    font-size: 0.9rem;
}

/* FAQ Section */
.ptf-faq-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.ptf-faq-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-faq-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-faq-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-faq-list {
    max-width: 800px;
    margin: 0 auto;
}
.ptf-faq-item {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #2563eb;
}
.ptf-faq-item h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 12px;
}
.ptf-faq-item p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}

/* Methodology Section */
.ptf-methodology-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-methodology-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-methodology-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-methodology-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-methodology-content {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-methodology-step {
    background: #f8fafc;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    border-left: 4px solid #2563eb;
}
.ptf-methodology-step h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-methodology-step p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}

/* Expertise Section */
.ptf-expertise-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.ptf-expertise-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-expertise-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-expertise-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-expertise-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.ptf-expertise-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.ptf-expertise-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}
.ptf-expertise-card h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-expertise-card p {
    color: #64748b;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Case Studies Section */
.ptf-case-studies-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-case-studies-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-case-studies-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-case-studies-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-case-studies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.ptf-case-study-card {
    background: #f8fafc;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid #e5e7eb;
}
.ptf-case-study-badge {
    display: inline-block;
    background: #2563eb;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.ptf-case-study-card h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-case-study-card p {
    color: #475569;
    line-height: 1.6;
    margin-bottom: 15px;
}
.ptf-case-study-result {
    background: #ecfdf5;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #065f46;
}
.ptf-case-study-result strong {
    color: #047857;
}

/* SEO Content Section */
.ptf-seo-content-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-seo-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-seo-content-wrapper h2 {
    font-size: 1.8rem;
    color: #1e293b;
    margin-bottom: 20px;
    line-height: 1.4;
}
.ptf-seo-content-wrapper p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 15px;
    font-size: 1rem;
}
.ptf-seo-content-wrapper strong {
    color: #2563eb;
}

/* Native Section */
.ptf-native-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.ptf-native-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-native-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-native-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-native-content {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-native-item {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #2563eb;
}
.ptf-native-item h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-native-item p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}

/* Academic Section */
.ptf-academic-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-academic-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-academic-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-academic-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-academic-content {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-academic-item {
    background: #f8fafc;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    border-left: 4px solid #2563eb;
}
.ptf-academic-item h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-academic-item p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}
.ptf-academic-item strong {
    color: #2563eb;
}

/* Price Comparison Section */
.ptf-price-comparison-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.ptf-price-comparison-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-price-comparison-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-price-comparison-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-price-comparison-content {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-price-comparison-item {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #2563eb;
}
.ptf-price-comparison-item h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-price-comparison-item p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}
.ptf-price-comparison-item strong {
    color: #2563eb;
}

/* Business Section */
.ptf-business-section {
    padding: 60px 0;
    background: #fff;
}
.ptf-business-section .ptf-price-section-heading {
    text-align: center;
    margin-bottom: 40px;
}
.ptf-business-section .ptf-price-section-heading span {
    display: block;
    font-size: 0.9rem;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.ptf-business-section .ptf-price-section-heading h2 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 15px;
}
.ptf-business-content {
    max-width: 900px;
    margin: 0 auto;
}
.ptf-business-item {
    background: #f8fafc;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    border-left: 4px solid #2563eb;
}
.ptf-business-item h3 {
    font-size: 1.1rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.ptf-business-item p {
    color: #475569;
    line-height: 1.7;
    margin: 0;
}
.ptf-business-item strong {
    color: #2563eb;
}

/* Payment Method page polish */
.ptf-payment-page .ptf-service-detail-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 18%, rgba(255, 210, 78, 0.18), transparent 28%),
        linear-gradient(135deg, #4a000a 0%, #87000f 58%, #210004 100%);
    border: 1px solid rgba(255, 210, 78, 0.22);
    box-shadow: 0 22px 55px rgba(74, 0, 10, 0.22);
}

.ptf-payment-page .ptf-service-detail-hero::after {
    content: "";
    position: absolute;
    right: clamp(22px, 5vw, 72px);
    top: 50%;
    width: clamp(96px, 13vw, 170px);
    aspect-ratio: 1;
    transform: translateY(-50%) rotate(-8deg);
    border-radius: 28px;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 24 24' fill='none' stroke='%23d0001b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h5'/%3E%3Cpath d='M15 15h2'/%3E%3C/svg%3E") center 48% / 58% no-repeat,
        linear-gradient(145deg, #ffffff, #fff7f7);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
    opacity: 0.96;
}

.ptf-payment-page .ptf-service-detail-hero > div,
.ptf-payment-page .ptf-service-detail-hero aside {
    position: relative;
    z-index: 1;
}

.ptf-payment-page .ptf-service-detail-hero h1,
.ptf-payment-page .ptf-service-detail-hero #ptf-service-title,
.ptf-payment-page .ptf-service-detail-hero #ptf-service-title * {
    color: #ffffff !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.35);
}

.ptf-payment-page .ptf-service-detail-hero p,
.ptf-payment-page .ptf-service-detail-hero li {
    color: rgba(255, 255, 255, 0.94);
}

.ptf-payment-page .ptf-service-detail-hero span {
    color: #ffd24e;
}

.ptf-payment-page .ptf-clean-content {
    background: #ffffff;
    border: 1px solid #f0d7db;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(74, 0, 10, 0.08);
}

.ptf-payment-page .ptf-clean-content h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #3b0008 !important;
}

.ptf-payment-page .ptf-clean-content h2::before {
    content: "";
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h6'/%3E%3Cpath d='M7 16h4'/%3E%3C/svg%3E") center / 23px no-repeat,
        linear-gradient(135deg, #d0001b, #8b0010);
    box-shadow: 0 12px 24px rgba(208, 0, 27, 0.18);
}

.ptf-payment-page .ptf-clean-content h3 {
    color: #72000d;
    font-size: clamp(1.18rem, 1.55vw, 1.45rem);
    margin-top: 24px;
}

.ptf-payment-page .ptf-table-clean {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin: 18px 0 26px;
    background: #ffffff;
    border: 1px solid #ead4d7;
    border-radius: 16px;
    box-shadow: 0 18px 38px rgba(74, 0, 10, 0.08);
}

.ptf-payment-page .ptf-table-clean th,
.ptf-payment-page .ptf-table-clean td {
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid #f0e2e4;
    vertical-align: top;
}

.ptf-payment-page .ptf-table-clean th {
    background: linear-gradient(135deg, #4a000a, #82000f);
    color: #ffd24e;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.ptf-payment-page .ptf-table-clean td {
    color: #2b1518;
    font-weight: 650;
}

.ptf-payment-page .ptf-table-clean tr:nth-child(even) td {
    background: #fff8f9;
}

.ptf-payment-page .ptf-table-clean tr:last-child th,
.ptf-payment-page .ptf-table-clean tr:last-child td {
    border-bottom: 0;
}

.ptf-payment-page .ptf-clean-content > ol {
    display: grid;
    gap: 14px;
    margin: 20px 0 28px;
    padding: 0;
    list-style: none;
    counter-reset: payment-step;
}

.ptf-payment-page .ptf-clean-content > ol > li {
    position: relative;
    display: block !important;
    min-height: 66px;
    padding: 18px 20px 18px 76px;
    background: linear-gradient(135deg, #ffffff, #fff8f8);
    border: 1px solid #efd6d9;
    border-radius: 16px;
    box-shadow: 0 12px 26px rgba(74, 0, 10, 0.06);
}

.ptf-payment-page .ptf-clean-content > ol > li::before {
    counter-increment: payment-step;
    content: counter(payment-step, decimal-leading-zero) !important;
    position: absolute;
    left: 18px;
    top: 16px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #d0001b;
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(208, 0, 27, 0.2);
}

.ptf-payment-page .ptf-service-detail-faq,
.ptf-payment-page .ptf-service-detail-related,
.ptf-payment-page .ptf-service-detail-cta {
    border-radius: 18px;
}

.ptf-payment-page .ptf-faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ptf-payment-page .ptf-faq-item {
    margin: 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #efd6d9;
    border-radius: 16px;
    box-shadow: 0 12px 26px rgba(74, 0, 10, 0.06);
}

.ptf-payment-page .ptf-faq-item h3 {
    color: #3b0008;
}

.ptf-payment-page .ptf-service-detail-related .ptf-services-card {
    border-color: #efd6d9;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
}

@media (max-width: 900px) {
    .ptf-payment-page .ptf-service-detail-hero::after {
        opacity: 0.18;
        right: 18px;
    }

    .ptf-payment-page .ptf-faq-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ptf-payment-page .ptf-table-clean,
    .ptf-payment-page .ptf-table-clean tbody,
    .ptf-payment-page .ptf-table-clean tr,
    .ptf-payment-page .ptf-table-clean th,
    .ptf-payment-page .ptf-table-clean td {
        display: block;
        width: 100%;
    }

    .ptf-payment-page .ptf-table-clean th,
    .ptf-payment-page .ptf-table-clean td {
        padding: 13px 15px;
    }

    .ptf-payment-page .ptf-table-clean th {
        border-bottom: 0;
    }

    .ptf-payment-page .ptf-clean-content > ol > li {
        padding: 74px 16px 18px;
    }

    .ptf-payment-page .ptf-clean-content > ol > li::before {
        top: 18px;
    }
}

/* Homepage/footer safety override */
body .proo-footer.ptf-standard-footer {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #350810 0%, #5a000a 58%, #190004 100%) !important;
    border-top: 3px solid #ffcc00 !important;
    box-shadow: 0 -18px 42px rgba(74, 0, 10, 0.12);
}

body .proo-footer.ptf-standard-footer .proo-footer-inner {
    box-sizing: border-box !important;
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 28px 0 22px !important;
    overflow: visible !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 20px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(150px, 1fr)) !important;
    gap: 24px !important;
    align-items: start !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-brand,
body .proo-footer.ptf-standard-footer .ptf-footer-section {
    min-width: 0 !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-home,
body .proo-footer.ptf-standard-footer .ptf-footer-home:link,
body .proo-footer.ptf-standard-footer .ptf-footer-home:visited,
body .proo-footer.ptf-standard-footer a,
body .proo-footer.ptf-standard-footer a:link,
body .proo-footer.ptf-standard-footer a:visited {
    color: #ffcc00 !important;
    text-decoration: none !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-home {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-top span {
    display: block !important;
    max-width: 620px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-align: right !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-brand strong,
body .proo-footer.ptf-standard-footer .ptf-footer-section strong {
    display: block !important;
    margin: 0 0 10px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-brand p,
body .proo-footer.ptf-standard-footer li,
body .proo-footer.ptf-standard-footer span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body .proo-footer.ptf-standard-footer ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body .proo-footer.ptf-standard-footer ul > li,
body .proo-footer.ptf-standard-footer li {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
}

body .proo-footer.ptf-standard-footer ul > li::before {
    content: none !important;
    display: none !important;
}

body .proo-footer.ptf-standard-footer .ptf-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 22px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

body .proo-footer.ptf-standard-footer .ptf-back-top {
    white-space: nowrap !important;
}

.ptf-modern-why.ptf-editor-only {
    padding-top: clamp(28px, 4vw, 52px) !important;
}

.ptf-modern-why.ptf-editor-only .ptf-editor-team {
    margin-top: 0 !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature {
    display: grid !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr) !important;
    gap: clamp(22px, 3vw, 42px) !important;
    align-items: start !important;
    margin: 0 0 clamp(24px, 4vw, 42px) !important;
    padding: clamp(30px, 4.5vw, 52px) !important;
    border: 1px solid #efd6d9 !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 210, 78, 0.24), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(208, 0, 27, 0.08), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #fff8f8 100%) !important;
    box-shadow: 0 18px 42px rgba(74, 0, 10, 0.08) !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature h3 {
    margin: 0 !important;
    color: #3b0008 !important;
    max-width: 420px !important;
    font-size: clamp(1.75rem, 2.35vw, 2.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature p {
    margin: 0 0 14px !important;
    color: #2d2024 !important;
    font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
    line-height: 1.9 !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature ul {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature li {
    position: relative !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 118px !important;
    padding: 52px 20px 20px !important;
    color: #344054 !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    border: 1px solid #f0d7db !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 14px 30px rgba(74, 0, 10, 0.06) !important;
    overflow-wrap: anywhere !important;
}

.ptf-modern-why.ptf-editor-only .ptf-why-us-feature li::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 18px !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 15px no-repeat,
        #d0001b !important;
    box-shadow: 0 8px 18px rgba(208, 0, 27, 0.18) !important;
}

@media (max-width: 900px) {
    .ptf-modern-why.ptf-editor-only .ptf-why-us-feature {
        grid-template-columns: 1fr !important;
    }

    .ptf-modern-why.ptf-editor-only .ptf-why-us-feature ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .ptf-modern-why.ptf-editor-only .ptf-why-us-feature {
        padding: 22px !important;
    }

    .ptf-modern-why.ptf-editor-only .ptf-why-us-feature ul {
        grid-template-columns: 1fr !important;
    }

    .ptf-modern-why.ptf-editor-only .ptf-why-us-feature li {
        min-height: 0 !important;
    }
}

/* Shared FAQ section template */
.ptf-service-detail-faq {
    position: relative !important;
    overflow: hidden !important;
    margin: clamp(34px, 5vw, 64px) 0 !important;
    padding: clamp(28px, 4vw, 46px) !important;
    border: 1px solid #efd6d9 !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 88% 8%, rgba(255, 210, 78, 0.2), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fff9f9 100%) !important;
    box-shadow: 0 20px 48px rgba(74, 0, 10, 0.08) !important;
}

.ptf-service-detail-faq::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 6px !important;
    background: linear-gradient(180deg, #d0001b, #ffcc00) !important;
}

.ptf-service-detail-faq .ptf-services-section-heading {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 16px !important;
    align-items: center !important;
    margin: 0 0 clamp(18px, 3vw, 28px) !important;
    padding: 0 0 18px 0 !important;
    border-bottom: 1px solid #f0d7db !important;
    text-align: left !important;
}

.ptf-service-detail-faq .ptf-services-section-heading::before {
    content: "" !important;
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.1 1.7-2.6 2.8'/%3E%3Cpath d='M12 17h.01'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") center / 26px no-repeat,
        linear-gradient(135deg, #d0001b, #8b0010) !important;
    box-shadow: 0 14px 28px rgba(208, 0, 27, 0.22) !important;
}

.ptf-service-detail-faq .ptf-services-section-heading > span {
    display: inline-flex !important;
    width: fit-content !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 4px !important;
    color: #b00016 !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.ptf-service-detail-faq .ptf-services-section-heading h2 {
    margin: 0 !important;
    color: #3b0008 !important;
    font-size: clamp(1.55rem, 2.4vw, 2.25rem) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

.ptf-service-detail-faq .ptf-faq-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ptf-service-detail-faq .ptf-faq-item {
    position: relative !important;
    min-height: 154px !important;
    margin: 0 !important;
    padding: 24px 24px 22px 68px !important;
    border: 1px solid #efd6d9 !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 14px 32px rgba(74, 0, 10, 0.06) !important;
}

.ptf-service-detail-faq .ptf-faq-item::before {
    content: "Q" !important;
    position: absolute !important;
    left: 22px !important;
    top: 24px !important;
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: #d0001b !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 22px rgba(208, 0, 27, 0.2) !important;
}

.ptf-service-detail-faq .ptf-faq-item h3 {
    margin: 0 0 10px !important;
    color: #3b0008 !important;
    font-size: clamp(1.05rem, 1.35vw, 1.22rem) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

.ptf-service-detail-faq .ptf-faq-item p {
    margin: 0 !important;
    color: #475467 !important;
    font-size: 0.98rem !important;
    line-height: 1.75 !important;
}

@media (max-width: 760px) {
    .ptf-service-detail-faq {
        padding: 24px 20px !important;
    }

    .ptf-service-detail-faq .ptf-faq-list {
        grid-template-columns: 1fr !important;
    }

    .ptf-service-detail-faq .ptf-faq-item {
        min-height: 0 !important;
    }
}

@media (max-width: 420px) {
    .ptf-service-detail-faq .ptf-services-section-heading {
        grid-template-columns: 1fr !important;
    }

    .ptf-service-detail-faq .ptf-services-section-heading::before {
        margin-bottom: 12px !important;
    }

    .ptf-service-detail-faq .ptf-faq-item {
        padding: 70px 18px 20px !important;
    }
}

@media (max-width: 820px) {
    body .proo-footer.ptf-standard-footer .proo-footer-inner {
        width: min(100% - 28px, 680px) !important;
        padding: 24px 0 20px !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-footer-top {
        display: block !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-footer-top span {
        margin-top: 8px !important;
        max-width: none !important;
        text-align: left !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-footer-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 520px) {
    body .proo-footer.ptf-standard-footer .ptf-footer-grid {
        grid-template-columns: 1fr !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-footer-bottom {
        display: block !important;
    }

    body .proo-footer.ptf-standard-footer .ptf-back-top {
        display: inline-block !important;
        margin-top: 8px !important;
    }
}

@media (max-width: 420px) {
    .ptf-subservice-page .ptf-service-detail-hero {
        gap: 22px !important;
        min-height: 0 !important;
        padding: 30px 18px !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero h1 {
        font-size: 28px !important;
        line-height: 1.28 !important;
        margin-bottom: 16px !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero p {
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    .ptf-subservice-page .ptf-service-detail-actions {
        gap: 10px !important;
        margin-top: 22px !important;
    }

    .ptf-subservice-page .ptf-service-detail-actions a,
    .ptf-subservice-page .ptf-service-detail-cta a {
        min-height: 46px !important;
        padding: 11px 14px !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero aside {
        display: none !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero aside strong {
        font-size: 22px !important;
        margin-bottom: 12px !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero aside ul {
        gap: 8px !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero aside li {
        font-size: 15px !important;
        gap: 9px !important;
        grid-template-columns: 18px 1fr !important;
        line-height: 1.55 !important;
    }

    .ptf-subservice-page .ptf-service-detail-hero aside li::before {
        box-shadow: inset 0 0 0 5px #FFE7EA !important;
        height: 15px !important;
        width: 15px !important;
    }
}

.ptf-live-restored-page .ptf-live-original-content
{
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFCF8 100%) !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
  padding-top: clamp(34px, 4vw, 54px) !important;
}

.ptf-live-restored-page .ptf-live-original-content::before
{
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #C90019 0%, #FFD24A 100%) !important;
}

.ptf-live-restored-page .ptf-live-original-content::after
{
  content: "" !important;
  position: absolute !important;
  top: -120px !important;
  right: -90px !important;
  width: 260px !important;
  height: 260px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 210, 74, 0.2), rgba(255, 210, 74, 0) 68%) !important;
  pointer-events: none !important;
}

.ptf-live-restored-page .ptf-live-original-content h2,
.ptf-live-restored-page .ptf-live-original-content h2 *,
.ptf-live-restored-page .ptf-live-original-content h3,
.ptf-live-restored-page .ptf-live-original-content h3 *,
.ptf-live-restored-page .ptf-live-original-content h4,
.ptf-live-restored-page .ptf-live-original-content h4 *,
.ptf-live-restored-page .ptf-live-original-content strong,
.ptf-live-restored-page .ptf-live-original-content strong *
{
  background: transparent !important;
  color: #3A0610 !important;
  -webkit-text-fill-color: #3A0610 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  text-shadow: none !important;
}

.ptf-live-restored-page .ptf-live-original-content h2,
.ptf-live-restored-page .ptf-live-original-content h3,
.ptf-live-restored-page .ptf-live-original-content h4
{
  margin: 0 0 18px !important;
}

.ptf-live-restored-page .ptf-live-original-content h2,
.ptf-live-restored-page .ptf-live-original-content h2 *
{
  font-size: clamp(24px, 2.3vw, 34px) !important;
  font-weight: 900 !important;
}

.ptf-live-restored-page .ptf-live-original-content h3,
.ptf-live-restored-page .ptf-live-original-content h3 *,
.ptf-live-restored-page .ptf-live-original-content h4,
.ptf-live-restored-page .ptf-live-original-content h4 *
{
  font-size: clamp(19px, 1.7vw, 24px) !important;
  font-weight: 800 !important;
}

.ptf-live-restored-page .ptf-live-original-content p,
.ptf-live-restored-page .ptf-live-original-content p *,
.ptf-live-restored-page .ptf-live-original-content li,
.ptf-live-restored-page .ptf-live-original-content li *,
.ptf-live-restored-page .ptf-live-original-content td,
.ptf-live-restored-page .ptf-live-original-content td *
{
  background: transparent !important;
  color: #2E2528 !important;
  -webkit-text-fill-color: #2E2528 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
  line-height: 1.86 !important;
  text-shadow: none !important;
}

.ptf-live-restored-page .ptf-live-original-content p
{
  clear: both !important;
  margin: 0 0 18px !important;
}

.ptf-live-restored-page .ptf-live-original-content a,
.ptf-live-restored-page .ptf-live-original-content a *
{
  color: #B40016 !important;
  -webkit-text-fill-color: #B40016 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ptf-live-restored-page .ptf-live-original-content a
{
  border-bottom: 1px solid rgba(180, 0, 22, 0.28) !important;
}

.ptf-live-restored-page .ptf-live-original-content img
{
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: min(100%, 720px) !important;
  height: auto !important;
  margin: 10px auto 28px !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(69, 0, 8, 0.12) !important;
}

.ptf-live-restored-page .ptf-live-original-content table
{
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid #EBD6D9 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
}

.ptf-live-restored-page .ptf-live-original-content td,
.ptf-live-restored-page .ptf-live-original-content th
{
  border-bottom: 1px solid #F2E1E3 !important;
  padding: 16px 18px !important;
  vertical-align: top !important;
}

.ptf-live-restored-page .ptf-live-original-content tr:last-child td
{
  border-bottom: 0 !important;
}

.ptf-live-restored-page .ptf-live-original-content [style*="float"]
{
  float: none !important;
}

.ptf-service-detail-business .ptf-business-keyword-section
{
  max-width: 1280px !important;
  margin: 34px auto 42px !important;
  padding: clamp(28px, 4vw, 48px) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 240, 0.96)),
    radial-gradient(circle at top right, rgba(255, 210, 74, 0.2), transparent 34%) !important;
  border: 1px solid #EBD6D9 !important;
  border-top: 5px solid #C90019 !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
}

.ptf-service-detail-business .ptf-business-keyword-section .container
{
  max-width: none !important;
  padding: 0 !important;
}

.ptf-service-detail-business .ptf-business-keyword-section .ptf-price-section-heading
{
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 28px !important;
  text-align: left !important;
}

.ptf-service-detail-business .ptf-business-keyword-section .ptf-price-section-heading span
{
  color: #C90019 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.ptf-service-detail-business .ptf-business-keyword-section .ptf-price-section-heading h2
{
  color: #3A0610 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  margin: 0 !important;
}

.ptf-service-detail-business .ptf-business-keyword-section .ptf-price-section-heading p
{
  color: #3F3337 !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 820px !important;
}

.ptf-service-detail-business .ptf-business-content
{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: none !important;
  margin: 0 !important;
}

.ptf-service-detail-business .ptf-business-item
{
  position: relative !important;
  margin: 0 !important;
  padding: 24px 24px 24px 60px !important;
  background: #FFFFFF !important;
  border: 1px solid #F0D7DA !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 38px rgba(69, 0, 8, 0.06) !important;
}

.ptf-service-detail-business .ptf-business-item::before
{
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 29px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #C90019 !important;
  box-shadow: inset 0 0 0 5px #FFE7EA, 0 10px 22px rgba(201, 0, 25, 0.18) !important;
}

.ptf-service-detail-business .ptf-business-item h3
{
  color: #3A0610 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  margin: 0 0 10px !important;
}

.ptf-service-detail-business .ptf-business-item p
{
  color: #3F3337 !important;
  font-size: 16px !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

.ptf-service-detail-business .ptf-business-item strong
{
  color: #B40016 !important;
  font-weight: 900 !important;
}

@media (max-width: 700px)
{
  .ptf-live-restored-page .ptf-live-original-content
  {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ptf-live-restored-page .ptf-live-original-content p,
  .ptf-live-restored-page .ptf-live-original-content p *,
  .ptf-live-restored-page .ptf-live-original-content li,
  .ptf-live-restored-page .ptf-live-original-content li *,
  .ptf-live-restored-page .ptf-live-original-content td,
  .ptf-live-restored-page .ptf-live-original-content td *
  {
    font-size: 16px !important;
    line-height: 1.78 !important;
  }

  .ptf-service-detail-business .ptf-business-keyword-section
  {
    margin-top: 24px !important;
    padding: 22px !important;
  }

  .ptf-service-detail-business .ptf-business-content
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-service-detail-business .ptf-business-item
  {
    padding: 22px 18px 22px 50px !important;
  }

  .ptf-service-detail-business .ptf-business-item::before
  {
    left: 20px !important;
    top: 28px !important;
  }
}

.proo-postcontent iframe[src*="youtube.com/embed"],
.custom iframe[src*="youtube.com/embed"] {
    aspect-ratio: 16 / 9 !important;
    border: 0 !important;
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
    width: min(100%, 675px) !important;
}

.ptf-before-after-panel
{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0 28px;
}

.ptf-before-after-panel article
{
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: 22px;
  border: 1px solid rgba(190, 0, 24, .16);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff 0%, #fff8f8 100%);
  box-shadow: 0 16px 36px rgba(71, 0, 10, .08);
}

.ptf-before-after-panel article::before
{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #c90019 0%, #ffcf3f 100%);
}

.ptf-before-after-panel span
{
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  color: #c50018;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ptf-before-after-panel p
{
  margin: 0;
  color: #2b2f38;
  font-size: 17px;
  line-height: 1.75;
}

@media (max-width: 760px)
{
  .ptf-before-after-panel
  {
    grid-template-columns: 1fr;
  }
}

/* Grammar Check page layout polish */
.ptf-grammar-page .ptf-service-standard-panel
{
  gap: clamp(20px, 2vw, 28px) !important;
  margin: -46px auto clamp(38px, 4vw, 58px) !important;
  max-width: 1180px !important;
  padding: 0 max(4vw, 34px) !important;
  position: relative !important;
  z-index: 4 !important;
}

.ptf-grammar-page .ptf-service-standard-panel article
{
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 210, 78, 0.12), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 56px rgba(69, 0, 8, 0.10) !important;
  min-height: 260px !important;
  overflow: hidden !important;
  padding: clamp(28px, 3vw, 36px) !important;
  position: relative !important;
}

.ptf-grammar-page .ptf-service-standard-panel article::before
{
  background: linear-gradient(90deg, #C90019, #FFD24E) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.ptf-grammar-page .ptf-service-standard-panel .ptf-card-icon
{
  align-items: center !important;
  background: #C90019 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 32px rgba(201, 0, 25, 0.24) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  height: 58px !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  width: 58px !important;
}

.ptf-grammar-page .ptf-service-standard-panel .ptf-card-icon svg
{
  display: block !important;
  fill: none !important;
  height: 29px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.9 !important;
  width: 29px !important;
}

.ptf-grammar-page .ptf-service-standard-panel h2
{
  color: #340E14 !important;
  font-size: clamp(27px, 2.25vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  margin: 0 0 14px !important;
}

.ptf-grammar-page .ptf-service-standard-panel p
{
  color: #574548 !important;
  font-size: 17.5px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.ptf-grammar-page .ptf-restored-original-content
{
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 210, 78, 0.16), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 82px rgba(69, 0, 8, 0.09) !important;
  display: grid !important;
  gap: 20px 34px !important;
  grid-template-columns: minmax(280px, 410px) minmax(0, 1fr) !important;
  margin-top: 0 !important;
  padding: clamp(30px, 4vw, 54px) !important;
}

.ptf-grammar-page .ptf-restored-original-content > p:first-child
{
  align-self: start !important;
  background: #FFFFFF !important;
  border: 1px solid #EED9DC !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 48px rgba(69, 0, 8, 0.08) !important;
  grid-row: 1 / span 4 !important;
  margin: 0 !important;
  padding: 18px !important;
}

.ptf-grammar-page .ptf-restored-original-content > p:first-child img
{
  border-radius: 12px !important;
  display: block !important;
  margin: 0 auto !important;
  width: min(100%, 395px) !important;
}

.ptf-grammar-page .ptf-restored-original-content > p:nth-child(2),
.ptf-grammar-page .ptf-restored-original-content > p:nth-child(5)
{
  display: none !important;
}

.ptf-grammar-page .ptf-restored-original-content > p:nth-child(3),
.ptf-grammar-page .ptf-restored-original-content > p:nth-child(4)
{
  background: rgba(255, 255, 255, 0.78) !important;
  border-left: 5px solid #C90019 !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 18px 20px !important;
}

.ptf-grammar-page .ptf-restored-original-content > h2
{
  border-top: 1px solid #EED9DC !important;
  grid-column: 1 / -1 !important;
  margin: 24px 0 8px !important;
  padding-top: 28px !important;
}

.ptf-grammar-page .ptf-restored-original-content > p:nth-child(n+6)
{
  grid-column: 1 / -1 !important;
  max-width: 1080px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon
{
  gap: 22px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: clamp(38px, 5vw, 64px) auto !important;
  max-width: 1280px !important;
  padding: 0 max(4vw, 34px) !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon article
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 58px rgba(69, 0, 8, 0.08) !important;
  overflow: hidden !important;
  padding: 34px 30px 30px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon article::before
{
  height: 5px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon article > span
{
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 16px !important;
  height: 48px !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  width: 48px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon h2
{
  font-size: clamp(24px, 2.1vw, 31px) !important;
  line-height: 1.32 !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon ul
{
  margin-top: 18px !important;
  padding: 0 !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon li
{
  grid-template-columns: 18px minmax(0, 1fr) !important;
  text-align: left !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards
{
  align-items: start !important;
  gap: 24px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article
{
  height: auto !important;
  min-height: 0 !important;
  padding: 30px !important;
  word-break: normal !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards .ptf-card-icon
{
  background: #C90019 !important;
  box-shadow: 0 14px 30px rgba(201, 0, 25, 0.22) !important;
  color: #FFFFFF !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards .ptf-card-icon svg
{
  display: block !important;
  fill: none !important;
  height: 25px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.9 !important;
  width: 25px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article > p
{
  font-size: 16.5px !important;
  line-height: 1.72 !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards ul
{
  gap: 12px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards li
{
  display: block !important;
  grid-template-columns: none !important;
  padding-left: 24px !important;
  position: relative !important;
  word-break: normal !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards li::before
{
  left: 0 !important;
  margin-top: 0 !important;
  position: absolute !important;
  top: 0.68em !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article:nth-child(3) li
{
  background: #FFF8F8 !important;
  border: 1px solid rgba(201, 0, 25, 0.12) !important;
  border-radius: 8px !important;
  padding: 12px 14px 12px 38px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article:nth-child(3) li::before
{
  left: 16px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article:nth-child(3) li a
{
  display: inline !important;
  line-height: 1.45 !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article:nth-child(3) li span
{
  color: #5E4A4D !important;
  display: block !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  margin-top: 4px !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-grammar-choice-cards article:nth-child(2) li
{
  line-height: 1.65 !important;
}

.ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon li::before,
.ptf-grammar-page .ptf-sample-changes li::before,
.ptf-grammar-page .ptf-author-credentials li::before
{
  content: "" !important;
  background: #C90019 !important;
  border-radius: 999px !important;
  height: 7px !important;
  margin-top: 12px !important;
  width: 7px !important;
}

.ptf-grammar-page .ptf-sample-section,
.ptf-grammar-page .ptf-methodology-section,
.ptf-grammar-page .ptf-process-section,
.ptf-grammar-page .ptf-author-section,
.ptf-grammar-page .ptf-service-detail-related,
.ptf-grammar-page .ptf-testimonials-section
{
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
  padding-left: max(4vw, 34px) !important;
  padding-right: max(4vw, 34px) !important;
}

.ptf-grammar-page .ptf-sample-section
{
  background:
    radial-gradient(circle at 12% 0%, rgba(198, 0, 24, 0.06), transparent 28%),
    #FFFFFF !important;
  padding-bottom: clamp(50px, 6vw, 76px) !important;
  padding-top: clamp(50px, 6vw, 76px) !important;
}

.ptf-grammar-page .ptf-sample-grid
{
  gap: 24px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 1120px !important;
}

.ptf-grammar-page .ptf-sample-card
{
  background: #FFFFFF !important;
  border: 1px solid #EED9DC !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 48px rgba(69, 0, 8, 0.07) !important;
  padding: 28px !important;
}

.ptf-grammar-page .ptf-sample-card h3,
.ptf-grammar-page .ptf-methodology-step h3,
.ptf-grammar-page .ptf-process-step h3
{
  color: #360812 !important;
  font-weight: 900 !important;
}

.ptf-grammar-page .ptf-methodology-section,
.ptf-grammar-page .ptf-process-section
{
  background: #FAFBFC !important;
  border-radius: 18px !important;
  margin-bottom: clamp(38px, 5vw, 62px) !important;
  padding-bottom: clamp(44px, 5vw, 64px) !important;
  padding-top: clamp(44px, 5vw, 64px) !important;
}

.ptf-grammar-page .ptf-methodology-content
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 1120px !important;
}

.ptf-grammar-page .ptf-methodology-step
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-left: 5px solid #C90019 !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(69, 0, 8, 0.05) !important;
  margin: 0 !important;
}

.ptf-grammar-page .ptf-process-grid
{
  gap: 18px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 1160px !important;
}

.ptf-grammar-page .ptf-process-step
{
  border: 1px solid #E7D8DB !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 42px rgba(69, 0, 8, 0.07) !important;
  padding: 28px 22px !important;
}

.ptf-grammar-page .ptf-process-number
{
  background: linear-gradient(135deg, #C90019, #8C0012) !important;
  box-shadow: 0 14px 28px rgba(201, 0, 25, 0.22) !important;
}

.ptf-grammar-page .ptf-grammar-faq-standard
{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
}

.ptf-grammar-page .ptf-grammar-faq-standard .ptf-price-section-heading
{
  margin-bottom: 28px !important;
  text-align: left !important;
}

.ptf-grammar-page .ptf-grammar-faq-standard .ptf-faq-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ptf-grammar-page .ptf-author-section
{
  background: linear-gradient(135deg, #F8FAFC 0%, #FFF7F8 100%) !important;
  border-radius: 18px !important;
  margin-bottom: clamp(34px, 5vw, 58px) !important;
  padding-bottom: clamp(46px, 5vw, 64px) !important;
  padding-top: clamp(46px, 5vw, 64px) !important;
}

.ptf-grammar-page .ptf-author-card
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 52px rgba(69, 0, 8, 0.08) !important;
  margin: 0 auto !important;
  max-width: 860px !important;
  padding: 34px !important;
}

.ptf-grammar-page .ptf-service-detail-related
{
  margin-bottom: clamp(44px, 5vw, 72px) !important;
  margin-top: clamp(34px, 5vw, 62px) !important;
}

.ptf-grammar-page .ptf-service-detail-related .ptf-price-section-heading
{
  margin-bottom: 26px !important;
  text-align: left !important;
}

.ptf-grammar-page .ptf-related-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-grammar-page .ptf-related-grid .ptf-services-card
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(69, 0, 8, 0.07) !important;
  min-height: 0 !important;
  padding: 28px !important;
}

.ptf-grammar-page .ptf-related-grid .ptf-services-card::before
{
  height: 4px !important;
}

.ptf-grammar-page .ptf-related-grid .ptf-services-card h3
{
  color: #360812 !important;
  font-size: clamp(22px, 1.9vw, 28px) !important;
  line-height: 1.28 !important;
  margin-bottom: 12px !important;
}

.ptf-grammar-page .ptf-related-grid .ptf-services-card p
{
  color: #4C3A3D !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin-bottom: 18px !important;
}

.ptf-grammar-page .ptf-related-grid .ptf-services-card a
{
  display: inline-flex !important;
  margin-top: auto !important;
}

.ptf-grammar-page .ptf-price-section-heading span
{
  color: #B40016 !important;
}

/* Plagiarism Checker page layout polish */
.ptf-plagiarism-page .ptf-service-detail-highlights,
.ptf-plagiarism-page .ptf-service-detail-faq,
.ptf-plagiarism-page .ptf-service-detail-related,
.ptf-plagiarism-page .ptf-video-testimonial,
.ptf-plagiarism-page .ptf-testimonials-section
{
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
  padding-left: max(4vw, 34px) !important;
  padding-right: max(4vw, 34px) !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights
{
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: -46px !important;
  position: relative !important;
  z-index: 3 !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights article
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 26px 70px rgba(69, 0, 8, 0.10) !important;
  overflow: hidden !important;
  padding: 34px 30px 30px !important;
  position: relative !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights article::before
{
  background: linear-gradient(90deg, #D0001B, #FFD24E) !important;
  content: "" !important;
  height: 5px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights article > span
{
  align-items: center !important;
  background: #C60018 !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  font: 900 16px/1 "Noto Sans Thai", Arial, sans-serif !important;
  height: 48px !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  width: 48px !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights h2
{
  color: #360812 !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  margin: 0 0 14px !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights p,
.ptf-plagiarism-page .ptf-service-detail-highlights li
{
  color: #4C3A3D !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights ul
{
  display: grid !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights li
{
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights li::before
{
  background: #C90019 !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 7px !important;
  margin-top: 12px !important;
  width: 7px !important;
}

.ptf-plagiarism-page .ptf-service-detail-highlights a
{
  color: #B40016 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ptf-plagiarism-page .ptf-service-detail-cta
{
  margin: clamp(38px, 5vw, 60px) auto !important;
  max-width: 1180px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content
{
  background:
    radial-gradient(circle at 92% 6%, rgba(255, 210, 78, 0.16), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(181, 0, 18, 0.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 82px rgba(69, 0, 8, 0.09) !important;
  margin: clamp(38px, 5vw, 62px) auto !important;
  max-width: 1280px !important;
  padding: clamp(30px, 4vw, 54px) !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content h2
{
  border-top: 1px solid #EED9DC !important;
  color: #360812 !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  margin: 30px 0 18px !important;
  padding-top: 28px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content h2:first-child
{
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content p,
.ptf-plagiarism-page .ptf-plagiarism-live-content li,
.ptf-plagiarism-page .ptf-plagiarism-live-content span
{
  color: #342025 !important;
  font-family: "Noto Sans Thai", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content p
{
  margin: 0 0 18px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content strong
{
  color: #8C0012 !important;
  font-weight: 900 !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content a
{
  color: #B40016 !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content img
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(69, 0, 8, 0.08) !important;
  display: block !important;
  height: auto !important;
  margin: 18px auto 28px !important;
  max-width: min(100%, 760px) !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content ol
{
  background: #FFF8F0 !important;
  border: 1px solid #F1D7D2 !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 12px !important;
  margin: 18px 0 28px !important;
  padding: 24px 30px 24px 54px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content ol li
{
  padding-left: 4px !important;
}

.ptf-plagiarism-page .ptf-plagiarism-live-content p:has(> span:first-child:last-child)
{
  max-width: 1080px !important;
}

.ptf-plagiarism-page .ptf-service-detail-faq
{
  margin-top: clamp(34px, 5vw, 58px) !important;
}

.ptf-plagiarism-page .ptf-service-detail-faq .ptf-price-section-heading,
.ptf-plagiarism-page .ptf-service-detail-related .ptf-price-section-heading
{
  margin-bottom: 28px !important;
  text-align: left !important;
}

.ptf-plagiarism-page .ptf-service-detail-faq .ptf-faq-grid
{
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ptf-plagiarism-page .ptf-service-detail-related
{
  margin-bottom: clamp(44px, 5vw, 72px) !important;
  margin-top: clamp(38px, 5vw, 64px) !important;
}

.ptf-plagiarism-page .ptf-related-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-plagiarism-page .ptf-related-grid .ptf-services-card
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(69, 0, 8, 0.07) !important;
  min-height: 0 !important;
  padding: 28px !important;
}

.ptf-plagiarism-page .ptf-related-grid .ptf-services-card h3
{
  color: #360812 !important;
  font-size: clamp(22px, 1.9vw, 28px) !important;
  line-height: 1.28 !important;
  margin-bottom: 12px !important;
}

.ptf-plagiarism-page .ptf-related-grid .ptf-services-card p
{
  color: #4C3A3D !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin-bottom: 18px !important;
}

.ptf-plagiarism-page .ptf-price-section-heading span
{
  color: #B40016 !important;
}

@media (max-width: 1100px)
{
  .ptf-plagiarism-page .ptf-service-detail-highlights,
  .ptf-plagiarism-page .ptf-service-detail-faq .ptf-faq-grid,
  .ptf-plagiarism-page .ptf-related-grid
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px)
{
  .ptf-plagiarism-page .ptf-service-detail-highlights,
  .ptf-plagiarism-page .ptf-service-detail-faq,
  .ptf-plagiarism-page .ptf-service-detail-related,
  .ptf-plagiarism-page .ptf-video-testimonial,
  .ptf-plagiarism-page .ptf-testimonials-section
  {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 1100px)
{
  .ptf-grammar-page .ptf-restored-original-content,
  .ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon,
  .ptf-grammar-page .ptf-methodology-content,
  .ptf-grammar-page .ptf-grammar-faq-standard .ptf-faq-grid,
  .ptf-grammar-page .ptf-related-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-grammar-page .ptf-restored-original-content > p:first-child
  {
    grid-row: auto !important;
  }

  .ptf-grammar-page .ptf-process-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px)
{
  .ptf-grammar-page .ptf-restored-original-content,
  .ptf-grammar-page .ptf-sample-grid,
  .ptf-grammar-page .ptf-process-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-grammar-page .ptf-sample-section,
  .ptf-grammar-page .ptf-methodology-section,
  .ptf-grammar-page .ptf-process-section,
  .ptf-grammar-page .ptf-author-section,
  .ptf-grammar-page .ptf-service-detail-related,
  .ptf-grammar-page .ptf-testimonials-section,
  .ptf-grammar-page .ptf-service-detail-grid.ptf-seo-addon
  {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* AI Detection page polish */
.ptf-home-seo-restore
{
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 205, 54, 0.18), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF9F8 100%) !important;
  border: 1px solid rgba(88, 0, 10, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(35, 0, 6, 0.08) !important;
  box-sizing: border-box !important;
  margin: 34px auto !important;
  max-width: 1380px !important;
  overflow: hidden !important;
  padding: clamp(26px, 3.8vw, 48px) !important;
  position: relative !important;
  width: calc(100% - 150px) !important;
}

.ptf-home-seo-restore::before
{
  background: linear-gradient(180deg, #D50018, #FFC629) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: calc(100% - 56px) !important;
  left: 0 !important;
  position: absolute !important;
  top: 28px !important;
  width: 5px !important;
}

.ptf-home-seo-head
{
  max-width: 1080px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-home-seo-head>span
{
  color: #C50012 !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-home-seo-head h2
{
  color: #2A1015 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(25px, 2.1vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.34 !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
}

.ptf-home-seo-head p,
.ptf-home-seo-copy p,
.ptf-home-seo-support p
{
  color: #38272B !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.ptf-home-seo-layout
{
  align-items: stretch !important;
  display: grid !important;
  gap: 26px !important;
  grid-template-columns: minmax(260px, 0.86fr) minmax(0, 1.14fr) !important;
  margin-top: 28px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-home-seo-media
{
  background: #FFFFFF !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 32px rgba(35, 0, 6, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  justify-content: space-between !important;
  padding: 18px !important;
}

.ptf-home-seo-media>img
{
  border-radius: 6px !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

.ptf-home-seo-note
{
  align-items: flex-start !important;
  background: linear-gradient(135deg, #67000B, #9B0012) !important;
  border-radius: 8px !important;
  display: flex !important;
  gap: 12px !important;
  padding: 18px !important;
}

.ptf-home-seo-note img
{
  flex: 0 0 auto !important;
  margin-top: 3px !important;
}

.ptf-home-seo-note p
{
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.ptf-home-seo-copy
{
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  padding: 24px !important;
}

.ptf-home-seo-copy h3,
.ptf-home-seo-support h3
{
  color: #2A1015 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: clamp(23px, 1.7vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 16px !important;
}

.ptf-home-seo-cards
{
  display: grid !important;
  gap: 14px !important;
}

.ptf-home-seo-cards article
{
  background: #FFFFFF !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-left: 4px solid #C50012 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(35, 0, 6, 0.06) !important;
  padding: 18px 18px 18px 20px !important;
}

.ptf-home-seo-cards strong,
.ptf-home-seo-cards li
{
  color: #342428 !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.72 !important;
}

.ptf-home-seo-cards ul
{
  display: grid !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

.ptf-home-seo-support
{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  margin-top: 24px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ptf-home-seo-support>div
{
  background: #FFFFFF !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 30px rgba(35, 0, 6, 0.07) !important;
  padding: 24px !important;
}

.ptf-home-seo-support p + p
{
  margin-top: 12px !important;
}

.ptf-home-seo-editor-line
{
  color: #8A0010 !important;
  font-weight: 900 !important;
}

.ptf-clean-content-image
{
  background: #FFFFFF !important;
  border: 1px solid rgba(88, 0, 10, 0.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 30px rgba(35, 0, 6, 0.08) !important;
  box-sizing: border-box !important;
  margin: 24px auto !important;
  max-width: 760px !important;
  padding: 16px !important;
}

.ptf-clean-content-image img
{
  border-radius: 6px !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

.ptf-clean-content-image figcaption
{
  color: #5A474B !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  margin: 12px 0 0 !important;
  text-align: center !important;
}

.ptf-legacy-divider
{
  color: #B50014 !important;
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin: 18px 0 8px !important;
}

@media (max-width: 900px)
{
  .ptf-home-seo-restore
  {
    width: calc(100% - 32px) !important;
  }

  .ptf-home-seo-layout,
  .ptf-home-seo-support
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px)
{
  .ptf-home-seo-restore
  {
    margin: 24px auto !important;
    padding: 24px 18px !important;
    width: calc(100% - 16px) !important;
  }

  .ptf-home-seo-head h2
  {
    font-size: 24px !important;
  }

  .ptf-home-seo-head p,
  .ptf-home-seo-support p
  {
    font-size: 16px !important;
  }

  .ptf-home-seo-copy,
  .ptf-home-seo-support>div
  {
    padding: 18px !important;
  }
}

.ptf-ai-detection-page .ptf-hero-rank-card
{
  overflow: visible !important;
  padding-left: clamp(28px, 3vw, 40px) !important;
  padding-right: clamp(28px, 3vw, 40px) !important;
}

.ptf-ai-detection-page .ptf-hero-rank-card .ptf-rank-number
{
  color: #111111 !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 auto 16px !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.ptf-ai-detection-page .ptf-hero-rank-card .ptf-rank-service
{
  font-size: clamp(18px, 1.65vw, 22px) !important;
  margin-bottom: 12px !important;
}

.ptf-ai-detection-page .ptf-service-standard-panel
{
  margin-bottom: clamp(32px, 4vw, 54px) !important;
}

.ptf-ai-detection-page .ptf-ai-live-content
{
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 210, 78, 0.20), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F8 100%) !important;
  border: 1px solid #EAD6D8 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 46px rgba(52, 8, 18, 0.08) !important;
  display: grid !important;
  gap: 18px !important;
  padding: clamp(28px, 4vw, 46px) !important;
}

.ptf-ai-detection-page .ptf-ai-live-content h2,
.ptf-ai-detection-page .ptf-ai-live-content h2 *,
.ptf-ai-detection-page .ptf-ai-live-content h4,
.ptf-ai-detection-page .ptf-ai-live-content h4 *
{
  color: #2C0710 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.ptf-ai-detection-page .ptf-ai-live-content h2
{
  border-top: 1px solid rgba(180, 0, 22, 0.16) !important;
  padding-top: 22px !important;
}

.ptf-ai-detection-page .ptf-ai-live-content h2:first-child
{
  border-top: 0 !important;
  padding-top: 0 !important;
}

.ptf-ai-detection-page .ptf-ai-live-content h4
{
  align-items: center !important;
  background: #3B0710 !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  gap: 10px !important;
  justify-self: start !important;
  margin-top: 10px !important;
  padding: 12px 18px !important;
}

.ptf-ai-detection-page .ptf-ai-live-content h4::before
{
  background: #FFD24E !important;
  border-radius: 999px !important;
  content: "" !important;
  display: inline-block !important;
  height: 10px !important;
  width: 10px !important;
}

.ptf-ai-detection-page .ptf-ai-live-content p,
.ptf-ai-detection-page .ptf-ai-live-content span,
.ptf-ai-detection-page .ptf-ai-live-content li
{
  color: #332428 !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.78 !important;
}

.ptf-ai-detection-page .ptf-ai-live-content a
{
  color: #B40016 !important;
  font-weight: 800 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

.ptf-ai-detection-page .ptf-ai-live-content p:has(> img)
{
  background: #FFFFFF !important;
  border: 1px solid #E8D9DC !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 38px rgba(44, 7, 16, 0.10) !important;
  margin: 6px 0 18px !important;
  overflow: hidden !important;
  padding: clamp(12px, 2vw, 18px) !important;
}

.ptf-ai-detection-page .ptf-ai-live-content img
{
  background: #F8FAFC !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.ptf-ai-detection-page .ptf-service-detail-grid.ptf-seo-addon
{
  gap: 24px !important;
  margin-top: clamp(34px, 5vw, 58px) !important;
}

.ptf-ai-detection-page .ptf-service-detail-grid.ptf-seo-addon article
{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF8F8 100%) !important;
  border-color: #E8D9DC !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 38px rgba(52, 8, 18, 0.07) !important;
}

.ptf-ai-detection-page .ptf-service-detail-grid.ptf-seo-addon article::before
{
  background: linear-gradient(90deg, #D0001B, #FFD24E) !important;
  height: 5px !important;
}

.ptf-ai-detection-page .ptf-service-detail-grid.ptf-seo-addon article > span
{
  align-items: center !important;
  background: #C90019 !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  height: 46px !important;
  justify-content: center !important;
  width: 46px !important;
}

.ptf-ai-detection-page .ptf-service-detail-faq,
.ptf-ai-detection-page .ptf-service-detail-related,
.ptf-ai-detection-page .ptf-video-testimonial,
.ptf-ai-detection-page .ptf-testimonials-section
{
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
  padding-left: max(4vw, 26px) !important;
  padding-right: max(4vw, 26px) !important;
}

.ptf-ai-detection-page .ptf-service-detail-faq .ptf-faq-list
{
  display: grid !important;
  gap: 16px !important;
}

.ptf-ai-detection-page .ptf-service-detail-faq .ptf-faq-item
{
  background: #FFFFFF !important;
  border: 1px solid #E7D8DB !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(52, 8, 18, 0.05) !important;
  padding: 22px 24px !important;
}

.ptf-ai-detection-page .ptf-service-detail-related .ptf-services-grid
{
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ptf-ai-detection-page .ptf-video-testimonial
{
  align-items: center !important;
  background: linear-gradient(135deg, #3A0710 0%, #7A0010 55%, #19070A 100%) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 48px rgba(52, 8, 18, 0.16) !important;
  color: #FFFFFF !important;
  display: grid !important;
  gap: clamp(22px, 4vw, 46px) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  margin-top: clamp(38px, 5vw, 62px) !important;
  padding: clamp(28px, 4vw, 46px) !important;
}

.ptf-ai-detection-page .ptf-video-copy span
{
  color: #FFD24E !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.ptf-ai-detection-page .ptf-video-copy h2,
.ptf-ai-detection-page .ptf-video-copy h2 *,
.ptf-ai-detection-page .ptf-video-copy p,
.ptf-ai-detection-page .ptf-video-copy li
{
  color: #FFFFFF !important;
}

.ptf-ai-detection-page .ptf-video-copy ul
{
  display: grid !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.ptf-ai-detection-page .ptf-video-copy li
{
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
}

.ptf-ai-detection-page .ptf-video-copy li::before
{
  background: #FFD24E !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 8px !important;
  margin-top: .72em !important;
  width: 8px !important;
}

.ptf-ai-detection-page .ptf-video-frame
{
  aspect-ratio: 16 / 9 !important;
  background: #000000 !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
  overflow: hidden !important;
}

.ptf-ai-detection-page .ptf-video-frame iframe
{
  border: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

.ptf-ai-detection-page .ptf-testimonials-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 900px)
{
  .ptf-ai-detection-page .ptf-service-detail-related .ptf-services-grid,
  .ptf-ai-detection-page .ptf-testimonials-grid,
  .ptf-ai-detection-page .ptf-video-testimonial
  {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px)
{
  .ptf-ai-detection-page .ptf-ai-live-content,
  .ptf-ai-detection-page .ptf-service-detail-grid.ptf-seo-addon,
  .ptf-ai-detection-page .ptf-service-detail-faq,
  .ptf-ai-detection-page .ptf-service-detail-related,
  .ptf-ai-detection-page .ptf-video-testimonial,
  .ptf-ai-detection-page .ptf-testimonials-section
  {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .ptf-ai-detection-page .ptf-ai-live-content h4
  {
    display: flex !important;
    width: 100% !important;
  }
}

.ptf-clean-content .ptf-legacy-content-card
{
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF8F3 52%, #FFFFFF 100%) !important;
  border: 1px solid #E9D3D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 48px rgba(52, 8, 18, 0.08) !important;
  margin-top: clamp(28px, 4vw, 44px) !important;
  padding: clamp(24px, 4vw, 40px) !important;
}

.ptf-clean-content .ptf-legacy-content-card .ptf-section-kicker
{
  color: #C60019 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.ptf-clean-content .ptf-legacy-content-card h2
{
  color: #3B0711 !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.22 !important;
  margin: 18px 0 12px !important;
}

.ptf-clean-content .ptf-legacy-content-card p,
.ptf-clean-content .ptf-legacy-content-card li
{
  color: #253044 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.ptf-clean-content .ptf-legacy-content-card .ptf-legacy-highlight
{
  background: #FFF4C8 !important;
  border-left: 5px solid #FFD24E !important;
  border-radius: 10px !important;
  color: #3B0711 !important;
  font-weight: 800 !important;
  padding: 14px 18px !important;
}

.ptf-clean-content .ptf-legacy-content-card a
{
  color: #B00015 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.ptf-clean-content .ptf-legacy-content-card ol,
.ptf-clean-content .ptf-legacy-content-card ul
{
  display: grid !important;
  gap: 10px !important;
  margin: 12px 0 22px !important;
  padding-left: 24px !important;
}

.ptf-clean-content .ptf-paraphrase-gallery
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: clamp(22px, 4vw, 36px) 0 !important;
}

.ptf-clean-content .ptf-paraphrase-gallery figure
{
  background: #FFFFFF !important;
  border: 1px solid #E9D3D5 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(52, 8, 18, 0.07) !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.ptf-clean-content .ptf-paraphrase-gallery img
{
  aspect-ratio: 4 / 3 !important;
  display: block !important;
  height: auto !important;
  object-fit: cover !important;
  width: 100% !important;
}

.ptf-clean-content .ptf-paraphrase-gallery figcaption
{
  color: #3B0711 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  padding: 12px 14px 14px !important;
}

@media (max-width: 820px)
{
  .ptf-clean-content .ptf-paraphrase-gallery
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px)
{
  .ptf-clean-content .ptf-legacy-content-card
  {
    border-radius: 12px !important;
    padding: 22px 18px !important;
  }

  .ptf-clean-content .ptf-paraphrase-gallery
  {
    grid-template-columns: 1fr !important;
  }
}

/* Citation resource hero: keep the long "Reference" label inside the card. */
.ptf-service-hero-standard .ptf-hero-rank-card[aria-label="Citation &"]
{
  box-sizing: border-box !important;
  max-width: min(390px, 100%) !important;
  overflow: hidden !important;
  padding-left: clamp(26px, 3vw, 38px) !important;
  padding-right: clamp(26px, 3vw, 38px) !important;
}

.ptf-service-hero-standard .ptf-hero-rank-card[aria-label="Citation &"] .ptf-rank-number
{
  display: block !important;
  font-size: clamp(42px, 4.2vw, 58px) !important;
  line-height: 1 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 520px)
{
  .ptf-service-hero-standard .ptf-hero-rank-card[aria-label="Citation &"] .ptf-rank-number
  {
    font-size: clamp(36px, 13vw, 48px) !important;
  }
}

/* Resources page contrast fixes: keep text readable on dark red panels. */
.ptf-resources-page .ptf-resources-hero h1,
.ptf-resources-page .ptf-resources-hero h1 *,
.ptf-resources-page .ptf-resources-hero-copy h1,
.ptf-resources-page .ptf-resources-hero-copy h1 *,
.ptf-resources-page .ptf-resources-cta h2,
.ptf-resources-page .ptf-resources-cta h2 *
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.42) !important;
}

.ptf-resources-page .ptf-resources-hero-copy > span,
.ptf-resources-page .ptf-resources-cta > div > span
{
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

.ptf-resources-page .ptf-resources-hero p,
.ptf-resources-page .ptf-resources-hero p *,
.ptf-resources-page .ptf-resources-cta p,
.ptf-resources-page .ptf-resources-cta p *
{
  color: rgba(255, 255, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.96) !important;
}

.ptf-resources-page .ptf-resources-hero-actions a,
.ptf-resources-page .ptf-resources-hero-actions a:link,
.ptf-resources-page .ptf-resources-hero-actions a:visited,
.ptf-resources-page .ptf-resources-guide a,
.ptf-resources-page .ptf-resources-guide a:link,
.ptf-resources-page .ptf-resources-guide a:visited,
.ptf-resources-page .ptf-resources-cta-actions a,
.ptf-resources-page .ptf-resources-cta-actions a:link,
.ptf-resources-page .ptf-resources-cta-actions a:visited
{
  text-decoration: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.ptf-resources-page .ptf-resources-hero-actions a:first-child,
.ptf-resources-page .ptf-resources-hero-actions a:first-child:link,
.ptf-resources-page .ptf-resources-hero-actions a:first-child:visited,
.ptf-resources-page .ptf-resources-cta-actions a:last-child,
.ptf-resources-page .ptf-resources-cta-actions a:last-child:link,
.ptf-resources-page .ptf-resources-cta-actions a:last-child:visited
{
  color: #5A0010 !important;
  -webkit-text-fill-color: #5A0010 !important;
}

.ptf-resources-page .ptf-resources-hero-actions a:last-child,
.ptf-resources-page .ptf-resources-hero-actions a:last-child:link,
.ptf-resources-page .ptf-resources-hero-actions a:last-child:visited
{
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.98) !important;
  color: #7A0010 !important;
  -webkit-text-fill-color: #7A0010 !important;
}

.ptf-resources-page .ptf-resources-guide a,
.ptf-resources-page .ptf-resources-guide a:link,
.ptf-resources-page .ptf-resources-guide a:visited
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-resources-page .ptf-resources-cta-actions a:first-child,
.ptf-resources-page .ptf-resources-cta-actions a:first-child:link,
.ptf-resources-page .ptf-resources-cta-actions a:first-child:visited
{
  color: #640010 !important;
  -webkit-text-fill-color: #640010 !important;
}

.tb-test img{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  margin: 10px auto !important;
}
.res_content{display:none;}
.tcenter{ text-align:center;}
@media(min-width: 240px) {
  .nblock{width: 100%; display: block; margin: 0 auto;}
  .res_top{width:100%;}
  .res_top img{max-width:100%;  margin:0;}
  img{max-width:100%; }
.bottomblock .custom.proo-block{width:100%; margin: 0;}
.proo-header-inner {width: 100%;}
.proo-header{height:100px;}
.header1{display: block; width: 100%; padding-top: 15px;}
.header2{display: none; }

/* Header contact vertical balance: keep Mobile + Line in one centered row */
.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child
{
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  min-height: 50px !important;
  line-height: 1.35 !important;
  padding: 2px 0 0 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child > span
{
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.35 !important;
}

.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child span,
.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child strong,
.proo-header-inner .header2 .custom:not(.ptf-header-contact) p:first-child a
{
  line-height: 1.35 !important;
}

/* Header logo frame */
.proo-header-inner .header1 p
{
  margin: 0 !important;
}

.proo-header-inner .header1 a
{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: min(420px, calc(100vw - 28px)) !important;
  padding: 7px 10px !important;
  border: 2px solid #1B1B1B !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .08) !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

.proo-header-inner .header1 a img
{
  display: block !important;
  width: min(360px, calc(100vw - 54px)) !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* Final price hero contrast guard */
html body .ptf-price-page .ptf-price-hero h1,
html body .ptf-price-page .ptf-price-hero h1 *,
html[lang^="th"] body .ptf-price-page .ptf-price-hero h1,
html[lang^="th"] body .ptf-price-page .ptf-price-hero h1 *
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.34) !important;
}

html body .ptf-price-page .ptf-price-hero-actions a:last-child,
html body .ptf-price-page .ptf-price-hero-actions a:last-child:link,
html body .ptf-price-page .ptf-price-hero-actions a:last-child:visited
{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #8A0011 !important;
  -webkit-text-fill-color: #8A0011 !important;
}

/* Price page polish: keep the pricing page aligned with the 2026 site standard. */
.ptf-price-page .ptf-price-plans,
.ptf-price-page .ptf-price-factors,
.ptf-price-page .ptf-price-examples,
.ptf-price-page .ptf-price-request,
.ptf-price-page .ptf-price-faq,
.ptf-price-page .ptf-price-related,
.ptf-price-page .ptf-price-comparison-section,
.ptf-price-page .ptf-service-standard-panel,
.ptf-price-page .ptf-video-testimonial,
.ptf-price-page .ptf-testimonials-section,
.ptf-price-page .ptf-service-detail-cta
{
  box-sizing: border-box !important;
  margin: 50px auto 0 !important;
  max-width: 1220px !important;
  width: min(1220px, calc(100% - 56px)) !important;
}

.ptf-price-page .ptf-price-examples,
.ptf-price-page .ptf-price-faq,
.ptf-price-page .ptf-price-related,
.ptf-price-page .ptf-price-comparison-section
{
  background: #FFFFFF !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
  padding: 42px !important;
}

.ptf-price-page .ptf-price-section-heading
{
  margin: 0 0 28px !important;
  max-width: 880px !important;
}

.ptf-price-page .ptf-price-section-heading>span
{
  color: #C70018 !important;
  letter-spacing: 0 !important;
}

.ptf-price-page .ptf-price-section-heading h2
{
  color: #330B12 !important;
  font-size: clamp(30px, 2.5vw, 42px) !important;
  line-height: 1.25 !important;
}

.ptf-price-page .ptf-price-section-heading p
{
  color: #514145 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  max-width: 820px !important;
}

.ptf-price-page .ptf-price-plan,
.ptf-price-page .ptf-price-factor-grid article,
.ptf-price-page .ptf-price-comparison-item,
.ptf-price-page .ptf-faq-item,
.ptf-price-page .ptf-testimonial-card
{
  border-color: #EFD7DB !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-price-page .ptf-price-table
{
  background: #FFFFFF !important;
  border: 1px solid #E8D0D5 !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 56px rgba(69, 0, 8, 0.10) !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.ptf-price-page .ptf-price-table table
{
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  width: 100% !important;
}

.ptf-price-page .ptf-price-table thead
{
  background: linear-gradient(135deg, #72000D 0%, #C90019 100%) !important;
  color: #FFFFFF !important;
}

.ptf-price-page .ptf-price-table th,
.ptf-price-page .ptf-price-table td
{
  border-bottom: 1px solid #F0DDE1 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  padding: 18px 20px !important;
  vertical-align: top !important;
}

.ptf-price-page .ptf-price-table th
{
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.ptf-price-page .ptf-price-table td
{
  color: #3C2A2E !important;
  font-weight: 650 !important;
}

.ptf-price-page .ptf-price-table td:not(:first-child)
{
  color: #B00015 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.ptf-price-page .ptf-price-table tbody tr:nth-child(even)
{
  background: #FFF8F9 !important;
}

.ptf-price-page .ptf-price-note
{
  background: #FFF8D8 !important;
  border-top: 1px solid #F4D67A !important;
  color: #5B3800 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  text-align: left !important;
}

.ptf-price-page .ptf-price-card-grid
{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ptf-price-page .ptf-price-card
{
  background:
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(135deg, rgba(201, 0, 25, 0.28), rgba(255, 210, 78, 0.70)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  position: relative !important;
}

.ptf-price-page .ptf-price-card::before
{
  background: #C90019 !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 4px !important;
  left: 24px !important;
  position: absolute !important;
  right: 24px !important;
  top: 0 !important;
}

.ptf-price-page .ptf-price-card h3
{
  color: #330B12 !important;
  font: 900 24px/1.25 "Noto Sans Thai", Arial, sans-serif !important;
  margin: 10px 0 8px !important;
}

.ptf-price-page .ptf-price-card p
{
  color: #5C4B4E !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 0 18px !important;
}

.ptf-price-page .ptf-price-card dl
{
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

.ptf-price-page .ptf-price-card dl>div
{
  align-items: center !important;
  background: #FFF7F8 !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 13px 14px !important;
}

.ptf-price-page .ptf-price-card dt
{
  color: #3B2529 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

.ptf-price-page .ptf-price-card dd
{
  color: #B00015 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.ptf-price-page .ptf-price-card-wide
{
  align-items: center !important;
  background:
    radial-gradient(circle at 95% 20%, rgba(255, 210, 78, 0.22), transparent 30%),
    linear-gradient(135deg, #4A0008 0%, #8A0011 100%) !important;
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.ptf-price-page .ptf-price-card-wide h3,
.ptf-price-page .ptf-price-card-wide p,
.ptf-price-page .ptf-price-card-wide strong
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-price-page .ptf-price-card-wide strong
{
  background: #FFD24E !important;
  border-radius: 8px !important;
  color: #6E0010 !important;
  -webkit-text-fill-color: #6E0010 !important;
  display: inline-flex !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  text-align: center !important;
}

.ptf-price-page .ptf-price-table
{
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.ptf-price-page .ptf-price-table table
{
  min-width: 0 !important;
  table-layout: fixed !important;
}

.ptf-price-page .ptf-price-table th:first-child,
.ptf-price-page .ptf-price-table td:first-child
{
  width: 52% !important;
}

.ptf-price-page .ptf-price-table th:nth-child(2),
.ptf-price-page .ptf-price-table th:nth-child(3),
.ptf-price-page .ptf-price-table td:nth-child(2),
.ptf-price-page .ptf-price-table td:nth-child(3)
{
  width: 24% !important;
}

.ptf-price-page .ptf-price-table th,
.ptf-price-page .ptf-price-table td,
.ptf-price-page .ptf-price-table td:not(:first-child)
{
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  word-break: normal !important;
}

.ptf-price-page .ptf-price-hero h1,
.ptf-price-page .ptf-price-hero h1 *
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.34) !important;
}

.ptf-price-page .ptf-price-hero p,
.ptf-price-page .ptf-price-hero p *
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 8px 22px rgba(0, 0, 0, 0.26) !important;
}

.ptf-price-page .ptf-price-hero-actions a:last-child,
.ptf-price-page .ptf-price-hero-actions a:last-child:link,
.ptf-price-page .ptf-price-hero-actions a:last-child:visited
{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #8A0011 !important;
  -webkit-text-fill-color: #8A0011 !important;
}

.ptf-price-page .ptf-price-factor-grid article
{
  padding-top: 28px !important;
}

.ptf-price-page .ptf-price-factor-grid article strong
{
  display: none !important;
}

.ptf-price-page .ptf-price-factor-icon
{
  align-items: center !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 34%),
    linear-gradient(135deg, #C90019 0%, #7A0010 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 16px 32px rgba(201, 0, 25, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  display: inline-flex !important;
  height: 52px !important;
  justify-content: center !important;
  margin: 0 0 18px !important;
  width: 52px !important;
}

.ptf-price-page .ptf-price-factor-icon::before
{
  background: #FFFFFF !important;
  content: "" !important;
  display: block !important;
  height: 25px !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
  width: 25px !important;
}

.ptf-price-page .ptf-factor-words::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h11a1 1 0 0 1 1 1v16a1 1 0 0 0-1-1H6a2 2 0 0 0-2 2'/%3E%3Cpath d='M8 7h6M8 11h7M8 15h5'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-factor-edit::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-factor-document::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-factor-deadline::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v5l3 2M9 2h6M5 5l2 2M19 5l-2 2'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-factor-complexity::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-factor-language::before
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E") !important;
}

.ptf-price-page .ptf-price-examples .ptf-price-section-heading
{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.ptf-price-page .ptf-price-examples .ptf-price-section-heading p
{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 920px !important;
  text-align: center !important;
}

.ptf-price-page .ptf-price-examples .ptf-price-table
{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Payment page hero card: keep label readable and inside the card. */
.ptf-payment-page .ptf-hero-rank-card[aria-label="Payment"]
{
  box-sizing: border-box !important;
  max-width: min(340px, 100%) !important;
  overflow: hidden !important;
  padding-left: clamp(28px, 3vw, 40px) !important;
  padding-right: clamp(28px, 3vw, 40px) !important;
}

.ptf-payment-page .ptf-hero-rank-card[aria-label="Payment"] .ptf-rank-number
{
  color: #111111 !important;
  display: block !important;
  font-size: clamp(54px, 5vw, 78px) !important;
  line-height: 0.95 !important;
  margin: 0 auto 16px !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.ptf-payment-page .ptf-hero-rank-card[aria-label="Payment"] .ptf-rank-service
{
  color: #D60015 !important;
  font-size: clamp(19px, 1.65vw, 23px) !important;
  line-height: 1.16 !important;
}

.ptf-payment-page .ptf-hero-rank-card[aria-label="Payment"] strong
{
  color: #1D1517 !important;
  font-size: clamp(17px, 1.3vw, 20px) !important;
  line-height: 1.35 !important;
}

.ptf-payment-page .ptf-payment-proof-gallery
{
  box-sizing: border-box !important;
  width: min(1220px, calc(100% - 56px)) !important;
  margin: 50px auto 0 !important;
  padding: 40px !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(255, 210, 78, 0.18), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F9 100%) !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
}

.ptf-payment-page .ptf-payment-proof-gallery .ptf-services-section-heading
{
  max-width: 840px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

.ptf-payment-page .ptf-payment-proof-gallery .ptf-services-section-heading span
{
  color: #C60018 !important;
  -webkit-text-fill-color: #C60018 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.ptf-payment-page .ptf-payment-proof-gallery .ptf-services-section-heading h2
{
  margin: 8px 0 10px !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
}

.ptf-payment-page .ptf-payment-proof-gallery .ptf-services-section-heading p
{
  max-width: 760px !important;
  margin: 0 auto !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.ptf-payment-page .ptf-payment-proof-grid
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.ptf-payment-page .ptf-payment-proof-grid figure
{
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-payment-page .ptf-payment-proof-grid img
{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: top center !important;
  background: #F8F1F2 !important;
}

.ptf-payment-page .ptf-payment-proof-grid figcaption
{
  min-height: 58px !important;
  padding: 16px 18px !important;
  border-top: 1px solid #F1DDE1 !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
}

/* Payment steps layout guard */
.ptf-payment-page .ptf-clean-content > ol
{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin: 20px 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: payment-step !important;
}

.ptf-payment-page .ptf-clean-content > ol > li
{
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 21px 24px 21px 88px !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #2B1518 !important;
  -webkit-text-fill-color: #2B1518 !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
  box-shadow: 0 14px 34px rgba(74, 0, 10, 0.06) !important;
}

.ptf-payment-page .ptf-clean-content > ol > li::before
{
  counter-increment: payment-step !important;
  content: counter(payment-step, decimal-leading-zero) !important;
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  transform: translateY(-50%) !important;
  border-radius: 8px !important;
  background: #D0001B !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 14px 28px rgba(208, 0, 27, 0.18) !important;
}

.ptf-payment-page .ptf-testimonials-section
{
  box-sizing: border-box !important;
  width: min(1220px, calc(100% - 56px)) !important;
  margin: 50px auto 0 !important;
  padding: 40px !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 210, 78, 0.16), transparent 26%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F9 100%) !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
}

.ptf-payment-page .ptf-testimonials-section .ptf-price-section-heading
{
  max-width: 820px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

.ptf-payment-page .ptf-testimonials-section .ptf-price-section-heading span
{
  color: #C60018 !important;
  -webkit-text-fill-color: #C60018 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
}

.ptf-payment-page .ptf-testimonials-section .ptf-price-section-heading h2
{
  margin: 8px 0 10px !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
}

.ptf-payment-page .ptf-testimonials-section .ptf-price-section-heading p
{
  max-width: 760px !important;
  margin: 0 auto !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.ptf-payment-page .ptf-testimonials-grid
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: none !important;
  margin: 0 !important;
}

.ptf-payment-page .ptf-testimonial-card
{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 240px !important;
  padding: 28px !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-payment-page .ptf-testimonial-card::before
{
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #C60018, #FFD24E) !important;
}

.ptf-payment-page .ptf-testimonial-rating
{
  color: #F59E0B !important;
  -webkit-text-fill-color: #F59E0B !important;
  margin: 0 0 18px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
}

.ptf-payment-page .ptf-testimonial-text
{
  margin: 0 0 20px !important;
  color: #35282C !important;
  -webkit-text-fill-color: #35282C !important;
  font-size: 17px !important;
  font-style: normal !important;
  line-height: 1.8 !important;
  flex: 1 1 auto !important;
}

.ptf-payment-page .ptf-testimonial-author
{
  margin: auto 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid #F1DDE1 !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
}

.ptf-payment-page .ptf-testimonial-author strong
{
  display: block !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.ptf-payment-page .ptf-testimonial-author span
{
  display: block !important;
  margin-top: 3px !important;
  color: #7A666B !important;
  -webkit-text-fill-color: #7A666B !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* About page testimonials polish */
.ptf-about-page .ptf-testimonials-section
{
  box-sizing: border-box !important;
  width: min(1220px, calc(100% - 56px)) !important;
  margin: 54px auto 0 !important;
  padding: 42px !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 6%, rgba(255, 210, 78, 0.18), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF8F9 100%) !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-page .ptf-testimonials-section .ptf-price-section-heading
{
  max-width: 780px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

.ptf-about-page .ptf-testimonials-section .ptf-price-section-heading span
{
  color: #C60018 !important;
  -webkit-text-fill-color: #C60018 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.ptf-about-page .ptf-testimonials-section .ptf-price-section-heading h2
{
  margin: 8px 0 10px !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
}

.ptf-about-page .ptf-testimonials-section .ptf-price-section-heading p
{
  max-width: 640px !important;
  margin: 0 auto !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.ptf-about-page .ptf-testimonials-grid
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: none !important;
  margin: 0 !important;
  align-items: stretch !important;
}

.ptf-about-page .ptf-testimonial-card
{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 245px !important;
  padding: 28px !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-page .ptf-testimonial-card::before
{
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #C60018, #FFD24E) !important;
}

.ptf-about-page .ptf-testimonial-rating
{
  color: #F59E0B !important;
  -webkit-text-fill-color: #F59E0B !important;
  margin: 0 0 18px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
}

.ptf-about-page .ptf-testimonial-text
{
  margin: 0 0 20px !important;
  color: #35282C !important;
  -webkit-text-fill-color: #35282C !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  flex: 1 1 auto !important;
}

.ptf-about-page .ptf-testimonial-author
{
  margin: auto 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid #F1DDE1 !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
}

.ptf-about-page .ptf-testimonial-author strong
{
  display: block !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.ptf-about-page .ptf-testimonial-author span
{
  display: block !important;
  margin-top: 3px !important;
  color: #7A666B !important;
  -webkit-text-fill-color: #7A666B !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.ptf-about-page .ptf-about-proof-gallery
{
  box-sizing: border-box !important;
  width: min(1220px, calc(100% - 56px)) !important;
  margin: 54px auto 0 !important;
  padding: 42px !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-page .ptf-about-proof-gallery .ptf-price-section-heading
{
  max-width: 820px !important;
  margin: 0 auto 30px !important;
  text-align: center !important;
}

.ptf-about-page .ptf-about-proof-gallery .ptf-price-section-heading span
{
  color: #C60018 !important;
  -webkit-text-fill-color: #C60018 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.ptf-about-page .ptf-about-proof-gallery .ptf-price-section-heading h2
{
  margin: 8px 0 10px !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
}

.ptf-about-page .ptf-about-proof-gallery .ptf-price-section-heading p
{
  max-width: 760px !important;
  margin: 0 auto !important;
  color: #4A3A3D !important;
  -webkit-text-fill-color: #4A3A3D !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.ptf-about-page .ptf-about-proof-grid
{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.ptf-about-page .ptf-about-proof-grid figure
{
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF8F9) !important;
  box-shadow: 0 18px 50px rgba(69, 0, 8, 0.08) !important;
}

.ptf-about-page .ptf-about-proof-grid img
{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: top center !important;
  background: #F8F1F2 !important;
}

.ptf-about-page .ptf-about-proof-grid figcaption
{
  min-height: 58px !important;
  padding: 16px 18px !important;
  border-top: 1px solid #F1DDE1 !important;
  color: #2A0610 !important;
  -webkit-text-fill-color: #2A0610 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px)
{
  .ptf-about-page .ptf-testimonials-section
  {
    width: calc(100% - 28px) !important;
    margin-top: 34px !important;
    padding: 26px 18px !important;
  }

  .ptf-about-page .ptf-testimonials-grid
  {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ptf-about-page .ptf-testimonial-card
  {
    min-height: 0 !important;
    padding: 24px 20px !important;
  }

  .ptf-about-page .ptf-about-proof-gallery
  {
    width: calc(100% - 28px) !important;
    margin-top: 34px !important;
    padding: 26px 18px !important;
  }

  .ptf-about-page .ptf-about-proof-grid
  {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ptf-payment-page .ptf-payment-proof-gallery
  {
    width: calc(100% - 28px) !important;
    margin-top: 34px !important;
    padding: 26px 18px !important;
  }

  .ptf-payment-page .ptf-payment-proof-grid
  {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ptf-payment-page .ptf-testimonials-section
  {
    width: calc(100% - 28px) !important;
    margin-top: 34px !important;
    padding: 26px 18px !important;
  }

  .ptf-payment-page .ptf-testimonials-grid
  {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .ptf-payment-page .ptf-testimonial-card
  {
    min-height: 0 !important;
    padding: 24px 20px !important;
  }
}

.ptf-price-page .ptf-price-request
{
  background: linear-gradient(135deg, #FFF9F9 0%, #FFFFFF 60%, #FFF7D6 100%) !important;
  border: 1px solid #EED5DA !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
  padding: 42px !important;
}

.ptf-price-page .ptf-price-request ol
{
  margin: 0 !important;
}

.ptf-price-page .ptf-price-cta,
.ptf-price-page .ptf-service-detail-cta
{
  background:
    radial-gradient(circle at 92% 20%, rgba(255, 210, 78, 0.20) 0, rgba(255, 210, 78, 0) 32%),
    linear-gradient(135deg, #4A0008 0%, #850010 56%, #210006 100%) !important;
  border: 1px solid rgba(255, 210, 78, 0.30) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 78px rgba(69, 0, 8, 0.18) !important;
  color: #FFFFFF !important;
  padding: 36px 42px !important;
}

.ptf-price-page .ptf-price-cta h2,
.ptf-price-page .ptf-price-cta p,
.ptf-price-page .ptf-service-detail-cta h2,
.ptf-price-page .ptf-service-detail-cta p
{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ptf-price-page .ptf-price-cta span,
.ptf-price-page .ptf-service-detail-cta span
{
  color: #FFD24E !important;
  -webkit-text-fill-color: #FFD24E !important;
}

.ptf-price-page .ptf-service-standard-panel
{
  background: #FFF9F9 !important;
  border: 1px solid #EFD7DB !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
  padding: 34px !important;
}

.ptf-price-page .ptf-video-testimonial
{
  width: min(1220px, calc(100% - 56px)) !important;
}

.ptf-price-page .ptf-testimonials-section
{
  background: #FFFFFF !important;
  border: 1px solid #F0D8DC !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(69, 0, 8, 0.08) !important;
  padding: 42px !important;
}

@media (max-width: 760px)
{
  .ptf-price-page .ptf-price-plans,
  .ptf-price-page .ptf-price-factors,
  .ptf-price-page .ptf-price-examples,
  .ptf-price-page .ptf-price-request,
  .ptf-price-page .ptf-price-faq,
  .ptf-price-page .ptf-price-related,
  .ptf-price-page .ptf-price-comparison-section,
  .ptf-price-page .ptf-service-standard-panel,
  .ptf-price-page .ptf-video-testimonial,
  .ptf-price-page .ptf-testimonials-section,
  .ptf-price-page .ptf-service-detail-cta
  {
    margin-top: 34px !important;
    width: calc(100% - 28px) !important;
  }

  .ptf-price-page .ptf-price-examples,
  .ptf-price-page .ptf-price-faq,
  .ptf-price-page .ptf-price-related,
  .ptf-price-page .ptf-price-comparison-section,
  .ptf-price-page .ptf-price-request,
  .ptf-price-page .ptf-testimonials-section,
  .ptf-price-page .ptf-service-standard-panel,
  .ptf-price-page .ptf-service-detail-cta
  {
    padding: 24px 18px !important;
  }

  .ptf-price-page .ptf-price-card-grid
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-price-page .ptf-price-card
  {
    padding: 22px 18px !important;
  }

  .ptf-price-page .ptf-price-card dl>div,
  .ptf-price-page .ptf-price-card-wide
  {
    grid-template-columns: 1fr !important;
  }

  .ptf-price-page .ptf-price-card dd
  {
    white-space: normal !important;
  }
}