.elementor-9345 .elementor-element.elementor-element-6f86035{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:29px;--padding-bottom:54px;--padding-left:20px;--padding-right:20px;}.elementor-9345 .elementor-element.elementor-element-6f86035:not(.elementor-motion-effects-element-type-background), .elementor-9345 .elementor-element.elementor-element-6f86035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9345 .elementor-element.elementor-element-7119843{--display:flex;--min-height:355px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-9345 .elementor-element.elementor-element-7119843:not(.elementor-motion-effects-element-type-background), .elementor-9345 .elementor-element.elementor-element-7119843 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-9345 .elementor-element.elementor-element-b574f60{text-align:center;}.elementor-9345 .elementor-element.elementor-element-b574f60 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:64px;font-weight:800;line-height:1.2em;color:#FD796D;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9345 .elementor-element.elementor-element-9e8e54a{text-align:center;font-family:"Noto Sans Thai", Sans-serif;font-size:32px;font-weight:500;line-height:1.5em;color:#454545;}.elementor-9345 .elementor-element.elementor-element-5b431f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:55px;--padding-bottom:66px;--padding-left:20px;--padding-right:20px;}.elementor-9345 .elementor-element.elementor-element-5b431f9:not(.elementor-motion-effects-element-type-background), .elementor-9345 .elementor-element.elementor-element-5b431f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-9345 .elementor-element.elementor-element-3644436{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9345 .elementor-element.elementor-element-b2d45c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9345 .elementor-element.elementor-element-b2d45c6 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:32px;font-weight:700;line-height:42px;color:#0F172A;}.elementor-9345 .elementor-element.elementor-element-41ad34f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;--e-filter-space-between:10px;--e-filter-normal-text-color:#64748B;--e-filter-hover-text-color:#FF6B6B;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:999px 999px 999px 999px;}.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E3E6EE;}.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF6B6B;}.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[aria-pressed="true"]{background-color:#FF6B6B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF6B6B;}.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item{font-size:14px;font-weight:500;line-height:20px;padding:10px 24px 10px 24px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-9345 .elementor-element.elementor-element-6fab5ba{--grid-columns:3;}.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-repeater-item-sbyfeatured{grid-column:span min( 3, var(--grid-columns) );}.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination{text-align:center;font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:500;line-height:24px;margin-top:56px;}.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers:not(.dots){color:#64748B;}.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination a.page-numbers:hover{color:#FD796D;}.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers.current{color:#FFFFFF;}body:not(.rtl) .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 8px/2 );}body:not(.rtl) .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 8px/2 );}body.rtl .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 8px/2 );}body.rtl .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 8px/2 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-9345 .elementor-element.elementor-element-b574f60 .elementor-heading-title{font-size:52px;line-height:1.2em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-9345 .elementor-element.elementor-element-9e8e54a{font-size:26px;line-height:1.45em;}.elementor-9345 .elementor-element.elementor-element-41ad34f{--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-9345 .elementor-element.elementor-element-6fab5ba{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-9345 .elementor-element.elementor-element-b574f60 .elementor-heading-title{font-size:34px;line-height:1.25em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-9345 .elementor-element.elementor-element-9e8e54a{font-size:18px;line-height:1.5em;}.elementor-9345 .elementor-element.elementor-element-5b431f9{--padding-top:36px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-9345 .elementor-element.elementor-element-41ad34f{--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-9345 .elementor-element.elementor-element-6fab5ba{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-41ad34f */.elementor-9345 .elementor-element.elementor-element-41ad34f{position:relative;} .elementor-9345 .elementor-element.elementor-element-41ad34f::before, .elementor-9345 .elementor-element.elementor-element-41ad34f::after{display:none !important;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;overflow:visible;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item{white-space:nowrap;border-radius:999px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 2px 6px rgba(15,23,42,0.03);box-sizing:border-box;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[aria-pressed="true"]{box-shadow:0 8px 18px rgba(255,107,107,0.18);} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="social-media"], .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="uncategorized"], .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="hilight"], .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="highlight"], .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="vdo"]{display:none;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="__all"]{order:-20;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="hiv-testing-self-test"]{order:-19;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="hiv-prevention"]{order:-18;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="hiv-aids"]{order:-17;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="sexually-transmitted-disease"]{order:-16;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="contraception-pregnancy"]{order:-15;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="sexual-health-relationships"]{order:-14;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="mental-health"]{order:-13;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="news-activity"]{order:-12;} @media (max-width:1024px){.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter{justify-content:flex-start;flex-wrap:wrap;gap:10px;overflow:visible;padding:0;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item{flex:0 1 auto;scroll-snap-align:unset;}} @media (max-width:767px){.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter{gap:9px 8px;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item{box-sizing:border-box !important;display:inline-flex;align-items:center;justify-content:center;min-height:40px;height:auto !important;max-width:100%;white-space:normal;text-align:center;line-height:1.3 !important;font-size:13px !important;padding:7px 14px !important;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="__all"]{padding-left:18px !important;padding-right:18px !important;} } @media (max-width:380px){.elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter{gap:8px 7px;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item{font-size:12.5px !important;padding-left:12px !important;padding-right:12px !important;} .elementor-9345 .elementor-element.elementor-element-41ad34f .e-filter-item[data-filter="__all"]{padding-left:16px !important;padding-right:16px !important;}}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6fab5ba */.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-loop;}}-container{gap:32px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .e-loop-item > style{display:none !important;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .e-load-more-anchor, .elementor-9345 .elementor-element.elementor-element-6fab5ba .e-load-more-spinner, .elementor-9345 .elementor-element.elementor-element-6fab5ba .e-load-more-message{display:none !important;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-8444 .elementor-element.elementor-element-ed79406{display:none !important;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-repeater-item-sbyfeatured{height:auto !important;max-height:none !important;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:56px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:1px solid #E5E7EB;border-radius:12px;background:#FFFFFF;color:#64748B;text-decoration:none;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.04);} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers.current{background:#FD796D;border-color:#FD796D;color:#FFFFFF;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination a.page-numbers:hover{border-color:#FD796D;color:#FD796D;background:#FFFFFF;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers.dots{width:24px;min-width:24px;border:0;background:transparent;box-shadow:none;color:#94A3B8;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .prev, .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .next{font-size:28px;font-weight:400;color:#64748B;} @media(max-width:900px){.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-loop-container{gap:28px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-repeater-item-sbyfeatured{height:auto !important;max-height:none !important;}} @media(max-width:767px){.elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-loop-container{gap:24px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination{gap:7px;margin-top:34px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers{width:34px;height:34px;min-width:34px;border-radius:10px;font-size:14px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .page-numbers.dots{width:18px;min-width:18px;} .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .prev, .elementor-9345 .elementor-element.elementor-element-6fab5ba .elementor-pagination .next{font-size:24px;}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3644436 */.elementor-9345 .elementor-element.elementor-element-3644436{max-width:1200px !important;padding-left:0 !important;padding-right:0 !important;}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');

.elementor-page-9345,
.elementor-page-9345 * {
  box-sizing: border-box;
}

.elementor-page-9345 {
  font-family: 'Noto Sans Thai', Arial, sans-serif;
  color: #454545;
  background: #ffffff;
}

#sby-blog-hero,
#sby-blog-main-inner {
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

#sby-blog-hero {
  position: relative;
  overflow: hidden;
  background: #FFFAF0 !important;
  background-image: none !important;
  border: 0;
  border-radius: 24px;
  isolation: isolate;
}

#sby-blog-hero::after {
  content: '';
  position: absolute;
  left: 842px;
  top: 35px;
  width: 400px;
  height: 336px;
  background-image: url('https://standbyyou.info/wp-content/uploads/2026/06/98f722a5-0084-4bbe-8ded-a2220e5c9124.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

#sby-blog-hero > .elementor-element {
  position: relative;
  z-index: 1;
  transform: translateY(-10px);
}

#sby-blog-hero-title,
#sby-blog-hero-subtitle {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

#sby-blog-hero-title {
  width: auto !important;
  max-width: 100%;
}

#sby-blog-hero-title .elementor-heading-title,
#sby-blog-section-title .elementor-heading-title {
  margin: 0;
  letter-spacing: 0;
}

#sby-blog-hero-title .elementor-heading-title {
  display: inline-block;
  color: #FD796D;
  background: linear-gradient(93.58deg, #FD796D 1%, #8843C4 156.5%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#sby-blog-hero-subtitle {
  width: 100%;
  max-width: 896px;
  margin-top: 20px !important;
  color: #454545;
}

#sby-blog-hero-subtitle .elementor-widget-container,
#sby-blog-hero-subtitle p {
  margin: 0;
  text-align: center;
}

@media (max-width: 1024px) {
  #sby-blog-hero-wrap {
    padding-top: 24px;
    padding-bottom: 42px;
  }

  #sby-blog-hero {
    min-height: 300px;
    padding-left: 28px;
    padding-right: 28px;
  }

  #sby-blog-hero::after {
    left: auto;
    right: -62px;
    top: 18px;
    width: 300px;
    height: 252px;
    opacity: 0.85;
  }

  #sby-blog-hero > .elementor-element {
    transform: translateY(-6px);
  }

  #sby-blog-hero-subtitle {
    max-width: 760px;
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  #sby-blog-hero-wrap {
    padding-top: 20px;
    padding-bottom: 34px;
  }

  #sby-blog-hero {
    min-height: 220px;
    border-radius: 18px;
    padding: 32px 18px;
  }

  #sby-blog-hero::after {
    right: -84px;
    top: 8px;
    width: 230px;
    height: 194px;
    opacity: 0.55;
  }

  #sby-blog-hero > .elementor-element {
    transform: none;
  }

  #sby-blog-hero-subtitle {
    max-width: 330px;
    margin-top: 10px !important;
  }

  #sby-blog-main {
    padding-top: 40px;
    padding-bottom: 48px;
  }

  #sby-blog-section-title .elementor-heading-title {
    font-size: 26px;
    line-height: 34px;
  }
}/* End custom CSS */