body.jj-blog-style-v11{
  --jj-blue:#173A67;
  --jj-bg:#F2F6F9;
  --jj-white:#FFFFFF;
  --jj-sub:#D6E2EA;
  background:var(--jj-bg)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  overflow-x:hidden!important;
}

/* do not touch site header */
body.jj-blog-style-v11 .jj-blog-v11-banner{
  position:relative!important;
  left:50%!important;
  right:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  margin-top:64px!important;
  margin-bottom:24px!important;
  min-height:220px!important;
  height:220px!important;
  padding:38px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--jj-blue)!important;
  color:var(--jj-white)!important;
  text-align:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.jj-blog-style-v11 .jj-blog-v11-title,
body.jj-blog-style-v11 .jj-blog-v11-banner h1,
body.jj-blog-style-v11 .jj-blog-v11-banner h2,
body.jj-blog-style-v11 .jj-blog-v11-banner h3,
body.jj-blog-style-v11 .jj-blog-v11-banner .page-title{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:54px!important;
  line-height:1.05!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
  text-align:center!important;
  text-shadow:none!important;
  opacity:1!important;
}

body.jj-blog-style-v11 .jj-blog-v11-subtitle{
  width:100%!important;
  max-width:780px!important;
  margin:17px auto 0!important;
  padding:0!important;
  color:var(--jj-sub)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:400!important;
  text-align:center!important;
}

@media (max-width: 1024px){
  body.jj-blog-style-v11 .jj-blog-v11-banner{
    height:200px!important;
    min-height:200px!important;
    margin-top:44px!important;
    padding:34px 22px!important;
  }
  body.jj-blog-style-v11 .jj-blog-v11-title,
  body.jj-blog-style-v11 .jj-blog-v11-banner h1,
  body.jj-blog-style-v11 .jj-blog-v11-banner h2,
  body.jj-blog-style-v11 .jj-blog-v11-banner h3,
  body.jj-blog-style-v11 .jj-blog-v11-banner .page-title{
    font-size:44px!important;
  }
  body.jj-blog-style-v11 .jj-blog-v11-subtitle{
    font-size:15px!important;
  }
}

@media (max-width: 767px){
  body.jj-blog-style-v11 .jj-blog-v11-banner{
    height:175px!important;
    min-height:175px!important;
    margin-top:28px!important;
    padding:28px 18px!important;
  }
  body.jj-blog-style-v11 .jj-blog-v11-title,
  body.jj-blog-style-v11 .jj-blog-v11-banner h1,
  body.jj-blog-style-v11 .jj-blog-v11-banner h2,
  body.jj-blog-style-v11 .jj-blog-v11-banner h3,
  body.jj-blog-style-v11 .jj-blog-v11-banner .page-title{
    font-size:34px!important;
  }
  body.jj-blog-style-v11 .jj-blog-v11-subtitle{
    margin-top:11px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
}