h1,h2,h3{font-size:1.5rem!important}
h4{font-size:1.3rem!important}
h5{font-size:1.2rem!important}
.menu-wrapper{z-index:0!important}
/* app css */
.cdto2-wrap{--bg:#f5f7f8;--card:#ffffff;--line:#d9dde1;--soft:#eef2f4;--text:#111827;--muted:#6b7280;--teal:#0aa4a6;--teal2:#078b8d;--danger:#e53935;--shadow:0 10px 28px rgba(17,24,39,.10);padding:24px 0;background:var(--bg)}
.cdto2-shell{max-width:1200px;margin:0 auto;padding:0 16px}
.cdto2-wrap *{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.cdto2-wrap a{text-decoration:none;color:inherit}
.cdto2-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 14px;box-shadow:var(--shadow)}
.cdto2-brand{display:flex;gap:12px;align-items:center;min-width:0}
.cdto2-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#ffffff;font-weight:900}
.cdto2-brandname{font-weight:900;color:var(--text);line-height:1.1}
.cdto2-brandsub{margin-top:2px;font-size:12px;color:var(--muted);font-weight:700}
.cdto2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.cdto2-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 14px;font-weight:900;font-size:14px;line-height:1;border:1px solid transparent;transition:transform .12s ease, filter .12s ease, background .12s ease}
.cdto2-btn:active{transform:translateY(1px)}
.cdto2-btn-lg{padding:12px 16px;border-radius:14px}
.cdto2-btn-solid{background:var(--teal);color:#ffffff !important;}
.cdto2-btn-solid:hover{filter:brightness(1.02)}
.cdto2-btn-ghost{background:var(--card);border-color:var(--line);color:var(--text)}
.cdto2-btn-ghost:hover{background:var(--soft)}
.cdto2-main{padding:16px 0}
.cdto2-hero{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-top:14px}
.cdto2-hero-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.cdto2-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:rgba(10,164,166,.10);color:var(--teal2);font-weight:900;font-size:12px}
.cdto2-h1{margin:12px 0 8px;font-size:28px;line-height:1.15;letter-spacing:-.2px;color:var(--text);font-weight:950}
.cdto2-lead{margin:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:66ch}
.cdto2-hero-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.cdto2-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cdto2-stat{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.cdto2-stat-num{font-size:20px;font-weight:950;color:var(--text);letter-spacing:-.2px}
.cdto2-stat-label{margin-top:4px;font-size:12px;color:var(--muted);font-weight:800}
.cdto2-hero-side{display:flex;justify-content:center}
.cdto2-phone{width:min(380px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px}
.cdto2-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:10px}
.cdto2-tab{display:flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 8px;font-weight:950;color:var(--teal2);background:var(--card);border:1px solid var(--line)}
.cdto2-tab-active{background:var(--teal);color:#ffffff;border-color:transparent}
.cdto2-quizcard{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card)}
.cdto2-quizmeta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cdto2-quizcount{font-weight:950;color:var(--text);font-size:18px}
.cdto2-quizresult{font-weight:900;color:var(--text)}
.cdto2-quizred{color:var(--danger);font-weight:950}
.cdto2-question{margin-top:12px;font-size:16px;line-height:1.55;color:var(--text);font-weight:800}
.cdto2-options{margin-top:12px;display:grid;gap:10px}
.cdto2-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#ffffff;border-radius:12px;padding:12px}
.cdto2-opt input{width:18px;height:18px}
.cdto2-opttext{font-weight:900;color:var(--text)}
.cdto2-nav{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cdto2-navbtn{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 10px;font-weight:950;color:var(--text)}
.cdto2-navbtn-primary{background:var(--soft)}
.cdto2-section{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.cdto2-sectionhead{max-width:78ch}
.cdto2-h2{margin:0;color:var(--text);font-size:18px;font-weight:950;letter-spacing:-.1px}
.cdto2-sub{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6;font-weight:700}
.cdto2-grid{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}
.cdto2-card{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px}
.cdto2-h3{margin:0;color:var(--text);font-size:16px;font-weight:950}
.cdto2-p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6;font-weight:700}
.cdto2-rules{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}
.cdto2-rule{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px}
.cdto2-rule-pass{background:rgba(10,164,166,.10)}
.cdto2-rule-fail{background:rgba(229,57,53,.08)}
.cdto2-rulek{font-size:12px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.2px}
.cdto2-rulev{margin-top:6px;font-size:20px;font-weight:950;color:var(--text)}
.cdto2-rules{margin-top:6px;color:var(--muted);font-weight:750;font-size:14px;line-height:1.55}
.cdto2-cta{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#ffffff}
.cdto2-ctatitle{font-weight:950;color:var(--text);font-size:15px;line-height:1.4}
.cdto2-ctarow{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.cdto2-footer{margin-top:18px;text-align:center;color:var(--muted)}
.cdto2-footbrand{font-weight:950;color:var(--text)}
.cdto2-footlinks{margin-top:10px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cdto2-footlinks a{color:var(--muted);font-weight:900;font-size:13px}
.cdto2-footlinks a:hover{color:var(--text)}
.cdto2-footcopy{margin-top:10px;font-size:12px}
@media (min-width: 900px){
  .cdto2-hero{grid-template-columns:1.12fr .88fr}
  .cdto2-h1{font-size:34px}
  .cdto2-grid{grid-template-columns:repeat(3,1fr)}
  .cdto2-rules{grid-template-columns:repeat(3,1fr)}
}
/* app end */
#jtl{
  display:flex!important;
  align-items:center;
  font-size:14px;
  position:relative;
  width:100px;
  margin-left:60px;
  padding-top:10px!important
}
#jtl button[class^="login-toggle"],
#jtl button[class^="register-toggle"]{
  background:none!important;
  border:none!important;
  padding:0!important;
  margin:0!important;
  font-size:16px!important;
  font-weight:400!important;
  color:#666!important;
  cursor:pointer;
  box-shadow:none!important
}
#jtl button[class^="login-toggle"]:hover,
#jtl button[class^="register-toggle"]:hover{
  color:#6dab9f!important
}
div[class^="jtl-content-login"]{
  width:290px;
  max-width:90vw;
  margin-left:-15px
}
.jtl-content-login,
.jtl-content-register{
  position:absolute!important;
  top:100%!important;
  left:0;
  margin-top:6px;
  z-index:9999;
  border-radius:4px
}
#jtl .registerlink{font-size:18px}
.jt-register-link{
  text-align:center;
  padding:12px 0;
  background:#eef3f5
}
.jt-register-btn{
  color:#1f6f78;
  font-weight:600;
  text-decoration:none
}
.jt-register-btn:hover{text-decoration:underline}
#jtl a{color:#418485!important}
#jtl .username-password a{color:#fc9544!important}
.create_paw{background-color:#fc9544}
.jt_logout{
  background-color:#5e5e5e;
  text-align:center;
  padding-bottom:10px
}
.user-center{
  position:relative;
  display:inline-block;
  margin-top:10px;
  margin-left:60px
}
.user-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font-weight:600;
  color:#333;
  user-select:none
}
.user-icon,
.toggle-icon{font-size:16px}
.toggle-icon{
  margin-left:0px;
  margin-top: 3px;
  transition:transform .2s ease
}
.user-dropdown{
  position:absolute;
  top:38px;
  left:0;
  width:200px;
  background:#6dab9f;
  border-radius:4px;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  display:none;
  overflow:hidden;
  z-index:9999
}
.user-center.open .user-dropdown{display:block}
.user-center.open .toggle-icon{transform:rotate(180deg)}
.user-dropdown a{
  display:block;
  padding:8px 16px;
  color:#fff;
  text-decoration:none;
  font-size:15px
}
.user-dropdown .divider{
  height:1px;
  background:rgba(255,255,255,.35);
  margin:6px 0
}
.profile-edit{margin:0 auto}
.com-users-profile{margin:0 1em}
#member-profile{
  background-color:#6dab9f;
  padding:20px;
  border-radius:5px;
  color:#fff
}
#jform_username-lbl,
#jform_username,
#jform_username-desc{display:none}
#password-0{
  font-size:12px;
  line-height:12px
}
.com-users-login,
.com-users-logout{
  max-width:350px;
  margin:0 auto
}
.input-password-toggle,
.input-password-toggle svg{color:#22262a!important}
.container-bottom-a{margin-bottom:10%}
.btn-blockjt{
  font-size:1rem!important;
  padding:5px 0 10px!important;
  line-height:1!important;
  width: 100%;
}
.container-header{
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important
}
.container-topbar{
  background-color:#f6f6f8!important;
  border-bottom:1px solid #e0e0e0;
  min-height:45px
}
.container-header .container-nav{padding-bottom:10px!important}
@media (max-width: 1024px) {
  .container-header .container-nav{display:none !important}
  #jtl {margin-left: 20px;}
  .user-center{margin-left:10px;}
}
.mod-languages{
  width:120px;
  float:right;
  padding-right:3em;
  margin-top:7px;
  height:20px
}
div.mod-languages ul{text-align:right}
div.mod-languages ul.lang-inline li{margin-left:10px}
.container-footer .grid-child,
.container-footer .mod-custom{
  display:block!important;
  width:100%;
  margin:0!important;
  padding:0!important
}
.com-content-article{
  padding:1em 2em;
  border-top:solid beige
}
.com-content-article .page-header{display:none}
.com-contact{margin-left:30px;max-width:450px}
.wp-banner{
  position:relative;
  width:100%;
  overflow:hidden;
  height:450px
}
.wp-banner img{
  width:100%;
  height:auto;
  display:block
}
.wp-banner-text{display:none}
.banner-module,
.banner-module img.banner-img{
  width:100%;
  display:block
}
#cf_1{margin:0 auto}
.footer{
  background-color:#093948!important;
  background-image:none!important
}
.card{
  padding:0!important;
  border:none!important
}
.wp-footer{
  width:100%;
  background:linear-gradient(180deg,#e2ebe6 0%,#d6e3dd 100%);
  padding:28px 20px
}
.wp-footer-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px
}
.wp-footer-logo img{
  height:32px;
  width:auto;
  display:block
}
.wp-footer-links{
  font-size:14px;
  color:#555;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px
}
.wp-footer-links a{
  color:#555;
  text-decoration:none
}
.wp-footer-links a:hover{color:#598a8f!important}
:root{
  --primary:#F4A261;
  --primary-rgb:244,162,97;
  --link-color:#F4A261;
  --link-hover-color:#E76F51
}
.btn-primary{
  background-color:#F4A261!important;
  border-color:#F4A261!important;
  color:#fff!important
}
.btn-primary:hover,
.btn-primary:focus{
  background-color:#E76F51!important;
  border-color:#E76F51!important
}
a{color:#F4A261}
a:hover{color:#E76F51}
.form-control:focus{
  border-color:#F4A261;
  box-shadow:0 0 0 .2rem rgba(244,162,97,.25)
}
.form-check-input:checked{
  background-color:#F4A261;
  border-color:#F4A261
}
.login button,
.login .btn{
  background-color:#F4A261!important;
  border-color:#F4A261!important
}
.h-captcha{
  margin:20px 0;
  padding:15px;
  border-radius:10px;
  background:#f6faf9;
  display:flex;
  justify-content:center;
  border:1px solid #e0ece9
}
.hypquiz-wrap{
  max-width:520px;
  margin:0 auto;
  padding-bottom:90px
}
.hypquiz-toplinks{
  display:flex;
  justify-content:space-around;
  padding:10px 0;
  background:#fff;
  border-radius:14px;
  margin-bottom:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.06)
}
.hypquiz-toplinks a{
  text-decoration:none;
  font-weight:600;
  color:#333
}
.hypquiz-card{
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.08)
}
.hypquiz-toolbar{
  background:#f9fafb;
  border-radius:14px;
  padding:10px
}
.hypquiz-toolbar-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px
}
.hypquiz-btn{
  background:#fff;
  border:none;
  border-radius:12px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  cursor:pointer
}
.hypquiz-btn:active{transform:scale(.97)}
.hypquiz-actions{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  gap:10px;
  padding:12px;
  background:#fff;
  box-shadow:0 -4px 16px rgba(0,0,0,.12);
  z-index:999
}
.hypquiz-actions .hypquiz-btn{
  flex:1;
  padding:14px 0;
  font-size:16px
}
.hypquiz-option {
  margin: 10px 0 !important;
}
@media (min-width:768px){
  .hypquiz-actions{
    position:static;
    box-shadow:none;
    margin-top:16px
  }
}
/* viberate effect */
@keyframes hypquiz-shake{
  0%{transform:translateX(0)}
  20%{transform:translateX(-4px)}
  40%{transform:translateX(4px)}
  60%{transform:translateX(-3px)}
  80%{transform:translateX(3px)}
  100%{transform:translateX(0)}
}
.hypquiz-option.correct{
  animation:none;
}
.hypquiz-option.wrong{
  animation:hypquiz-shake .32s ease-in-out;
}
.hypquiz-option.correct::after{
  content:"✔";
  margin-left:auto;
  font-weight:900;
  color:#4FB89A;
  font-size:18px
}
.hypquiz-option.wrong::after{
  content:"✖";
  margin-left:auto;
  font-weight:900;
  color:#FF9A4D;
  font-size:18px
}
@media (prefers-reduced-motion: reduce){
  .hypquiz-option.wrong{
    animation:none
  }
}
#hypquiz-jump {
  text-align: center;
}
.hypquiz-meta {
  font-weight: 600;
}
@media (max-width:481px){
  .hypquiz-toolbar-row{
    flex-wrap:wrap;
  }
  .hypquiz-jump-inline{
    width:125px;
    justify-content:flex-end;
  }
  .test_page .footer {
    display: none;
  }
}
@media (min-width:769px){
   .hypquiz-toplinks{
    display: block !important;
   }

/* 222 */