\:root
  --color0:#292929
  --color1:#77003F
  --color2:#FFF
  --color3:#FFE6E0
  --f70:70px
  --f65:65.469px
  --f45:45px
  --f39:39.621px
  --f26:26px
  --f23:23.333px
  --f20:20px
  --f18:18px
  --f14:14px

.about_talk_sec .w-btn:hover, .contact-cta .w-btn:hover, .pcq_pall_form input#gform_submit_button_3:hover, .sign_up_sec button.w-btn:hover, .pcq_info_form .gform_footer input#gform_submit_button_2:hover
  background: transparent !important
  border-color: #77003F !important
  color: #77003F !important

body .w-btn.btn-maroon
  background: var(--color1)
  border-color: var(--color1)

  &:hover
    background: transparent
    border-color: var(--color1)
    color: var(--color1) !important

section
  &.about_content_sec
    padding-top: 96px !important
    padding-bottom: 96px !important
    max-width: 1042px
    width: 100%

  &.about_guide_sec
    padding-top: 107px !important
    padding-bottom: 107px !important
    max-width: 1130px
    width: 100%

    .g-cols
      gap: 0

.about_guide_sec p.pcq_content
  font-size: var(--f23)

section
  &.about_extra_sec
    padding-top: 106px !important
    padding-bottom: 82px !important

    .g-cols
      grid-gap: 51px !important

    h4.pcq_title
      margin-left: 131px
      width: 80%

  &.about_line
    padding-top: 0 !important
    padding-bottom: 0 !important

  &.about_talk_sec
    background: var(--color3)
    padding-top: 111px !important
    padding-bottom: 64px !important

  &.about_team_sec
    padding-top: 67px !important
    padding-bottom: 162px !important

  &.sign-up-form-sec
    padding-top: 83px !important
    padding-bottom: 65px !important

  &.sign_up_sec
    padding-top: 83px !important
    padding-bottom: 103px !important

  &.pcq_focus_title
    padding-top: 89px !important
    padding-bottom: 58px !important

  &.pcq_focus_grid
    padding-top: 58px !important
    padding-bottom: 89px !important

  &.contact-content
    padding-top: 88px !important
    padding-bottom: 99px !important

  &.about_gover_sec
    padding-top: 69px
    padding-bottom: 90px

  &.pcq_rn_main_sec
    padding-top: 0px !important
    padding-bottom: 67px !important

  &.pcq_course_sec
    padding-top: 35px !important
    padding-bottom: 58px !important

body section
  &.contact-cta
    padding-top: 82px !important
    padding-bottom: 60px !important

  &.contact-info
    padding-top: 108px !important
    padding-bottom: 136px !important

section.about_line .w-separator.size_medium.with_line
  height: 1rem

h4.pcq_title, .pcq_title h4, .contact-content h4
  color: var(--color0)
  font-size: var(--f39)
  font-weight: 600
  line-height: 110%
  letter-spacing: -0.792px

p.pcq_content
  color: var(--color0)
  font-size: var(--f20)
  font-weight: 400
  line-height: 150%

.about_content_sec
  .pcq_title
    width: 69%
    margin-bottom: 32px

  .pcq_content
    width: 324px

  .w-image-h img
    width: 100% !important
    border-radius: 40px

  .g-cols
    grid-gap: 78px !important

.about_guide_sec .pcq_down_sec
  margin-top: 210px

body .contact-cta .wpb_wrapper p
  color: var(--color1)
  font-size: var(--f20)
  font-weight: 400
  line-height: 150%
  width: 90%
  margin: 0 auto

.contact-cta
  .l-section-h
    max-width: 600px !important

  h4
    color: var(--color1)
    font-size: var(--f39)
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.792px
    margin-bottom: 35px

  p
    margin-bottom: 58px !important

  a.w-btn
    padding: 20px 80px

.pcd_team_title_sec
  h4
    color: var(--color2)
    font-size: var(--f39)
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.792px

  p
    color: var(--color2)
    font-size: var(--f20)
    font-weight: 400
    line-height: 150%
    width: 50%
    margin: 0 auto

body .team1
  margin-top: 136px !important

.pcd_team_sec .wpb_wrapper
  padding-top: 21px

  p
    color: var(--color2)
    font-size: var(--f18)
    font-weight: 400
    line-height: 150%
    margin: 0

.about_extra_sec .wpb_wrapper
  margin-top: 100px

  p
    color: var(--color0)
    font-size: var(--f20)
    font-weight: 400
    line-height: 150%
    width: 77%

.about_talk_sec .wpb_wrapper h3
  text-align: center

body .about_talk_sec .g-cols
  grid-gap: 69px

.about_talk_sec
  h3
    color: var(--color1)
    font-size: var(--f45)
    font-weight: 600
    line-height: 100%

  .wpb_wrapper p
    width: 61%
    color: var(--color1)
    font-size: var(--f18)
    font-weight: 400
    line-height: 150%

  .w-btn
    padding: 19px 45px
    border-color: transparent
    min-width: 202px
    min-height: 62px

.about_talk_btn
  margin-top: 54px

.about_team_sec .pcd_team_title_sec h4
  margin-bottom: 44px

section#sign-form
  display: none

body .page-header
  .page-header-title h1
    color: var(--color2)
    font-size: var(--f70)
    font-weight: 600
    line-height: 125%
    letter-spacing: -1.4px

  .page-intro p
    color: var(--color2)
    font-size: var(--f20)
    font-weight: 400
    line-height: 150%

.about_guide_sec h2
  color: var(--color0)
  font-size: var(--f65)
  font-weight: 600
  line-height: 120%
  letter-spacing: -1.309px

.contact-info .pcq_title h4
  margin-bottom: 64px

.pcq_tab_sec
  .w-btn-wrapper
    margin: 20px 0

  .pcq_tab
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -webkit-box-pack: justify
    -ms-flex-pack: justify
    justify-content: space-between
    -webkit-box-align: center
    -ms-flex-align: center
    align-items: center
    padding: 18px 30px 19px 71px
    position: relative
    max-width: 1073px

    &:after
      content: ""
      position: absolute
      top: 21px
      right: 30px
      background-image: url(../images/arrow.svg)
      background-size: contain
      background-repeat: no-repeat
      width: 50px
      height: 50px

    i
      opacity: 0

    &:hover:after
      -webkit-filter: brightness(1) invert(1)
      filter: brightness(1) invert(1)

.pcq_tab
  border-radius: 79px !important
  border: 0px solid var(--color0)
  background: var(--color2)

  span.w-btn-label
    color: var(--color0)
    font-size: var(--f26)
    font-weight: 400
    line-height: 150%

.sign_up_sec .w-btn-wrapper
  margin-top: 53px

.sign-up-form-sec
  .wpb_wrapper
    h3
      color: var(--color1)
      font-size: var(--f45)
      font-weight: 600
      line-height: 100%

    p
      color: var(--color1)
      font-size: var(--f18)
      font-weight: 400
      line-height: 150%
      width: 90%

  .pcd_info_sec
    margin-bottom: 73px !important

body .sign-up-form-sec .pcq_info_form input
  color: #333
  font-size: var(--f18) !important
  font-weight: 400
  line-height: 150%
  background: transparent

.sign-up-form-sec
  .gform_wrapper.gravity-theme .gform_fields
    grid-row-gap: 13px

  .spacer.gfield
    display: none

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price)
  padding: 12px 24px !important
  background: transparent

.pcq_info_form .gform_footer
  -webkit-box-pack: center
  -ms-flex-pack: center
  justify-content: center
  margin-top: 73px !important
  padding-top: 0 !important
  padding-bottom: 0 !important

  input#gform_submit_button_2
    background: var(--color1)
    padding: 17px 58px

.sign_up_sec button.w-btn
  padding: 20px 66px

.pcq_tab:hover span
  color: var(--color2)

.pcq_focus_grid
  .owl-item
    &.active.center .item
      background: var(--color1)

      h4, p
        color: var(--color2)

    .item
      border-radius: 40px
      border: 1px solid #000
      background: var(--color2)
      text-align: center
      padding: 41px
      max-width: 50%
      min-height: 550px
      width: 100%
      margin-left: auto
      margin-right: auto

  .item
    h4
      margin-top: 76px
      margin-bottom: 72px
      padding-top: 0

    p.pcq_content
      font-size: var(--f18)
      margin-bottom: 0

  .owl-nav
    .owl-prev
      position: absolute
      top: 50%
      left: 24%

    .owl-next
      position: absolute
      top: 50%
      right: 24%

  button
    &.owl-prev
      background-image: url(../images/left.svg) !important
      background-size: 100% auto !important
      background-repeat: no-repeat !important
      width: 84px
      height: 84px

    &.owl-next
      background-image: url(../images/right.svg) !important
      background-size: 100% auto !important
      background-repeat: no-repeat !important
      width: 84px
      height: 84px

    &.owl-prev span, &.owl-next span
      opacity: 0

    &.owl-prev:after, &.owl-next:after
      display: none

.pcq_focus_title
  h4
    width: 38%
    margin: 0 auto 48px

  .pcq_content
    width: 42%
    margin: 0 auto

body .pcq_pall_form input
  background-color: transparent
  color: #000000
  font-size: var(--f18)
  font-weight: 400
  line-height: 150%

.pcq_pall_form
  #field_3_8 a
    color: var(--color1)
    text-align: center
    font-size: var(--f18)
    font-weight: 600
    line-height: 150%

  div#field_3_8
    text-align: center
    margin-top: 65px
    margin-bottom: 37px

  .gform_footer.top_label
    -webkit-box-pack: center
    -ms-flex-pack: center
    justify-content: center

  input#gform_submit_button_3
    border-radius: 64px
    border: 1px solid var(--color1)
    background: var(--color1)
    margin-bottom: 0
    min-width: 393px
    min-height: 62px

  .spacer.gfield
    display: none !important

  div#gform_fields_3
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -webkit-box-orient: vertical
    -webkit-box-direction: normal
    -ms-flex-direction: column
    flex-direction: column

  .ginput_container
    max-width: 500px
    width: 100%
    margin: 0 auto

  &.gravity-theme .gfield_description
    max-width: 500px
    width: 100%
    margin: 7px auto

section.contact-content .gform_footer
  padding: 0 !important

.contact-content
  h4
    margin-bottom: 32px

  p
    text-align: center
    font-size: var(--f18)
    font-weight: 400
    line-height: 150%
    width: 80%
    margin: 0 auto 54px

body
  .contact-content .intro
    margin: 0 auto 27px

  .gform_wrapper input:focus
    background: transparent !important
    color: #000 !important

  .contact-info .l-section-h
    max-width: 1073px

.cat-list
  display: grid
  grid-template-columns: repeat(4, 1fr)
  gap: 15px

.sign-up-form-sec .l-section-h
  width: 100%
  max-width: 852px

.course-list
  list-style: none
  display: -webkit-box
  display: -ms-flexbox
  display: flex
  -ms-flex-wrap: wrap
  flex-wrap: wrap
  -webkit-box-pack: justify
  -ms-flex-pack: justify
  justify-content: space-between
  padding: 0

.course-data
  -webkit-box-flex: 0
  -ms-flex: 0 0 calc(33.333% - 20px)
  flex: 0 0 calc(33.333% - 20px)
  margin-bottom: 20px
  padding: 10px
  border: 1px solid #ddd
  -webkit-box-sizing: border-box
  box-sizing: border-box

.pcq_focus_grid
  .w-grid-item-h
    border-radius: 40px
    border: 1px solid #000
    background: var(--color2)
    text-align: center
    padding: 41px
    max-width: 419px
    min-height: 560px
    width: 100%
    margin-left: auto
    margin-right: auto

    h4
      color: var(--color0)
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-top: 15px
      margin-bottom: 15px !important
      min-height: 207px
      display: -webkit-box
      display: -ms-flexbox
      display: flex
      -webkit-box-pack: center
      -ms-flex-pack: center
      justify-content: center
      -webkit-box-align: center
      -ms-flex-align: center
      align-items: center
      padding-top: 0

    p
      font-size: var(--f18)
      margin-bottom: 0
      color: var(--color0)
      font-weight: 400
      line-height: 150%

  .owl-nav button
    &.owl-prev
      left: 24% !important

    &.owl-next
      right: 24% !important

  .active.center .w-grid-item-h
    background-color: var(--color1)
    border: unset

    h4, p
      color: var(--color2)

  article.w-grid-item
    padding: 0 !important

.pcq_team_sec
  margin-top: 136px

  .w-grid-item-h
    img
      border-radius: 15px

    h6
      margin-top: 21px
      color: var(--color2)
      font-size: var(--f18)
      font-weight: 400
      line-height: 150%

  .w-grid-item
    padding: 24px !important

.about_gover_sec
  .about_gov_title
    h4
      color: var(--color2)
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 44px

    p
      color: var(--color2)
      font-size: var(--f20)
      font-weight: 400
      line-height: 150%
      width: 55%
      margin: 0 auto 92px

  .w-grid-list
    h6
      color: var(--color2)
      font-size: var(--f18)
      font-weight: 400
      line-height: 150%
      margin-top: 21px

    p
      color: var(--color2)
      font-size: var(--f20)
      font-weight: 700
      line-height: 130%
      margin-bottom: 0

    img
      border-radius: 15px

  .about_gm_sec
    margin-top: 90px

.about_ec_sec h5, .about_gm_sec h5
  color: var(--color2)
  text-align: center
  font-size: var(--f26)
  font-weight: 600
  line-height: 150%
  margin-bottom: 30px !important

body .home_about_talk_sec .g-cols
  grid-gap: 43px

.post-details
  grid-area: span 1/1/auto/span 4
  position: relative
  padding-top: 63px
  width: 100% !important

.about_govgrid_sec
  .w-grid-list
    width: 100% !important
    display: grid !important
    grid-template-columns: repeat(4, 1fr)
    grid-auto-flow: dense
    gap: 45px
    grid-template-rows: -webkit-min-content
    grid-template-rows: min-content
    margin: 0 !important

  .w-grid-item
    width: 100% !important
    padding: 0 !important

.about_gover_sec .post-details p
  color: var(--color2)
  font-size: var(--f14)
  font-weight: 400
  line-height: 150%
  margin-bottom: 10px

.post-details
  &:after
    content: ""
    position: absolute
    top: 0
    left: -1000%
    right: -10000%
    margin-left: auto
    margin-right: auto
    height: 1px
    background: var(--color2)
    z-index: 1111

  .close-post
    position: absolute
    top: 14px
    right: 0
    font-size: 30px
    cursor: pointer

.post-details-content
  width: 100%
  max-width: 707px

.pcq_la_title
  .wpb_wrapper
    h4
      color: var(--color0)
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px

    p
      color: var(--color0)
      font-size: var(--f20)
      font-weight: 400
      line-height: 150%

  .vc_column-inner
    p
      width: 35%
      margin-bottom: 49px

    h4
      width: 40%
      margin-bottom: 40px

  .pcq_rn_btn
    padding: 20px 88px
    margin-top: 49px

  p:last-child
    margin-bottom: 0

.pcq_image_sec
  .w-image-h img
    border-radius: 40px

  .wpb_column
    &:nth-child(2)
      margin-top: -100px

    &:nth-child(3)
      margin-top: -180px

.pcq_last
  .wpb_wrapper h3
    text-align: left

  &.wpb_wrapper p
    width: 67%

.pcq_la_title2
  .vc_column-inner p
    width: 40%
    margin-bottom: 25px

    &:last-child
      margin-bottom: 0

  .pcq_rn_btn
    margin-top: 87px

.pcq_last2 .wpb_wrapper p
  width: 67%

.pcq_last .wpb_wrapper
  p
    width: 67%

  h3
    width: 79%
    margin-left: 80px

.pcq_last2 .wpb_wrapper h3
  width: 79%
  margin-left: 80px

.about_talk_sec .wpb_wrapper h3
  margin-left: 80px

.pcq_last a.w-btn, .pcq_last2 a.w-btn
  margin-top: 80px

.l-section.basic-course-sec.height_medium
  padding-top: 108px
  padding-bottom: 61px

.basic-course-sec
  .vc_column-inner
    width: 100%
    max-width: 1120px
    margin-left: auto
    margin-right: auto

    > .cols_3
      margin-top: 84px

    .w-grid[class*="cols_"] .w-grid-item
      padding: 0 17.5px 47px 17.5px
      width: 33.33%
      height: inherit
      cursor: pointer

    .w-grid-item .w-grid-item-h
      background-color: #09ABA5
      padding: 42px
      border-radius: 30px
      text-align: center
      display: -webkit-box
      display: -ms-flexbox
      display: flex
      -ms-flex-wrap: wrap
      flex-wrap: wrap
      -webkit-box-orient: vertical
      -webkit-box-direction: normal
      -ms-flex-direction: column
      flex-direction: column
      -webkit-box-align: center
      -ms-flex-align: center
      align-items: center
      transition: 0.3s all

  .w-grid.valign_center .w-grid-list
    display: flex
    flex-wrap: wrap
    justify-content: center
    grid-template-columns: repeat(3, 1fr)
    grid-auto-flow: dense
    grid-template-rows: -webkit-min-content
    grid-template-rows: min-content
    align-items: unset

  .wpb_wrapper
    text-align: center
    max-width: 478px
    margin-left: auto
    margin-right: auto

    h3
      font-size: var(--f39)
      font-weight: 700
      margin-bottom: 30px

    p
      font-size: var(--f20)
      line-height: 150%

  .w-post-elm.post_image
    height: 36px
    margin-bottom: 46px

    img
      width: 100%
      height: 100%
      -o-object-fit: contain
      object-fit: contain

  div.w-grid div .post_title
    min-height: 110px
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -webkit-box-pack: center
    -ms-flex-pack: center
    justify-content: center
    -webkit-box-align: center
    -ms-flex-align: center
    align-items: center
    font-size: 30px
    font-weight: 600
    color: var(--color2)
    margin-bottom: 40px

  .w-grid
    div .w-post-elm.post_custom_field
      font-size: var(--f14)
      color: var(--color2)

      /* max-width: 51%;
      margin-left: auto
      margin-right: auto
      margin-bottom: 40px

      p
        margin-bottom: 0px

    .w-btn
      background-color: transparent !important
      border: none
      padding: 0
      font-weight: 600
      margin-top: auto

      &::before
        display: none

div.cols_3 > div > .course-details
  grid-area: span 1/1/auto/span 3
  width: calc(100% - 35px)
  border-radius: 33px
  border: 1px solid #292929
  padding: 60px 56px
  margin-left: auto
  margin-right: auto
  display: -webkit-box
  display: -ms-flexbox
  display: flex
  -ms-flex-wrap: wrap
  flex-wrap: wrap
  position: relative
  margin-bottom: 40px

.course-details
  > *
    -webkit-box-flex: 1
    -ms-flex: 1
    flex: 1
    padding: 0 18px

    h5
      position: relative
      font-size: var(--f14)
      font-weight: 600
      padding-left: 37px
      margin-bottom: 20px

      &::before
        content: ""
        position: absolute
        top: 50%
        left: 0
        -webkit-transform: translateY(-50%)
        transform: translateY(-50%)
        width: 17px
        height: 17px
        border-radius: 50%
        background-color: #000

      &.summary-title::before
        background-color: #F7961D

      &.learning-title::before
        background-color: #77003F

  .close-course-detail
    position: absolute
    top: 40px
    right: 40px
    width: 44px
    height: 44px
    font-size: var(--f39)
    cursor: pointer
    padding: 10px
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -webkit-box-align: center
    -ms-flex-align: center
    align-items: center
    -webkit-box-pack: center
    -ms-flex-pack: center
    justify-content: center

  p, span
    font-size: var(--f14)
    line-height: 150%
    display: block
    color: #000

  p ~ p
    color: #59595B

.pcq_course_sec
  .l-section-h > .g-cols
    border-radius: 33px
    border: 1px solid var(--color0)
    padding: 60px 56px
    margin-left: auto
    margin-right: auto
    position: relative

  .wpb_wrapper
    h5
      position: relative
      font-size: var(--f14)
      font-weight: 600
      padding-left: 37px
      margin-bottom: 20px

    p
      font-size: var(--f14)
      line-height: 150%
      display: block
      color: #000

    h5:before
      content: ""
      position: absolute
      top: 35%
      left: 0
      -webkit-transform: translateY(-50%)
      transform: translateY(-50%)
      width: 17px
      height: 17px
      border-radius: 50%
      background-color: #000

section.pcq_image_sec
  padding-bottom: 34px !important

.pcq_course_sec
  .pcq_summary_title .wpb_wrapper h5:before
    background-color: #F7961D

  .pcq_lo_sec .wpb_wrapper h5:before
    background-color: #77003F

.pcq_rn_main_sec .pcq_rn_btn
  padding: 20px 88px

.pcq_bg_img
  position: relative

  &:before
    content: ""
    position: absolute
    top: 50%
    left: 50%
    -webkit-transform: translate(-50%, -50%)
    transform: translate(-50%, -50%)
    background: url(../images/lastaid.png)
    background-size: contain
    background-repeat: no-repeat
    width: 305px
    height: 178px

section.wpb_row.pcq_la_title
  padding-top: 95px !important
  padding-bottom: 110px !important

body .pcq_image_sec .g-cols
  grid-gap: 49px

.pcq_image_sec .w-image-h img
  min-height: 477px
  -o-object-fit: cover
  object-fit: cover

.pcq_summary_title .wpb_wrapper p ~ p
  color: #59595B

.course-reg-btn
  width: 100%
  -webkit-box-flex: 100%
  -ms-flex: 100%
  flex: 100%
  text-align: center

body .basic-course-sec .course-reg-btn .w-btn
  font-size: var(--f14)
  line-height: 150%
  font-weight: 400
  font-style: normal
  text-transform: none
  letter-spacing: 0em
  border-radius: 32px
  padding: 21px 53px
  background: #1A0F3D !important
  border: 1px solid #1A0F3D
  color: var(--color2) !important

  &:hover
    background: transparent !important

    span
      color: #1A0F3D

  span
    color: var(--color2)

.pcq_image_sec
  .wpb_column
    /* opacity:0;

    &:nth-child(1)
      -webkit-transform: translateY(100px)
      transform: translateY(100px)

    &:nth-child(3)
      -webkit-transform: translateY(150px)
      transform: translateY(150px)

  &.card-active .wpb_column
    opacity: 1

    &:nth-child(1)
      -webkit-transform: translateY(0px)
      transform: translateY(0px)

    &:nth-child(2)
      -webkit-transform: translateY(0px)
      transform: translateY(0px)
      -webkit-transition: all 0.5s ease
      transition: all 0.5s ease

    &:nth-child(3)
      -webkit-transform: translateY(0px)
      transform: translateY(0px)
      -webkit-transition: all 1s ease
      transition: all 1s ease

.post-details-title
  text-transform: uppercase
  color: var(--color2)
  font-size: 14px
  font-weight: 600
  line-height: 150%
  margin-bottom: 20px

.pcq_focus_grid .usg_post_custom_field_1
  color: var(--color2)
  text-align: center
  font-size: 18px
  font-weight: 400
  line-height: 150%

.contact-info .us-btn-style_6:before
  border-width: 1px

.about_gover_sec .w-grid-item-h
  cursor: pointer

.gform_wrapper.gravity-theme .gform_validation_errors:focus-visible
  outline: none

div#gform_confirmation_message_2
  font-weight: 600

.gform_wrapper.gravity-theme .gform_validation_errors
  padding: 16px 16px 16px 16px

/* .no-touch .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button:hover,
 *.no-touch .owl-carousel.navpos_inside.navstyle_block>.owl-nav button:hover {
 *    background: rgba(247,150,29,0.5) !important;
 *}

.pcq_course_sec .wpb_wrapper li
  font-size: var(--f14)
  line-height: 150%
  color: #000

.pcq_focus_grid
  position: relative

  .owl-dots
    counter-reset: slides-num
    position: absolute
    top: 100%
    left: 50%
    margin-top: 76px

    &:after
      content: counter(slides-num)
      display: inline-block
      font-size: 20px
      font-weight: 400
      vertical-align: middle
      padding-left: 22px
      position: relative
      left: 5px

  .owl-dot
    display: inline-block
    counter-increment: slides-num
    margin-right: 5px

    span
      display: none

    &.active:before
      content: counter(slides-num) " of "
      display: inline-block
      vertical-align: middle
      font-size: 20px
      font-weight: 400
      position: absolute
      left: 0
      top: 18px
      width: 50px

  .active.center .w-grid-item-h ul li
    color: var(--color2)

  .w-grid-item-h ul li
    margin-top: 10px
    text-align: left

.pcq_st_page_grid
  .w-grid-item-h p
    min-height: 108px

  .active.center
    .w-grid-item-h
      background-color: #1A0F3D
      border: unset
      position: relative

    .fa-long-arrow-right:before, .w-btn-label
      color: var(--color2)

  .w-btn-label
    font-size: var(--f20)
    font-weight: 600
    line-height: 150%
    color: var(--color0)

  a.w-btn
    background: transparent
    border: none !important
    padding: 0
    position: absolute
    bottom: 6%
    left: 45%
    -webkit-transform: translateX(-50px)
    transform: translateX(-50px)

    &:before
      display: none

  .fa-long-arrow-right:before
    color: var(--color0)
    top: 16%
    right: -25px
    position: absolute

/* .pcq_st_page_grid .owl-dots:after {
 *  padding-left: 20px;
 *}
/* .pcq_focus_grid .w-grid-item-h h4{
 *  font-size: 30px;
 *}

.pcq_tab_sec .pcq_title
  width: 50%
  margin: 0 auto

.pcq_wt_title
  h4
    width: 52%

  .pcq_content
    width: 58%
    margin: 0 auto

.pcq_wt_grid
  .w-grid-item-h
    text-align: left

    h4
      margin-top: 35px
      margin-bottom: 49px !important
      text-align: left

  .owl-stage
    -webkit-box-align: stretch !important
    -ms-flex-align: stretch !important
    align-items: stretch !important

  .owl-stage-outer
    margin-bottom: 90px

  .owl-nav
    .owl-prev
      position: relative
      top: 50%
      -webkit-transform: unset
      transform: unset

    .owl-next
      position: absolute
      bottom: 0
      top: unset
      -webkit-transform: unset
      transform: unset

  .owl-dots
    margin-top: -48px

  .owl-nav button
    &.owl-next
      right: 37% !important

    &.owl-prev
      left: 70% !important

/* .pcq_wt_grid .owl-dots:after {
 *  padding-left: 30px;
 *}

section.pcq_wt_grid
  padding-top: 58px !important
  padding-bottom: 108px !important

.pcq_wt_grid
  .owl-stage-outer
    overflow: visible !important

  .w-grid-list
    padding-right: 45% !important

    /* padding-left: 120px !important
    padding-left: calc((100% - 1140px)/2)

  .w-grid-item-h
    max-width: 100%
    margin-right: 57px

section.pcq_wt_grid
  overflow: hidden

  .owl-item
    margin-right: 57px

.pcq_wt_grid
  .owl-item.active
    .w-grid-item-h
      background: #1A0F3D

      h4, p, ul li
        color: var(--color2) !important

    .w-btn
      color: var(--color2) !important

  .w-grid-item-h ul li
    color: var(--color0) !important

  .w-btn
    background: transparent
    border-color: unset
    padding: 3px
    margin-top: 27px
    color: var(--color0) !important
    font-size: var(--f20)
    font-weight: 600
    line-height: 150%
    position: absolute
    bottom: 8%

    &:hover
      background: transparent !important

  .owl-item.active .w-grid-item-h p
    font-size: var(--f20)

  .w-btn:before
    display: none

  .w-grid-item-h
    padding: 35px 55px

  .owl-item.active a.w-btn:hover
    background: transparent

.pcq_st_page_grid a.w-btn:hover
  background: transparent

.pcq_pc
  .post_image img.wp-post-image
    max-width: 108px
    min-height: 108px
    border-radius: 20px

  .owl-item.active .w-grid-item-h
    background: #77003F
    border-color: transparent

.wishes_slider
  &.l-section.height_medium
    padding: 88px 0 163px

  .wpb_wrapper h5
    color: var(--color0)
    text-align: center
    font-size: var(--f39)
    font-style: normal
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.792px
    padding-bottom: 73px

  .pcq_focus_grid
    max-width: 1160px
    margin: 0 auto

    .w-grid-item-h
      border: none
      padding: 0
      border-radius: 0
      text-align: unset
      border: none
      padding: 0
      max-width: 851px
      display: -webkit-box
      display: -ms-flexbox
      display: flex
      -ms-flex-wrap: wrap
      flex-wrap: wrap
      -webkit-box-align: center
      -ms-flex-align: center
      align-items: center
      -webkit-box-pack: center
      -ms-flex-pack: center
      justify-content: center
      min-height: unset

  .w-grid-item-h
    .w-post-elm.post_image
      width: 50%

    .w-hwrapper
      width: 47%
      display: block
      padding-left: 58px

      .post_title
        color: var(--color0)
        font-size: var(--f18)
        font-style: normal
        font-weight: 600
        line-height: 150%
        padding-bottom: 20px

    .w-post-elm.post_image img
      width: 100%
      border-radius: 40px

  .pcq_focus_grid
    .owl-nav button
      &.owl-prev
        left: 0 !important

      &.owl-next
        right: 0 !important

    .owl-dots:after, .owl-dot.active:before
      display: none

@media screen and (max-width: 1024px), print
  .wishes_slider
    &.l-section.height_medium
      padding: 68px 0 116px

    .wpb_wrapper h5
      padding-bottom: 40px

    .pcq_focus_grid
      max-width: 710px

      .w-grid-item-h
        max-width: 580px
        padding: 0 !important

    .w-grid-item-h
      .w-post-elm.post_image
        width: 50%

      .w-hwrapper
        width: 50%
        padding-left: 30px

        .post_title
          color: var(--color0)
          font-size: var(--f18)
          font-style: normal
          font-weight: 600
          line-height: 150%
          padding-bottom: 20px
          margin: 0

      .w-post-elm.post_image img
        width: 100%
        border-radius: 40px

    .pcq_focus_grid
      .owl-nav button
        &.owl-prev
          left: -20px !important

        &.owl-next
          right: -20px !important

      .owl-dots:after, .owl-dot.active:before
        display: none

@media screen and (max-width: 767px)
  .wishes_slider
    &.l-section.height_medium
      padding: 68px 0 116px

    .wpb_wrapper h5
      padding-bottom: 30px
      max-width: 75%
      margin: 0 auto

    .pcq_focus_grid
      max-width: 1160px
      margin: 0 auto

      .w-grid-item-h
        padding: 73px 0 0 !important

      .owl-stage-outer
        overflow: hidden !important

    .w-grid-item-h
      .w-post-elm.post_image
        width: 100%
        margin: 0 0 37px

      .w-hwrapper
        width: 100%
        display: block
        padding-left: 0px
        position: unset

        .post_title
          position: absolute
          top: 0
          left: 0
          right: 0
          text-align: center
          max-width: 75%
          margin: 0 auto

      .w-post-elm.post_image img
        width: 100%
        border-radius: 40px

    .pcq_focus_grid
      .owl-nav button
        &.owl-prev
          left: 10px !important
          bottom: unset
          top: 40%

        &.owl-next
          right: 10px !important
          bottom: unset
          top: 40%

      .owl-dots:after, .owl-dot.active:before
        display: none

.wish_fulfill_sec
  &.contact-cta .l-section-h
    max-width: 725px !important

  .us-btn-style_1
    background: var(--color1)
    border-color: var(--color1)

  &.contact-cta p
    margin-bottom: 44px !important

.our_community_sec
  &.height_medium
    padding: 88px 0 115px !important
    border-bottom: 1px solid var(--color0)
    overflow: hidden

  .wpb_wrapper h5
    color: var(--color0)
    text-align: center
    font-size: var(--f39)
    font-style: normal
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.792px
    padding-bottom: 73px

  .w-grid-list
    -webkit-box-align: unset !important
    -ms-flex-align: unset !important
    align-items: unset !important
    margin: 0 -22px !important

    .resources
      padding: 0 22px !important
      height: initial
      min-height: 100%

      .w-grid-item-h
        background-image: url(../images/quote_img.svg)
        background-position: 30px 42px
        background-repeat: no-repeat
        border-radius: 40px
        border: 1px solid var(--color0)
        padding: 97px 42px 25px 30px
        border-radius: 40px
        border: 1px solid var(--color0)
        display: -webkit-box
        display: -ms-flexbox
        display: flex
        -webkit-box-orient: vertical
        -webkit-box-direction: normal
        -ms-flex-direction: column
        flex-direction: column
        -webkit-box-pack: justify
        -ms-flex-pack: justify
        justify-content: space-between
        height: 100%

      .w-post-elm.post_image
        width: 52px
        margin: 0

        img
          border-radius: 10px

  .w-hwrapper.usg_hwrapper_2
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -webkit-box-align: center
    -ms-flex-align: center
    align-items: center

  .w-grid-list .resources .w-hwrapper
    &.usg_hwrapper_1
      display: block
      padding-left: 18px

    .entry-title
      color: var(--color0)
      margin: 0
      font-size: 14px
      font-style: normal
      font-weight: 400
      line-height: normal

    .w-post-elm-value
      color: var(--color0)
      font-size: var(--f14)
      font-weight: 600

@media screen and (max-width: 1024px), print
  .our_community_sec
    &.height_medium
      padding: 40px 0 30px !important
      overflow: hidden

    .wpb_wrapper h5
      padding-bottom: 30px

    .w-grid-list
      -webkit-box-align: unset !important
      -ms-flex-align: unset !important
      align-items: unset !important
      margin: 0 -11px !important
      padding: 0 15px

      .resources
        padding: 0 11px !important
        height: initial
        min-height: 100%
        margin-bottom: 22px
        width: 369px !important

        .w-grid-item-h
          background-image: url(../images/quote_img.svg)
          background-position: 30px 42px
          background-repeat: no-repeat
          border-radius: 40px
          border: 1px solid var(--color0)
          padding: 97px 20px 25px
          border-radius: 20px
          border: 1px solid var(--color0)
          display: -webkit-box
          display: -ms-flexbox
          display: flex
          -webkit-box-orient: vertical
          -webkit-box-direction: normal
          -ms-flex-direction: column
          flex-direction: column
          -webkit-box-pack: justify
          -ms-flex-pack: justify
          justify-content: space-between
          height: 100%

        .w-post-elm.post_image
          width: 35px

          img
            border-radius: 7px

    .w-hwrapper.usg_hwrapper_2
      display: -webkit-box
      display: -ms-flexbox
      display: flex
      -webkit-box-align: center
      -ms-flex-align: center
      align-items: center

    .w-grid-list .resources .w-hwrapper
      &.usg_hwrapper_1
        display: block
        padding-left: 18px

      .entry-title
        color: var(--color0)
        margin: 0
        font-size: 14px
        font-style: normal
        font-weight: 400
        line-height: normal

      .w-post-elm-value
        color: var(--color0)
        font-size: var(--f14)
        font-weight: 600

.home.our_community_sec .wpb_wrapper h5
  padding-bottom: 48px

@media screen and (max-width: 767px)
  .our_community_sec
    &.height_medium
      padding: 40px 0 30px !important

    .wpb_wrapper h5
      padding-bottom: 30px

    .w-grid-list
      -webkit-box-align: unset !important
      -ms-flex-align: unset !important
      align-items: unset !important
      margin: 0 -11px !important
      -ms-flex-wrap: unset !important
      flex-wrap: unset !important
      padding-left: 10px
      padding-right: 15px !important

      .resources
        padding: 0 11px !important
        height: initial
        min-height: 100%
        width: 280px !important

        .w-grid-item-h
          background-image: url(../images/quote_img.svg)
          background-position: 30px 42px
          background-repeat: no-repeat
          border-radius: 40px
          border: 1px solid var(--color0)
          padding: 97px 20px 25px
          border-radius: 20px
          border: 1px solid var(--color0)
          display: -webkit-box
          display: -ms-flexbox
          display: flex
          -webkit-box-orient: vertical
          -webkit-box-direction: normal
          -ms-flex-direction: column
          flex-direction: column
          -webkit-box-pack: justify
          -ms-flex-pack: justify
          justify-content: space-between
          height: 100%

        .w-post-elm.post_image
          width: 35px

          img
            border-radius: 7px

    .w-hwrapper.usg_hwrapper_2
      display: -webkit-box
      display: -ms-flexbox
      display: flex
      -webkit-box-align: center
      -ms-flex-align: center
      align-items: center

    .w-grid-list .resources .w-hwrapper
      &.usg_hwrapper_1
        padding-left: 10px

      .entry-title
        color: var(--color0)
        margin: 0
        font-size: 10px
        font-style: normal
        font-weight: 400
        line-height: normal

      .w-post-elm-value
        color: var(--color0)
        font-size: 10px
        font-weight: 600

  .home.our_community_sec .wpb_wrapper h5
    padding-bottom: 30px

section
  &.create_day_title.pcq_focus_title
    padding: 0 !important
    padding: 89px 0 83px !important

    h4
      width: 50%
      margin: 0 auto
      text-align: center

  &.create_day_slider.pcq_focus_grid
    padding-top: 0px !important
    padding-bottom: 134px !important

@media screen and (max-width: 1024px), print
  section.create_day_title.pcq_focus_title
    padding: 62px 0 40px !important

.create_day_slider.pcq_focus_grid
  .owl-dots:after, .owl-dot.active:before
    display: none

@media screen and (max-width: 767px)
  .create_day_slider.pcq_focus_grid
    .owl-dots:after, .owl-dot.active:before
      display: inline-block

    .owl-dots:after
      padding-top: 2px
      padding-left: 15px

.help_come_ttl
  padding: 100px 0 90px

  .pcq_content
    width: 45%

    .w-text-value
      font-size: var(--f20)
      line-height: 150%

section
  &.pcq_wt_grid.help_come_slider
    padding: 0 0 89px

    .w-grid-item-h h4
      margin-bottom: 20px !important

  &.pcq_focus_grid.help_come_slider .w-grid-item-h
    min-height: 525px

    p
      font-size: var(--f20)
      line-height: 150%

.pcq_wt_grid.help_come_slider .owl-stage-outer
  margin-bottom: 67px
  padding-bottom: 47px

section.pcq_last2
  padding-top: 83px !important
  padding-bottom: 73px !important

.pcq_last3 .wpb_wrapper h3
  margin-left: 100px
  width: 73%

button.pcq-details-arrow
  position: relative

  i
    opacity: 0

  &:after
    content: ""
    position: absolute
    top: 0
    right: -30px
    width: 30px
    height: 20px
    background-image: url(../images/rightarrow.svg)
    background-repeat: no-repeat
    background-size: contain
    transition: all 0.5s ease

.pcq-course-active button.pcq-details-arrow:after
  transform: rotateZ(90deg)

.pcq_info_form
  #field_2_7, #field_2_8
    min-width: 231px

/* .pcq_info_form #field_2_3{
 *  max-width: 501px;
 *}

.sign-up-form-sec .gform_wrapper.gravity-theme .gform_fields
  grid-column-gap: 10px

body .what-is-alliative-content
  .w-tabs-section
    .w-tabs-section-header .w-tabs-section-title
      color: var(--color0)

    &.active .w-tabs-section-header .w-tabs-section-title
      color: #77003F

  a.w-btn:hover
    background: transparent !important
    border-color: #1A0F3D !important
    color: #1A0F3D !important

header#page-header
  .ush_btn_1:hover
    background-color: #77003F
    border-color: #77003F
    background-color: #77003F
    border-color: #77003F

    span
      color: #fff
      color: #fff

  .ush_btn_2
    border: 1px solid #F7961D

    &:hover
      background-color: transparent
      border-color: #F7961D

      span
        color: #F7961D

  .w-search-form input::placeholder
    color: #F7961D

body .owl-carousel.navstyle_circle .owl-nav button
  width: 84px
  height: 84px

.supportive_slider
  &.pcq_wt_grid
    .w-grid-item-h
      h4
        margin: 19px 0 40px !important
        justify-content: unset
        align-items: unset
        min-height: 70px

      p
        font-size: var(--f20)
        margin-bottom: 20px

      ul
        padding-bottom: 50px

        li
          font-size: var(--f20)

    a.w-btn
      bottom: 33px

  &.pcq_focus_grid .owl-dots:after
    left: 15px

section.stay_informed_sec
  &.about_talk_sec
    padding-top: 83px !important
    padding-bottom: 103px !important
    min-height: 392px

  .w-btn-wrapper
    margin: 0

.further_skill_slider
  &.pcq_focus_grid .w-grid-item-h
    h4
      font-size: 30px
      font-style: normal
      font-weight: 600
      line-height: 130%
      letter-spacing: -0.6px
      margin: 86px 0 30px
      min-height: 150px

    p
      max-width: 266px
      margin: 0 auto

  &.pcq_st_page_grid a.w-btn
    &:after
      content: ""
      background-image: url(../images/rightarrow.svg)
      background-repeat: no-repeat
      background-position: right center
      background-size: 100%
      width: 26px
      height: 17px
      display: inline-block
      position: relative
      top: 4px
      margin-left: 25px

    i
      display: none

  &.pcq_focus_grid .owl-dots:after
    left: 0

.how_support_tab .vc_column-inner .w-btn-wrapper .w-btn
  max-width: 1073px

.wish_fulfill_sec.contact-cta
  p
    max-width: 506px
    width: 100%

  a.w-btn
    padding: 20px 46px

    &:hover
      background: transparent !important
      border-color: var(--color1) !important
      color: var(--color1) !important

section
  &.know_ambulance.about_talk_sec
    background: var(--color3)
    padding-top: 83px !important
    padding-bottom: 63px !important

    .wpb_wrapper h3
      max-width: 365px

    .w-btn-wrapper a.w-btn
      padding: 18px 40px

  &.pcq_wt_grid.help_come_slider
    padding: 32px 0 89px !important

  &.pcq_focus_grid.help_come_slider .w-grid-item-h
    padding: 35px 55px 118px 55px

    h4
      display: block
      margin-top: 47px
      min-height: 87px

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a
  background-color: #ffffff
  color: #000000
  border-radius: 50%
  padding: 0
  height: 61px
  width: 61px
  display: flex
  align-items: center
  justify-content: center
  background-image: url(../images/accessibility-icon.svg)
  margin-right: 30px

  svg
    display: none

body.pojo-a11y-focusable a:focus
  outline: none !important

#page-header .w-search.layout_modern input[type=text]
  color: #F7961D !important

  &:focus
    border: 1px solid #F7961D !important
    color: #F7961D

section.get_touch_sec.contact-content
  padding-top: 108px !important
  padding-bottom: 79px !important

  .intro
    margin: 0 auto 48px

    p
      font-size: var(--f20)
      width: 100%

  .gform_wrapper input
    font-size: 18px
    font-style: normal
    font-weight: 400

@media screen and (max-width: 767px), print
  section.get_touch_sec.contact-content
    padding-top: 69px !important
    padding-bottom: 79px !important

    .intro
      margin: 0 auto 48px

      p
        font-size: var(--f20)
        width: 100%

    .gform_wrapper input
      font-size: 18px
      font-style: normal
      font-weight: 400

.media_inquiries.contact-cta
  padding-top: 123px !important
  padding-bottom: 91px !important

.contact-cta p
  margin-bottom: 0 !important

.contact_details.contact-info
  padding-top: 84px !important
  padding-bottom: 80px !important

body .sign-up-form-sec .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price)
  padding: 12px 24px !important

#accordian-pill .w-tabs-section
  .w-tabs-section-header.active
    text-align: center
    justify-content: center

  .w-tabs-section-content-h
    p, li
      color: #000

.stay_informed_sec.sign_up_sec
  .sign_up_btn
    margin-top: 53px

  .wpb_wrapper p
    width: 64%

*:not(.w-hwrapper) > .w-btn-wrapper.align_none
  margin-right: 0 !important
  margin-top: 0

body #gform_wrapper_1 input
  &[type=text], &[type=email]
    --inputs-height:27px

.get_touch_sec.contact-content #gform_wrapper_1 textarea
  min-height: 319px
  resize: none

#pcq-event-wrap, #pcq-search-wrap
  display: flex
  flex-wrap: wrap
  margin: 0 -19px
  max-width: 1122px
  margin: 80px auto 34px

#pcq-event-wrap
  .pcq-event-result, .pcq-search-result
    width: 50%
    padding: 0 19px
    height: inherit
    margin: 0 0 46px

#pcq-search-wrap
  .pcq-event-result, .pcq-search-result
    width: 50%
    padding: 0 19px
    height: inherit
    margin: 0 0 46px

#pcq-event-wrap
  .pcq-event-result
    .pcq-inner-result, .pcq-event-inner-result
      border-radius: 40px
      border: 1px solid var(--color0)
      background: #FFF
      padding: 47px 52px 44px 49px
      height: 100%
      transition: 0.3s all
      position: relative

  .pcq-search-result
    .pcq-inner-result, .pcq-event-inner-result
      border-radius: 40px
      border: 1px solid var(--color0)
      background: #FFF
      padding: 47px 52px 44px 49px
      height: 100%
      transition: 0.3s all
      position: relative

#pcq-search-wrap
  .pcq-event-result
    .pcq-inner-result, .pcq-event-inner-result
      border-radius: 40px
      border: 1px solid var(--color0)
      background: #FFF
      padding: 47px 52px 44px 49px
      height: 100%
      transition: 0.3s all
      position: relative

  .pcq-search-result
    .pcq-inner-result, .pcq-event-inner-result
      border-radius: 40px
      border: 1px solid var(--color0)
      background: #FFF
      padding: 47px 52px 44px 49px
      height: 100%
      transition: 0.3s all
      position: relative

#pcq-event-wrap
  .pcq-event-result:hover
    .pcq-inner-result, .pcq-event-inner-result
      background-color: var(--color1)
      border-color: transparent

  .pcq-search-result:hover
    .pcq-inner-result, .pcq-event-inner-result
      background-color: var(--color1)
      border-color: transparent

#pcq-search-wrap
  .pcq-event-result:hover
    .pcq-inner-result, .pcq-event-inner-result
      background-color: var(--color1)
      border-color: transparent

  .pcq-search-result:hover
    .pcq-inner-result, .pcq-event-inner-result
      background-color: var(--color1)
      border-color: transparent

#pcq-event-wrap
  .pcq-event-result:hover
    .pcq-inner-result *, .pcq-event-inner-result *
      color: #FFF

  .pcq-search-result:hover
    .pcq-inner-result *, .pcq-event-inner-result *
      color: #FFF

#pcq-search-wrap
  .pcq-event-result:hover
    .pcq-inner-result *, .pcq-event-inner-result *
      color: #FFF

  .pcq-search-result:hover
    .pcq-inner-result *, .pcq-event-inner-result *
      color: #FFF

#pcq-event-wrap
  .pcq-event-result:hover .permalink a, .pcq-search-result:hover .permalink a
    background-image: url(../images/register-arrow-white.svg)
    background-repeat: no-repeat

#pcq-search-wrap
  .pcq-event-result:hover .permalink a, .pcq-search-result:hover .permalink a
    background-image: url(../images/register-arrow-white.svg)
    background-repeat: no-repeat

.pcq-search-result
  h2
    color: var(--color0)
    font-size: 30px
    font-style: normal
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.6px
    min-height: 100px

  .pcq-event-date
    color: var(--color0)
    font-size: 20px
    font-style: normal
    font-weight: 400
    line-height: 150%

  .fees-mode
    color: var(--color1)
    font-size: 20px
    font-style: normal
    font-weight: 400
    line-height: 150%
    margin: 0 0 42px

  .permalink a
    color: var(--color0)
    font-size: var(--f20)
    font-style: normal
    font-weight: 600
    line-height: 150%
    background-image: url(../images/register-arrow.svg)
    background-repeat: no-repeat
    background-size: 26px
    background-position: right center
    padding-right: 40px

.pcq_count_webinar
  color: var(--color0)
  font-size: 20px
  line-height: 150%
  text-align: center

body .pcq_load_button
  margin: 22px auto 0
  display: none
  background-color: var(--color1) !important
  border-color: transparent !important

  &:hover
    background-color: transparent !important
    border-color: var(--color1) !important
    color: var(--color1) !important

.pcq-webinar-search, .pcq-news-search, .pcq-events-search
  max-width: 582px
  margin: 0 auto

.wpb_text_column.webinar_text
  max-width: 538px
  margin: 0 auto 74px
  text-align: center

  h4
    font-size: var(--f39)
    font-weight: 600
    line-height: 110%

.pcq-select-wrap
  display: flex
  margin: 26px -13px 0

.upcoming_webinars .pcq-webinar-search input
  padding: 4px 42px
  border-radius: 64px
  min-height: 62px !important
  height: auto

@media screen and (max-width: 767px), print
  .upcoming_webinars .pcq-webinar-search input
    padding: 4px 22px !important
    font-size: 14px !important
    min-height: 53px !important

.pcq-webinar-search select
  width: 50%
  margin: 0 13px
  appearance: none
  -webkit-appearance: none
  background: #fff url(../images/select-down.svg) no-repeat 94% center !important
  padding: 4px 30px
  max-height: initial
  height: auto
  border-radius: 64px
  min-height: 62px

  &:focus
    background: #fff url(../images/select-down.svg) no-repeat 94% center !important

@media screen and (max-width: 767px), print
  .pcq-webinar-search select
    margin: 0 5px
    padding: 5px 22px
    height: auto
    font-size: 14px
    font-weight: 600
    min-height: 53px
    padding-right: 32px

.upcoming_webinars
  padding-top: 108px !important
  padding-bottom: 92px !important

  .wpb_wrapper p
    font-size: var(--f20)

.slider-counter
  margin: 76px auto 0
  text-align: center
  font-size: 20px
  font-style: normal
  font-weight: 400
  color: var(--color0)

.pcq_focus_grid
  .owl-dot.active:before, .owl-dots:after
    display: none

.contact-cta .pcq-download-btn
  margin-top: 58px
  border-color: transparent

.advertise_us.page-bottom-cta p
  max-width: 340px

.pallileaders_header.page-header .page-intro
  max-width: 700px

.supportive_slider
  &.pcq_wt_grid .owl-nav button
    &.owl-prev
      left: 65% !important

    &.owl-next
      right: 38% !important

  .slider-counter
    margin-top: -50px

.help_come_slider .slider-counter
  margin-top: -35px

.pcq_wt_grid.help_come_slider .owl-nav button
  &.owl-next
    right: 0 !important

  &.owl-prev
    left: 0 !important

.slider-counter-remember, .owl-nav button:before
  display: none

.w-btn i:before
  content: ""
  background-image: url(../images/arrow.svg)
  background-repeat: no-repeat
  background-position: right center
  width: 26px
  height: 17px
  display: inline-block
  position: relative
  top: 2px
  margin-left: 0px

.owl-item.active .w-grid-item-h .w-btn i:before
  -webkit-filter: brightness(1) invert(1)
  filter: brightness(1) invert(1)

.supportive_slider
  .owl-stage-outer
    padding-bottom: 74px

  .owl-nav
    position: absolute
    width: 100% !important
    left: 0
    right: 0
    bottom: -84px
    top: auto
    max-width: 327px
    margin: 0 auto
    display: flex
    justify-content: center
    justify-content: space-between

  &.pcq_wt_grid .owl-nav button
    &.owl-prev
      left: 0 !important
      position: unset !important

    &.owl-next
      right: 0 !important
      position: unset !important

.help_come_slider .owl-nav
  position: absolute
  width: 100%
  left: 0
  right: 0
  max-width: 327px
  margin: 0 auto
  display: flex
  align-items: center
  justify-content: space-between
  bottom: -84px
  top: auto

.contact_details .w-tabs-sections
  max-width: 781px
  margin: 0 auto

.get_touch_sec
  .gform_wrapper.gravity-theme .gform_fields
    display: flex
    flex-wrap: wrap
    grid-column-gap: 7px !important
    justify-content: space-between

  .name_field
    width: 100%

  .email_field
    width: 440px

  .mobile_field
    width: 303px

  .address_field
    width: 100%

  .suburb_field
    width: 324px

  .state_field
    width: 203px

  .postcode_field
    width: 204px

  .enquiry_field
    width: 100%

.sign-up-form-sec
  .gform_wrapper.gravity-theme .gform_fields
    display: flex
    flex-wrap: wrap
    grid-column-gap: 8px !important
    justify-content: space-between

  .sign_up_name
    width: 100%

  .sign_up_email
    width: 500px

  .sign_up_mobile
    width: 344px

  .sign_up_grp
    width: 500px

  .sign_up_position
    width: 344px

  .sign_up_address
    width: 100%

  .sign_up_suburb
    width: 368px

  .sign_up_state
    width: 231px

  .sign_up_postcode
    width: 232px

section
  &.wpb_row.uplift_sec.pcq_la_title
    padding-top: 109px !important
    padding-bottom: 110px !important

    .vc_column-inner p
      width: 100%
      margin-bottom: 49px
      max-width: 456px

  &.advance_planning_sec.about_talk_sec
    padding-top: 103px !important
    padding-bottom: 102px !important

    .wpb_wrapper
      h3
        margin-top: 15px
        font-size: 55.858px

      p
        font-size: var(--f20)
        width: 100%
        max-width: 85%

    a.w-btn
      margin-top: 69px
      padding: 20px 52px
      min-width: 225px
      max-height: 62px

@media screen and (max-width: 1200px), print
  section.wpb_row.uplift_sec.pcq_la_title .vc_column-inner p
    max-width: 405px

@media screen and (max-width: 1024px), print
  section.wpb_row.uplift_sec.pcq_la_title
    padding-top: 80px !important
    padding-bottom: 95px !important

@media screen and (max-width: 767px), print
  section.wpb_row.uplift_sec.pcq_la_title
    padding-top: 69px !important
    padding-bottom: 95px !important

    .vc_column-inner p
      max-width: 97%
      margin-bottom: 25px

      &:last-child
        margin-bottom: 0

  .pcq_count_webinar
    font-size: 14px

  .pcq_load_button
    min-width: 189px
    min-height: 58px
    padding: 17px 25px
    font-size: 14px !important

@media screen and (max-width: 1024px), print
  section.advance_planning_sec.about_talk_sec
    padding-top: 60px !important
    padding-bottom: 90px !important

@media screen and (max-width: 767px), print
  section.advance_planning_sec.about_talk_sec
    padding-top: 39px !important
    padding-bottom: 71px !important

    a.w-btn
      padding: 20px 50px
      min-width: 186px
      max-height: 58px
      margin-top: 42px

    .w-btn-wrapper.align_left
      text-align: left

    h3
      max-width: 90%
      margin-top: 0 !important
      font-size: 25px !important

    .wpb_wrapper p
      max-width: 88%

.our_trusted_resources.pcq_focus_title
  padding-top: 117px !important
  padding-bottom: 88px !important

  h4
    width: 50%

@media screen and (max-width: 1024px), print
  .our_trusted_resources.pcq_focus_title
    padding-top: 85px !important
    padding-bottom: 82px !important

@media screen and (max-width: 767px), print
  .our_trusted_resources.pcq_focus_title
    padding-top: 70px !important
    padding-bottom: 82px !important

.resources_slider
  &.pcq_focus_grid
    padding-top: 28px !important
    padding-bottom: 86px !important

    .active.center .w-grid-item-h
      background-color: #1A0F3D

  a.w-btn
    font-size: var(--f20)
    padding: 0
    background: unset
    border: none
    color: #000 !important
    position: absolute
    bottom: 39px
    left: 0
    right: 0
    margin: 0 auto
    text-align: center
    width: max-content
    font-weight: 600

  .owl-item.active .w-grid-item-h a.w-btn
    color: #fff !important

    &:hover
      background: unset

  a.w-btn:before
    display: none

@media screen and (max-width: 767px), print
  .resources_slider
    &.pcq_focus_grid
      padding-top: 28px !important
      padding-bottom: 72px !important

      .w-grid-item-h
        border-radius: 20px
        padding: 26px 30px 88px !important

        p
          font-size: 10px

        h4
          min-height: 100px

    a.w-btn
      font-size: 12px
      font-weight: 600
      bottom: 25px

    &.pcq_focus_grid .slider-counter
      margin: 50px auto 0

.trusted_content span.w-text-h
  font-size: var(--f20)
  font-weight: 400

.support_community_sec
  .w-grid[class*="cols_"] .w-grid-list
    margin: 0 -25px !important
    align-items: unset !important
    display: grid
    grid-template-columns: repeat(3, 1fr)
    grid-auto-flow: dense
    grid-template-rows: -webkit-min-content
    grid-template-rows: min-content

  .vc_column-inner .w-grid[class*="cols_"] .w-grid-item
    padding: 0 25px !important
    margin-bottom: 48px
    width: 100%
    height: 100%
    cursor: pointer

  .w-grid-item .w-grid-item-h
    cursor: pointer

  .community_txt
    text-align: center
    max-width: 651px
    margin: 0 auto

    h3
      font-size: var(--f39)
      font-weight: 600

    p
      font-size: var(--f20)
      max-width: 530px
      margin: 0 auto 89px

  .pcq-front-sec
    display: block
    margin: 0 !important

  .w-grid-item .post_title
    color: #fff
    font-size: 40px
    font-style: normal
    font-weight: 600
    line-height: 100%
    letter-spacing: -0.8px
    position: absolute
    top: 50%
    transform: translateY(-50%)
    left: 0
    right: 0
    text-align: center
    margin: 0 auto !important
    padding: 0 15px !important
    z-index: 1

  .pcq-front-sec .post_image
    position: relative
    overflow: hidden
    border-radius: 40px
    margin: 0 !important
    padding-bottom: 135.6%

    &:before
      position: absolute
      content: ""
      top: 0
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
      width: 100%
      height: 100%
      z-index: 1

    img
      border-radius: 40px
      position: absolute
      height: 100%
      width: 100%
      left: 0
      right: 0
      object-fit: cover

  .w-grid-item .w-btn.learn-more-cta
    color: #FFF
    font-size: var(--f20)
    font-style: normal
    font-weight: 600
    line-height: 150%
    position: absolute
    bottom: 34px
    padding: 0
    background: unset
    border: none
    left: 0
    right: 0
    text-align: center
    display: block
    width: max-content
    margin: 0 auto
    z-index: 1

    &:hover
      color: #fff !important

    &:before
      display: none

    i:before
      content: ""
      background-image: url(../images/register-arrow-white.svg)
      background-repeat: no-repeat
      background-position: right center
      width: 26px
      height: 17px
      display: inline-block
      position: relative
      top: 2px
      margin-left: 0px
      transition: 0.3s all

  .w-grid-list
    padding-top: 200px

  .w-grid-item
    &:nth-child(3n+1)
      margin-top: -200px

    &:nth-child(3n-1)
      margin-top: -100px

@media screen and (max-width: 1024px), print
  .support_community_sec
    .w-grid[class*="cols_"] .w-grid-list
      margin: 0 -25px !important
      grid-template-columns: repeat(3, 1fr)

    .vc_column-inner .w-grid[class*="cols_"] .w-grid-item
      width: 100% !important

@media screen and (max-width: 991px), print
  .support_community_sec
    .w-grid[class*="cols_"] .w-grid-list
      margin: 0 -25px !important
      grid-template-columns: repeat(2, 1fr)
      padding-top: 0px

    .w-grid-item
      &:nth-child(3n+1), &:nth-child(3n-1)
        margin-top: 0px !important

  .yarning_top_sec .l-section-h
    right: 0

@media screen and (max-width: 767px), print
  .support_community_sec
    .w-grid[class*="cols_"] .w-grid-list
      margin: 0 -25px !important
      grid-template-columns: repeat(1, 1fr)

    .vc_column-inner .w-grid[class*="cols_"] .w-grid-item
      padding: 0 25px !important
      margin: 0 0 19px !important

    .w-grid-item .w-grid-item-h
      cursor: pointer

      .w-hwrapper
        display: block

    .community_txt
      text-align: center
      max-width: 651px
      margin: 0 auto

      p
        max-width: 530px
        margin: 0 auto 54px

    .pcq-front-sec
      display: block
      margin: 0 !important

    .w-grid-item .post_title
      font-size: 25px
      margin: 0 auto !important
      padding: 0 35px !important

    .pcq-front-sec .post_image
      position: relative
      overflow: hidden
      border-radius: 20px
      margin: 0 !important
      padding-bottom: 0

      img
        border-radius: 20px
        height: 202px
        object-fit: cover
        position: unset

    .w-grid-item .w-btn.learn-more-cta
      font-size: 12px
      font-style: normal
      font-weight: 600
      line-height: 130%
      position: absolute
      bottom: 20px
      text-align: center
      display: block
      width: max-content
      margin: 0 auto

      &:hover
        color: #fff !important

      &:before
        display: none

      i:before
        content: ""
        background-image: url(../images/register-arrow-white.svg)
        background-repeat: no-repeat
        background-position: right center
        width: 26px
        height: 17px
        display: inline-block
        position: relative
        top: -2px
        margin-left: 3px

.palliative_care_sec.about_guide_sec
  padding-top: 104px !important
  padding-bottom: 119px !important

  p.pcq_content
    width: calc(100% + 29px)

@media screen and (max-width: 1024px), print
  .palliative_care_sec.about_guide_sec p.pcq_content
    left: -20px
    position: relative

@media screen and (max-width: 767px), print
  .palliative_care_sec.about_guide_sec
    padding-top: 34px !important
    padding-bottom: 60px !important

    p.pcq_content
      width: 100%
      left: 0

.not_alone_sec.about_talk_sec
  padding-top: 121px !important
  padding-bottom: 122px !important

  .wpb_wrapper
    h3
      max-width: 309px
      text-align: left

    p
      font-size: var(--f23)
      width: 100%
      max-width: 454px

@media screen and (max-width: 767px), print
  .not_alone_sec.about_talk_sec
    padding-top: 39px !important
    padding-bottom: 46px !important
    padding-left: 20px
    padding-right: 20px

    .wpb_wrapper p
      max-width: 85%

    .w-btn-wrapper.align_left
      text-align: left

    a.w-btn
      padding: 21px 38px

.basic-course-sec .w-grid.valign_center .w-grid-list .group:last-child
  grid-template-columns: repeat(2, 1fr)
  max-width: 735px
  margin: 0 auto

.l-section.empowering_sec.height_medium
  border-top: 1px solid var(--color0)
  border-bottom: 1px solid var(--color0)
  padding-top: 126px
  padding-bottom: 104px

@media screen and (max-width: 767px), print
  .l-section.empowering_sec.height_medium
    border-top: unset
    padding-top: 65px
    padding-bottom: 62px

.empowering_sec
  .l-section-h
    text-align: center
    max-width: 634px
    margin: 0 auto

  .wpb_text_column
    h3
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin: 0 auto 63px
      max-width: 406px

    p
      font-size: var(--f20)
      line-height: 150%

@media screen and (max-width: 1200px), print
  .empowering_sec .l-section-h
    text-align: center
    max-width: 575px
    margin: 0 auto

@media screen and (max-width: 767px), print
  .empowering_sec
    .l-section-h
      text-align: center
      max-width: 634px
      margin: 0 auto

    .wpb_text_column
      h3
        margin: 0 auto 30px
        max-width: 406px

      p
        max-width: 97%

.building_compassionate_sec.about_guide_sec
  padding-top: 115px !important
  padding-bottom: 50px !important

  h2
    font-size: 50.427px
    width: calc(100% + 108px)

@media screen and (max-width: 1024px), print
  .building_compassionate_sec.about_guide_sec
    padding-top: 89px !important
    padding-bottom: 40px !important

    h2
      font-size: 32px
      width: 100%

@media screen and (max-width: 767px), print
  .building_compassionate_sec.about_guide_sec
    padding-top: 89px !important
    padding-bottom: 40px !important

    h2
      font-size: 25px
      max-width: 97%
      margin: 0 auto

.l-section.our_partners_sec.height_medium
  padding-top: 94px
  padding-bottom: 108px

  .wpb_wrapper h5
    text-align: center
    font-size: 25px
    font-style: normal
    font-weight: 600
    line-height: 110%
    letter-spacing: -0.5px
    margin: 0 0 61px

  .g-cols
    max-width: 405px
    margin: 0 auto

    .wpb_column
      align-items: center
      justify-content: center

      &:nth-child(1) .w-image-h img
        max-width: 234px
        margin: 0 auto

      &:nth-child(2) .w-image-h img
        max-width: 97px
        margin: 0 auto

@media screen and (max-width: 767px), print
  .l-section.our_partners_sec.height_medium
    padding-top: 40px
    padding-bottom: 39px

    .wpb_wrapper h5
      font-size: 20px
      margin: 0 0 24px

    .g-cols
      max-width: 405px
      margin: 0 auto
      gap: 36px

      .wpb_column
        align-items: center
        justify-content: center

        &:nth-child(1) .w-image-h img
          max-width: 131px
          margin: 0 auto

        &:nth-child(2) .w-image-h img
          max-width: 72px
          margin: 0 auto

.see_how_sec.about_talk_sec .wpb_wrapper
  h3
    text-align: left

  p
    width: 78%

.uplift_inspire_sec.pcq_image_sec
  padding-bottom: 104px !important

@media screen and (max-width: 767px), print
  .uplift_inspire_sec.pcq_image_sec
    padding-bottom: 71px !important

.l-section.support_community_sec.height_medium
  padding-top: 148px
  overflow: hidden

@media screen and (max-width: 767px), print
  .l-section.support_community_sec.height_medium
    padding-top: 66px
    padding-bottom: 0

body .home_header.page-header .page-header-title
  min-height: 348px
  margin-top: 158px
  margin-bottom: 176px

  h1
    font-size: 77.587px
    font-style: normal
    line-height: 125%
    max-width: 80%
    margin: 0 auto

@media screen and (max-width: 1024px), print
  body .home_header.page-header .page-header-title
    min-height: 175px
    margin-top: 63px
    margin-bottom: 60px

    h1
      font-size: 52px

@media screen and (max-width: 767px), print
  body .home_header.page-header .page-header-title
    min-height: 175px
    margin-top: 63px
    margin-bottom: 60px

    h1
      font-size: 30px

      br
        display: none

.support_community_sec
  div.cols_3 > div > .support-details-wrap
    grid-area: span 1/1/auto/span 3
    width: calc(100% - 35px)
    border-radius: 33px
    border: 1px solid #292929
    padding: 54px 63px 51px
    margin-left: auto
    margin-right: auto
    display: -webkit-box
    display: -ms-flexbox
    display: flex
    -ms-flex-wrap: wrap
    flex-wrap: wrap
    position: relative
    margin-bottom: 40px
    animation: fade 1s alternate

  .support-details
    max-width: 780px

    h4
      font-size: 30px
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.6px
      margin: 0 0 20px

    h5
      font-size: 18px
      font-weight: 600
      margin: 0 0 20px

    p a
      text-decoration: underline
      margin-bottom: 5px
      display: inline-block
      width: 100%
      max-width: max-content

    .support-resource-btn
      color: var(--color0) !important
      font-size: 20px
      font-weight: 600
      padding: 0
      background: unset
      border: none

    .support-return-btn
      color: var(--color0) !important
      font-size: 20px
      font-weight: 600
      padding: 0
      background: unset
      border: none

      &.w-btn.icon_atright i
        margin: 0 !important

    .support-resource-btn i:before, .support-return-btn i:before
      content: ""
      background-image: url(../images/arrow.svg)
      background-repeat: no-repeat
      background-position: right center
      width: 26px
      height: 17px
      display: inline-block
      position: relative
      top: 2px
      margin-left: 20px

    .support-resource-btn:before, .support-return-btn:before
      display: none

  .support-details-wrap .close-support-detail
    height: 13px
    width: 13px
    background-image: url(../images/close_icon.svg)
    background-repeat: no-repeat
    background-position: center
    font-size: 0
    position: absolute
    top: 74px
    right: 70px
    left: auto
    cursor: pointer

@media screen and (max-width: 1024px), print
  .support_community_sec
    div.cols_3 > div > .support-details-wrap
      grid-area: span 1/1/auto/span 2
      padding: 32px

    .support-details-wrap .close-support-detail
      top: 30px
      right: 30px

@media screen and (max-width: 600px), print
  .support_community_sec
    div.cols_3 > div > .support-details-wrap
      grid-area: span 1/1/auto/span 1
      width: calc(100% - 35px)
      border-radius: 26px
      padding: 18px 28px 30px

    .support-details h4
      font-size: 20px
      margin: 0 0 10px
      max-width: 90%

    .support-details-wrap .close-support-detail
      top: 20px
      right: 30px

  .l-section.how_we_can_help_sec.height_medium .w-grid-item
    &:nth-child(1)
      order: 1

    &:nth-child(2)
      order: 2

    &:nth-child(3)
      order: 3

    &:nth-child(4)
      order: 4

    &:nth-child(5)
      order: 5

.community_header.page-header
  .page-header-title
    margin-top: 85px
    margin-bottom: 85px

  .page-intro
    padding-top: 42px
    padding-bottom: 42px

@media screen and (max-width: 767px), print
  .community_header.page-header .page-header-title
    margin-top: 53px
    margin-bottom: 70px

.l-section.marquee_animation_sec.height_medium
  background-image: url(../images/marquee_sec_bg.png)
  background-size: cover
  background-repeat: no-repeat
  background-position: center
  padding-top: 65px
  padding-bottom: 65px
  overflow: hidden
  padding-left: 0
  padding-right: 0

.pcq-left-marquee
  display: flex
  white-space: nowrap
  align-items: top
  -webkit-animation: loop 30s infinite linear
  animation: loop 30s infinite linear

.pcq-right-marque
  display: flex
  white-space: nowrap
  align-items: top
  -webkit-animation: loop_reverse 30s infinite linear
  animation: loop_reverse 30s infinite linear
  margin-top: 10px

.l-section.marquee_animation_sec .w-hwrapper > :not(:last-child)
  margin-right: 0

.marquee_animation_sec .wdo-list-container ul
  padding: 0
  margin: 0
  display: flex
  white-space: nowrap

  li
    list-style: none
    font-size: 35px
    font-style: normal
    font-weight: 300
    line-height: 110%
    letter-spacing: -0.7px
    padding: 0
    margin: 0
    color: #fff
    margin-left: 10px
    padding-left: 10px
    position: relative

    a
      color: inherit
      font-size: inherit
      transition: 0.3s all

      &:hover
        font-weight: 600
        transition: 0.3s all
        background-image: url(../images/register-arrow-white.svg)
        background-repeat: no-repeat
        background-position: right center
        padding-right: 50px
        background-size: 36px

    &:after
      position: absolute
      content: " "
      height: 100%
      width: 1px
      left: 0
      right: 0
      top: -1px
      display: block
      background: #fff

@media screen and (max-width: 1024px), print
  .l-section.marquee_animation_sec.height_medium
    background-position: 100%

  .pcq-right-marque
    display: flex
    white-space: nowrap
    align-items: top
    -webkit-animation: loop_reverse 30s infinite linear
    animation: loop_reverse 30s infinite linear
    margin-top: 10px

  .marquee_animation_sec .wdo-list-container ul li
    font-size: 24px

@media screen and (max-width: 767px), print
  .l-section.marquee_animation_sec.height_medium
    padding-top: 51px
    padding-bottom: 51px
    background-position: 100%

  .pcq-left-marquee
    display: flex
    white-space: nowrap
    align-items: top
    -webkit-animation: loop 30s infinite linear
    animation: loop 30s infinite linear

  .pcq-right-marque
    display: flex
    white-space: nowrap
    align-items: top
    -webkit-animation: loop_reverse 30s infinite linear
    animation: loop_reverse 30s infinite linear
    margin-top: 10px

  .l-section.marquee_animation_sec .w-hwrapper > :not(:last-child)
    margin-right: 0

  .marquee_animation_sec .wdo-list-container ul
    padding: 0
    margin: 0
    display: flex
    white-space: nowrap

    li
      font-size: 18.572px
      letter-spacing: -0.371px
      padding: 0
      margin: 0
      color: #fff
      margin-left: 10px
      padding-left: 10px
      position: relative

      a
        color: inherit
        font-size: inherit
        transition: 0.3s all

        &:hover
          font-weight: 600
          transition: 0.3s all
          background-image: url(../images/register-arrow-white.svg)
          background-repeat: no-repeat
          background-position: right center
          padding-right: 50px
          background-size: 36px

      &:after
        position: absolute
        content: " "
        height: 100%
        width: 1px
        left: 0
        right: 0
        top: -1px
        display: block
        background: #fff

.see_how_sec.about_talk_sec .w-btn
  min-width: 324px
  max-height: 62px

@media screen and (max-width: 767px), print
  .see_how_sec.about_talk_sec .w-btn
    min-width: 233px
    max-height: 58px

.not_alone_sec.about_talk_sec .w-btn
  min-width: 307px
  max-height: 62px

@media screen and (max-width: 767px), print
  .not_alone_sec.about_talk_sec .w-btn
    min-width: 211px
    max-height: 58px

.building_compassionate_sec.about_guide_sec .pcq_down_sec
  margin-top: 240px

@media screen and (max-width: 767px), print
  .building_compassionate_sec.about_guide_sec .pcq_down_sec
    margin-top: 30px

body .grief_header.page-header .page-header-title h1
  max-width: 80%
  margin: 0 auto

@media screen and (max-width: 767px), print
  body .grief_header.page-header .page-header-title h1
    max-width: 80%
    margin: 0 auto
    line-height: 130%

  br
    display: none

.l-section.introducing_grief.empowering_sec.height_medium
  padding-top: 99px
  padding-bottom: 0
  border: none

.introducing_grief.empowering_sec .wpb_text_column h3
  max-width: 99%

@media screen and (max-width: 1200px), print
  .introducing_grief.empowering_sec .wpb_text_column h3
    max-width: 80%
    margin-bottom: 40px

@media screen and (max-width: 767px), print
  .l-section.introducing_grief.empowering_sec.height_medium
    padding-top: 45px
    padding-bottom: 0
    border: none

  .introducing_grief.empowering_sec .wpb_text_column h3
    max-width: 99%

.l-section
  &.grief_tending_logo.our_partners_sec.height_medium
    padding-top: 73px
    padding-bottom: 117px
    border-bottom: 1px solid var(--color0)

    .g-cols .wpb_column
      justify-content: flex-end

      &:nth-child(1) .w-image-h img
        max-width: 159px

      &:nth-child(2) .w-image-h img
        max-width: 153px

  &.topics_and_information_sec.height_medium
    padding-top: 92px
    padding-bottom: 115px
    border-bottom: 1px solid var(--color0)

    .l-section-h
      max-width: 980px
      margin: 0 auto

    .w-image-h
      max-width: 426px

      img
        border-radius: 40px

    .wpb_wrapper
      ul
        margin-left: 30px

      p, ul li
        font-size: var(--f18)

  &.community_text_sec.height_medium
    padding-top: 94px !important
    padding-bottom: 88px !important

    .l-section-h
      max-width: 628px
      margin: 0 auto
      text-align: center

    h3
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 56px

    .wpb_wrapper p
      font-size: var(--f20)

  &.community_carousel.height_medium
    padding-top: 0px
    padding-bottom: 114px
    overflow: hidden

@media screen and (max-width: 767px), print
  .l-section.grief_tending_logo.our_partners_sec.height_medium
    padding-top: 35px
    padding-bottom: 59px

    .g-cols
      gap: 25px
      display: flex
      justify-content: center

      .wpb_column
        &:nth-child(1) .w-image-h img
          max-width: 159px

        &:nth-child(2) .w-image-h img
          max-width: 153px

@media screen and (max-width: 767px), print
  .l-section.topics_and_information_sec.height_medium
    padding-top: 55px
    padding-bottom: 74px

    .l-section-h
      max-width: 980px
      margin: 0 auto

    .w-image-h
      max-width: 426px

      img
        border-radius: 40px
        object-fit: cover

    .wpb_wrapper
      ul
        margin-left: 30px

      p, ul li
        font-size: var(--f18)

@media screen and (max-width: 600px), print
  .l-section.topics_and_information_sec.height_medium
    .g-cols
      display: flex
      flex-direction: column-reverse
      gap: 0

    .w-image-h
      margin-top: 54px
      max-width: 100%
      text-align: center
      padding: 0 15px

      img
        height: 394px
        width: 100%
        object-position: top

@media screen and (max-width: 1024px), print
  .l-section.community_text_sec.height_medium
    padding-top: 80px !important
    padding-bottom: 80px !important

@media screen and (max-width: 767px), print
  .l-section.community_text_sec.height_medium
    padding-top: 54px !important
    padding-bottom: 54px !important

    .l-section-h
      max-width: 628px
      margin: 0 auto
      text-align: center

    h3
      font-size: var(--f39)
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 29px

    .wpb_wrapper p
      font-size: var(--f20)

@media screen and (max-width: 767px), print
  .l-section.community_carousel.height_medium
    padding-bottom: 59px
    padding-right: 20px

.community_carousel
  .owl-stage-outer
    overflow: visible !important

  .w-grid-list
    padding-right: 51.6% !important
    padding-left: calc((100% - 1140px)/2)

  .w-grid[class*="cols_"] .w-grid-item
    padding: 0

  .w-grid-list:not(.autoheight) .owl-stage
    align-items: unset

  .owl-item
    margin-right: 25px

  .w-grid-list
    .w-grid-item-h
      border-radius: 40px
      border: 1px solid #000
      background: var(--color2)
      padding: 38px 55px 100px
      max-width: 548px
      width: 100%
      margin-left: auto
      margin-right: auto

    .owl-item.active .w-grid-item-h
      background: var(--color1)
      border-color: transparent

      *
        color: #fff

    .w-grid-item-h
      .post_image
        width: 90px
        height: 90px
        border-radius: 20px
        object-fit: cover
        overflow: hidden
        margin: 0 0 35px

      .w-hwrapper
        display: block
        margin-top: auto

      .com_slide_text
        height: 215px
        overflow: auto
        width: 100%
        padding-right: 10px

        p
          margin-bottom: 25px
          font-size: 14.993px
          line-height: 150%

          &:last-child
            margin-bottom: 0

          a
            text-decoration: underline

        &::-webkit-scrollbar
          width: 3px

        &::-webkit-scrollbar-track
          background-color: rgba(41, 41, 41, 0.3)
          -webkit-border-radius: 58px
          border-radius: 58px

        &::-webkit-scrollbar-thumb
          -webkit-border-radius: 58px
          border-radius: 58px
          background: #292929

    .owl-item.active .w-grid-item-h .com_slide_text
      &::-webkit-scrollbar-track
        background: rgba(255, 255, 255, 0.3)

      &::-webkit-scrollbar-thumb
        background: #fff

    .w-grid-item-h
      .post_custom_field span
        font-size: 14.993px
        font-style: normal
        font-weight: 600
        line-height: 150%
        margin: 0 0 28px
        display: block

      .post_title
        font-size: 24.988px
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.6px
        margin-bottom: 28px
        min-height: 80px
        max-width: 505px

      .community_btn_wrap
        display: flex
        align-items: center
        justify-content: space-between
        position: absolute
        width: 100%
        bottom: -75px

        .w-btn
          background: transparent
          border: none
          font-size: 16.658px
          font-style: normal
          font-weight: 600
          line-height: 150%
          color: var(--color0) !important
          padding: 0

          i:before
            content: ""
            background-image: url(../images/arrow.svg)
            background-repeat: no-repeat
            background-position: right center
            width: 26px
            height: 17px
            display: inline-block
            position: relative
            top: 2px
            margin-left: 0px

    .owl-item.active .w-grid-item-h .community_btn_wrap .w-btn i:before
      -webkit-filter: brightness(1) invert(1)
      filter: brightness(1) invert(1)

    .w-grid-item-h .community_btn_wrap .w-btn:before
      display: none

@media screen and (max-width: 1024px), print
  .community_carousel
    .w-grid-list
      padding-left: 20px

    .w-grid[class*="cols_"] .w-grid-item
      padding: 0

    .w-grid-list:not(.autoheight) .owl-stage
      align-items: unset

    .owl-item
      margin-right: 21px

    .w-grid-list .w-grid-item-h
      border-radius: 20px
      border: 1px solid #000
      background: var(--color2)
      padding: 22px 25px 117px
      max-width: 100%
      width: 100%

      .post_image
        width: 90px
        height: 90px
        border-radius: 10px
        margin: 0 0 19px

      .com_slide_text p
        margin-bottom: 10px

      .post_custom_field span
        font-size: 14px

      .post_title
        font-size: 24px
        letter-spacing: -0.4px
        margin-bottom: 30px
        min-height: 100px

      .community_btn_wrap
        bottom: -75px

        .w-btn
          font-size: 14px
          margin-top: 10px

          i:before
            top: -2px
            margin-left: 15px

@media screen and (max-width: 767px), print
  .community_carousel
    .owl-stage-outer
      overflow: visible !important

    .w-grid-list
      padding-right: 80px !important
      padding-left: 20px

    .w-grid[class*="cols_"] .w-grid-item
      padding: 0

    .w-grid-list:not(.autoheight) .owl-stage
      align-items: unset

    .owl-item
      margin-right: 21px

    .w-grid-list .w-grid-item-h
      border-radius: 20px
      border: 1px solid #000
      background: var(--color2)
      padding: 22px 25px 95px
      max-width: 100%
      width: 100%
      display: flex
      flex-direction: column

      .post_image
        width: 60px
        height: 60px
        border-radius: 10px
        margin: 0 0 19px

      .com_slide_text
        height: 225px
        width: 100%

        p
          margin-bottom: 10px
          margin-right: 0

      .post_custom_field span
        font-size: 12px
        line-height: 160%
        margin: 0 0 19px

      .post_title
        font-size: 20px
        letter-spacing: -0.4px
        margin-bottom: 20px
        min-height: auto
        max-width: 90%

      .community_btn_wrap
        display: block
        bottom: -75px

        .w-btn
          font-size: 12px
          line-height: 130%
          margin-top: 10px
          display: block
          text-align: left
          max-width: max-content

          i:before
            top: -2px
            margin-left: 15px

.l-section.additional_support_sec.height_medium
  border-top: 1px solid var(--color0)
  padding-top: 91px !important
  padding-bottom: 92px !important

.additional_support_sec
  .additional_support_text
    max-width: 547px
    margin: 0 auto 92px !important

    p
      font-size: var(--f20)

  &.contact_details .w-tabs-sections
    max-width: 1159px

@media screen and (max-width: 767px), print
  .l-section.additional_support_sec.height_medium
    padding-top: 46px !important
    padding-bottom: 76px !important
    padding-left: 19px
    padding-right: 20px

  .additional_support_sec
    .additional_support_text
      max-width: 547px
      margin: 0 auto 67px !important

      p
        font-size: var(--f20)

    &.contact_details .w-tabs-sections
      max-width: 1159px

.l-section.healthcare.community_carousel.height_medium
  padding-top: 0px
  padding-bottom: 100px
  overflow: hidden

@media screen and (max-width: 767px), print
  .l-section.healthcare.community_carousel.height_medium
    padding-bottom: 59px

.healthcare.community_carousel .w-grid-list .owl-item.active .w-grid-item-h
  background: #1A0F3D

.l-section.healthcare_sec.height_medium
  border-top: 1px solid var(--color0)
  padding-top: 75px !important
  padding-bottom: 88px !important

  .l-section-h
    text-align: center
    max-width: 628px

  .wpb_wrapper
    h3
      font-size: var(--f39)
      font-weight: 600
      margin-bottom: 56px

    p
      font-size: var(--f20)

@media screen and (max-width: 1024px), print
  .l-section.healthcare_sec.height_medium
    padding-top: 70px !important
    padding-bottom: 80px !important

@media screen and (max-width: 767px), print
  .l-section.healthcare_sec.height_medium
    padding-top: 54px !important
    padding-bottom: 54px !important

    .wpb_wrapper
      h3
        margin-bottom: 29px

      p
        font-size: var(--f20)

.custom_nav .owl-nav
  position: absolute
  width: 100% !important
  left: 0
  right: 0
  bottom: -84px
  top: auto
  max-width: 327px
  margin: 0 auto
  display: flex
  justify-content: center
  justify-content: space-between

body .custom_nav .owl-nav
  button
    border: 1px solid #292929

  .owl-prev:after
    background-image: url(../images/prev-nav.svg)
    padding: 0
    background-repeat: no-repeat
    height: 100%
    width: 100%
    background-size: 40px
    background-position: center
    font-family: unset
    content: ""

  .owl-next:after
    background-image: url(../images/next-nav.svg)
    padding: 0
    background-repeat: no-repeat
    height: 100%
    width: 100%
    background-size: 40px
    background-position: center
    font-family: unset
    content: ""

@media screen and (max-width: 767px), print
  .custom_nav .owl-nav
    position: absolute
    width: 100% !important
    left: 0
    right: 0
    bottom: -65px
    top: auto
    max-width: 327px
    margin: 0 auto
    display: flex
    justify-content: center
    justify-content: space-between

  body .custom_nav .owl-nav
    .owl-prev:after, .owl-next:after
      background-size: 20px

.l-section.yarning_top_sec.height_medium
  padding-top: 96px
  padding-bottom: 0

.yarning_top_sec
  .w-image-h img
    max-width: 432px

  .l-section-h
    .cols_2
      display: flex
      align-items: center
      gap: 53px
      justify-content: flex-end

    .wpb_column
      width: 432px !important
      display: block

      &.yarning_top_text
        width: 270px !important
        max-width: 270px

        p
          color: var(--color1)
          margin-bottom: 39px !important

        .w-btn
          background: transparent
          border: 1px solid var(--color1)
          color: var(--color1) !important

          &:before
            display: none

          &:hover
            background: var(--color1) !important
            color: #fff !important

@media screen and (max-width: 1024px), print
  .yarning_top_sec
    .l-section-h
      max-width: 560px
      margin-left: auto
      margin-right: 0
      right: 30px

    .w-image-h img
      max-width: 100%

    .l-section-h .wpb_column
      width: 100% !important
      text-align: center

      &.yarning_top_text
        width: 100% !important
        max-width: 280px
        margin: 35px auto

        p
          color: var(--color1)
          margin-bottom: 39px !important

        .w-btn
          min-width: 189px
          max-height: 58px

@media screen and (max-width: 767px), print
  .yarning_top_sec
    .l-section-h
      max-width: 870px
      margin-left: auto
      margin-right: unset
      right: 0

    .w-image-h img
      max-width: 256px

    .l-section-h
      .cols_2
        display: block

      .wpb_column
        width: 100% !important
        text-align: center

        &.yarning_top_text
          width: 100% !important
          max-width: 280px
          margin: 35px auto

          p
            color: var(--color1)
            margin-bottom: 39px !important

          .w-btn
            min-width: 189px
            max-height: 58px
            font-size: 14px
            padding: 20px

.l-section
  &.what_yarning_circle_sec.height_medium
    padding-top: 86px
    padding-bottom: 100px

    .yarning_circle_text
      max-width: 520px

      .wpb_wrapper
        h3
          font-size: var(--f39)
          font-weight: 600
          max-width: 70%

        p
          font-size: var(--f20)

  &.getting_country_sec.height_medium
    padding-top: 5px
    padding-bottom: 148px

    .getting_country_text
      max-width: 502px
      margin-right: unset
      margin-left: auto

      p
        font-size: var(--f20)

      .wpb_wrapper h3
        font-size: var(--f39)
        font-weight: 600
        max-width: 100%

  &.past_events_sec.height_medium
    border-top: 1px solid var(--color0)
    padding-top: 84px
    padding-bottom: 30px

    h2
      text-align: center
      font-size: var(--f39)
      font-weight: 600
      margin-bottom: 100px

    .past_events_text
      max-width: 724px
      margin-bottom: 60px

      h3
        font-size: 30px
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.6px
        margin-bottom: 59px

      p
        font-size: var(--f20)

  &.past_events_sec_two.height_medium
    padding-top: 79px
    padding-bottom: 137px

    .past_events_text_two
      max-width: 724px
      margin-right: unset
      margin-left: auto

      p
        font-size: var(--f20)

@media screen and (max-width: 1024px), print
  .l-section.what_yarning_circle_sec.height_medium
    padding-top: 85px
    padding-bottom: 150px

@media screen and (max-width: 767px), print
  .l-section.what_yarning_circle_sec.height_medium
    padding-top: 82px
    padding-bottom: 91px

    .yarning_circle_text
      max-width: 520px
      text-align: center

      .wpb_wrapper
        h3
          font-size: var(--f39)
          font-weight: 600
          max-width: 100%

        p
          max-width: 97%
          margin: 0 auto 15px

@media screen and (max-width: 1024px), print
  .l-section.getting_country_sec.height_medium .getting_country_text
    max-width: 420px

@media screen and (max-width: 767px), print
  .l-section.getting_country_sec.height_medium
    padding-top: 50px
    padding-bottom: 70px

    .getting_country_text
      max-width: 98%
      text-align: center
      margin: 0 auto

      p
        font-size: var(--f20)

      .wpb_wrapper h3
        max-width: 80%
        margin: 0 auto 40px

@media screen and (max-width: 1024px), print
  .l-section.past_events_sec.height_medium
    padding-top: 70px
    padding-bottom: 80px

    .past_events_text
      max-width: 430px
      margin-bottom: 0px

      h3
        font-size: 20px
        margin-bottom: 40px

@media screen and (max-width: 1024px), print
  .l-section.past_events_sec.height_medium
    padding-top: 56px
    padding-bottom: 150px

    h2
      margin-bottom: 40px

@media screen and (max-width: 767px), print
  .l-section.past_events_sec.height_medium
    padding-top: 56px
    padding-bottom: 80px

    h2
      text-align: center
      font-size: var(--f39)
      font-weight: 600
      margin-bottom: 30px

    .past_events_text
      max-width: 724px
      margin-bottom: 0px

      h3
        font-size: 14px
        margin-bottom: 30px
        max-width: 98%

      p
        font-size: var(--f20)

@media screen and (max-width: 1024px), print
  .l-section.past_events_sec_two.height_medium .past_events_text_two
    max-width: 420px

@media screen and (max-width: 767px), print
  .l-section.past_events_sec_two.height_medium
    padding-top: 86px
    padding-bottom: 84px

    .past_events_text_two
      max-width: 98%
      margin: 0 auto

      p
        font-size: var(--f20)

@media screen and (max-width: 600px), print
  section.l-section.yarning_img_sec.pcq_image_sec
    &.height_medium
      padding-bottom: 0 !important

    .g-cols.via_grid > .vc_column_container
      min-width: 210px
      width: 210px

    .w-image-h img
      min-height: 281px

.community_carousel.custom_nav .owl-stage-outer
  padding-bottom: 30px

@media screen and (max-width: 600px), print
  .community_carousel.custom_nav .owl-stage-outer
    padding-bottom: 0px

body .w-btn.icon_atright i
  margin-left: 30px
  transition: 0.3s all

@media screen and (max-width: 1024px), print
  body .w-btn.icon_atright i
    margin-left: 12px

.last_aid_box.pcq_course_sec .l-section-h > .g-cols
  gap: 0

body #accordian-pill .w-tabs-section .w-tabs-section-content .w-tabs-section-content-h
  min-height: auto

.sector_training_header.page-header .page-header-title h1
  max-width: 65%

.primary-nav .navigation ul li a:hover
  font-weight: 600

input:checked
  border-color: #1A0F3D

  &::before
    visibility: visible
    background: #1A0F3D
    position: relative
    top: 0
    content: " " !important
    height: 100%
    width: 100%
    display: block

.basic-course-sec
  .vc_column-inner .w-grid-item
    &:nth-child(1) .w-grid-item-h
      background-color: #09ABA5

    &:nth-child(2) .w-grid-item-h
      background-color: #00BAB3

    &:nth-child(3) .w-grid-item-h, &:nth-child(4) .w-grid-item-h
      background-color: #0CC6BF

    &:nth-child(5) .w-grid-item-h
      background-color: #00BAB3

    &:nth-child(6) .w-grid-item-h, &:nth-child(7) .w-grid-item-h
      background-color: #09ABA5

    &:nth-child(8) .w-grid-item-h
      background-color: #00BAB3

    &.pcq-course-active .w-grid-item-h
      background-color: #005A57 !important

  .w-grid .w-btn:hover
    color: #fff !important

@media screen and (max-width: 600px), print
  .basic-course-sec .vc_column-inner .w-grid-item
    &:nth-child(1) .w-grid-item-h
      background-color: #09ABA5

    &:nth-child(2) .w-grid-item-h
      background-color: #00BAB3

    &:nth-child(3) .w-grid-item-h
      background-color: #0CC6BF

    &:nth-child(4) .w-grid-item-h
      background-color: #00BAB3

    &:nth-child(5) .w-grid-item-h
      background-color: #09ABA5

    &:nth-child(6) .w-grid-item-h
      background-color: #00BAB3

    &:nth-child(7) .w-grid-item-h
      background-color: #0CC6BF

    &:nth-child(8) .w-grid-item-h
      background-color: #00BAB3

.what-is-alliative-content .w-tabs-section .w-tabs-section-header:hover::before
  background: #77003F
  border-color: #77003F
  color: #fff

body
  .what-is-alliative-content .w-tabs-section:hover .w-tabs-section-header .w-tabs-section-title
    color: #77003F

  .workplace_header.page-header .page-header-title h1
    line-height: 115%

section.advocating_individual.about_content_sec
  padding-top: 108px !important
  padding-bottom: 107px !important

  .advocating_txt
    max-width: 95%
    padding-left: 50px

    ul
      margin-left: 35px

      li
        margin: 0

    h3
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px

@media screen and (max-width: 1200px), print
  section.advocating_individual.about_content_sec .advocating_txt h3
    max-width: 80%

@media screen and (max-width: 767px), print
  section.advocating_individual.about_content_sec
    padding-top: 70px !important
    padding-bottom: 81px !important

    .advocating_txt
      max-width: 98%
      padding: 0

.l-section
  &.initiatives_text_sec
    &.introducing_grief.empowering_sec.height_medium
      padding-top: 142px

    &.empowering_sec .l-section-h
      text-align: center
      max-width: 470px
      margin: 0 auto

  &.initiatives_list_sec.height_medium
    padding-top: 101px
    padding-bottom: 30px
    border-bottom: 1px solid var(--color0)

    .wpb_wrapper
      h4
        font-size: 26px
        font-style: normal
        font-weight: 600
        line-height: 150%
        position: relative
        padding-left: 65px
        margin: 0 0 8px
        min-height: 78px

        &:before
          position: absolute
          content: " "
          width: 32px
          height: 32px
          background: #F7961D
          left: 0
          right: auto
          border-radius: 50%

      p
        font-size: 20px
        font-style: normal
        font-weight: 400
        line-height: 150%
        padding-left: 65px
        max-width: 393px

    .g-cols.wpb_row.dot_list_items
      max-width: 842px
      margin: 0 auto 80px

@media screen and (max-width: 1024px), print
  .l-section
    &.initiatives_text_sec
      &.introducing_grief.empowering_sec.height_medium
        padding-top: 90px

      &.empowering_sec .l-section-h
        text-align: center
        max-width: 470px
        margin: 0 auto

    &.initiatives_list_sec.height_medium
      padding-top: 87px
      padding-bottom: 30px

      .wpb_wrapper
        h4
          font-size: 18px
          font-style: normal
          font-weight: 600
          line-height: 150%
          position: relative
          padding-left: 38px
          max-width: 80%
          margin: 0 auto 8px
          min-height: unset

          &:before
            position: absolute
            content: " "
            width: 17px
            height: 17px
            background: #F7961D
            left: 0
            right: auto
            border-radius: 50%

        p
          font-size: 16px
          font-style: normal
          font-weight: 400
          line-height: 150%
          padding-left: 38px
          max-width: 80%
          margin: 0 auto

      .g-cols.wpb_row.dot_list_items
        max-width: 842px
        margin: 0 auto 60px
        gap: 60px

@media screen and (max-width: 767px), print
  .l-section
    &.initiatives_text_sec
      &.introducing_grief.empowering_sec.height_medium
        padding-top: 81px

      &.empowering_sec .l-section-h
        text-align: center
        max-width: 470px
        margin: 0 auto

    &.initiatives_list_sec.height_medium
      padding-top: 87px
      padding-bottom: 30px

      .wpb_wrapper
        h4
          font-size: 18px
          font-style: normal
          font-weight: 600
          line-height: 150%
          position: relative
          padding-left: 38px
          max-width: 80%
          margin: 0 auto 8px
          min-height: unset

          &:before
            position: absolute
            content: " "
            width: 17px
            height: 17px
            background: #F7961D
            left: 0
            right: auto
            border-radius: 50%

        p
          font-size: 14px
          font-style: normal
          font-weight: 400
          line-height: 150%
          padding-left: 38px
          max-width: 80%
          margin: 0 auto

      .g-cols.wpb_row.dot_list_items
        max-width: 842px
        margin: 0 auto 60px
        gap: 60px

body
  section.the_care_sec.contact-cta
    padding-top: 89px !important
    padding-bottom: 85px !important

  .advocacy_header.page-header .page-header-title h1
    line-height: 110%

  section.involved_support_sec
    &.contact-info
      padding-top: 108px !important
      padding-bottom: 66px !important
      border-bottom: 1px solid var(--color0)

    .involved_support_txt.pcq_title
      text-align: center
      margin: 0 auto 68px
      max-width: 615px
      width: 100%

      h4
        margin-bottom: 46px

      p
        font-size: var(--f20)

@media screen and (max-width: 767px), print
  body section.the_care_sec.contact-cta
    padding-top: 71px !important
    padding-bottom: 72px !important

    h4
      text-align: center
      width: 100%

    .wpb_wrapper p
      width: 85%
      text-align: center

    .w-btn-wrapper
      text-align: center !important

@media screen and (max-width: 767px), print
  body .advocacy_header.page-header .page-header-title h1
    max-width: 70%

    br
      display: none

@media screen and (max-width: 1200px), print
  body section.involved_support_sec .involved_support_txt.pcq_title p
    max-width: 80%
    margin: 0 auto

@media screen and (max-width: 767px), print
  body section.involved_support_sec
    &.contact-info
      padding-top: 45px !important
      padding-bottom: 69px !important
      border-bottom: 1px solid var(--color0)

    .involved_support_txt.pcq_title
      text-align: center
      margin: 0 auto 52px
      max-width: 615px
      width: 100%

      h4
        margin-bottom: 36px

      p
        max-width: 90%
        margin: 0 auto

section.l-section.involved_join_sec.how_support_tab.contact-info
  padding-top: 88px !important
  padding-bottom: 100px !important

body section
  &.involved_join_sec .involved_join_txt.pcq_title
    text-align: center
    margin: 0 auto 68px
    max-width: 615px
    width: 100%

    h4
      margin-bottom: 46px

    p
      font-size: var(--f20)

  &.donation_contribution_sec.about_content_sec
    padding-top: 96px !important
    padding-bottom: 118px !important
    max-width: 100%
    width: 100%
    border-bottom: 1px solid var(--color0)

    .l-section-h
      max-width: 870px

    .contribution_text
      h3
        font-size: var(--f39)
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px

      p
        font-size: var(--f20)

    .w-btn
      margin-top: 44px
      border: 1px solid var(--color0)
      background: transparent
      color: var(--color0) !important
      min-width: 202px
      min-height: 62px
      padding: 18px 25px

      &:before
        display: none

      &:hover
        background: #1A0F3D !important
        border-color: transparent
        color: #fff !important

@media screen and (max-width: 1200px), print
  body section.involved_join_sec .involved_join_txt.pcq_title p
    max-width: 90%
    margin: 0 auto

@media screen and (max-width: 767px), print
  section.l-section.involved_join_sec.how_support_tab.contact-info
    padding-top: 45px !important
    padding-bottom: 81px !important

  body section.involved_join_sec .involved_join_txt.pcq_title
    text-align: center
    margin: 0 auto 52px
    max-width: 615px
    width: 100%

    h4
      margin-bottom: 36px

    p
      max-width: 90%
      margin: 0 auto

@media screen and (max-width: 767px), print
  body section.donation_contribution_sec.about_content_sec
    padding-top: 70px !important
    padding-bottom: 81px !important
    max-width: 100%
    width: 100%

    .l-section-h
      max-width: 870px

    .contribution_text
      text-align: center

      h3
        font-size: var(--f39)
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px

      p
        font-size: var(--f20)

    .w-btn-wrapper.align_none
      text-align: center
      display: block

      .w-btn
        margin-top: 44px
        border: 1px solid var(--color0)
        background: transparent
        color: var(--color0) !important
        min-width: 214px
        min-height: 58px
        padding: 19px 25px
        font-size: 14px

        &:hover
          background: #1A0F3D !important
          border-color: transparent
          color: #fff !important

.l-section
  &.donate_part_sec.introducing_grief.empowering_sec.height_medium
    padding-top: 108px

    .wpb_text_column
      h3
        margin-bottom: 46px

      p
        max-width: 95%
        margin: 0 auto

  &.donat_list.initiatives_list_sec.height_medium
    padding-top: 118px

    .g-cols.wpb_row.dot_list_items
      padding-left: 65px

    .wpb_wrapper
      h4
        margin-left: -65px
        max-width: 100%

      p
        font-size: 18px
        max-width: 330px
        padding: 0

@media screen and (max-width: 767px), print
  .l-section.donate_part_sec.introducing_grief.empowering_sec.height_medium
    padding-top: 70px

    .wpb_text_column
      h3
        margin-bottom: 30px
        max-width: 65%

      p
        max-width: 100%

@media screen and (max-width: 1024px), print
  .l-section.donat_list.initiatives_list_sec.height_medium
    padding-top: 80px

    .g-cols.wpb_row.dot_list_items
      padding-left: 65px

    .wpb_wrapper
      h4
        margin-left: -35px
        max-width: 100%

      p
        font-size: 16px
        max-width: 292px
        margin: 0

@media screen and (max-width: 767px), print
  .l-section.donat_list.initiatives_list_sec.height_medium
    padding-top: 70px

    .g-cols.wpb_row.dot_list_items
      padding-left: 65px

    .wpb_wrapper
      h4
        margin-left: -30px
        max-width: 100%

      p
        font-size: 14px
        max-width: 250px
        padding: 0 0 0 8px
        margin: 0

@media screen and (max-width: 600px), print
  .l-section.donat_list.initiatives_list_sec.height_medium .wpb_wrapper
    max-width: 300px
    margin: 0 auto

section.donate_more_info.stay_informed_sec.about_talk_sec
  padding-bottom: 62px !important

  &.wpb_wrapper h3
    text-align: left
    max-width: 70%
    text-align: left
    max-width: 70%

@media screen and (max-width: 767px), print
  section.donate_more_info.stay_informed_sec.about_talk_sec
    padding-bottom: 62px !important

    &.wpb_wrapper h3
      max-width: 100%

.l-section.topics_and_information_sec.height_medium .wpb_wrapper
  p.pcq-ul-heading
    font-size: var(--f20)

  ul li
    margin: 0

.community_carousel .community-slider-counter, .healthcare.community_carousel .professionals-slider-counter
  font-size: var(--f20)
  font-weight: 400
  line-height: 150%
  text-align: center
  margin-top: 75px

@media screen and (max-width: 767px), print
  .community_carousel .community-slider-counter, .healthcare.community_carousel .professionals-slider-counter
    margin-top: 60px
    margin-right: -20px

.primary-nav-container .mobile-header-btn
  display: none

@media screen and (max-width: 600px), print
  .primary-nav-container .mobile-header-btn
    padding: 0 11px 20px
    display: block
    text-align: center

    .w-btn
      min-width: 116px
      min-height: 32px
      padding: 10px 20px
      line-height: 100% !important
      font-weight: 400

      &.btn-outline:hover
        background: #F7961D
        color: #fff !important
        border-color: transparent

      &.btn-orange
        border: 1px solid transparent

        &:hover
          background: transparent
          color: #F7961D !important
          border: 1px solid #F7961D

      + .w-btn
        margin-left: 10px

/*News page CSS

#pcq-news-wrap
  flex-direction: column
  margin-top: 95px

  .pcq-news-result
    max-width: 1156px
    width: 100%
    margin: 0 auto 37px

@media screen and (max-width: 767px), print
  #pcq-news-wrap .pcq-news-result
    max-width: 1156px
    width: 100%
    margin: 0 auto 65px

.pcq-news-result .pcq-news-inner-result
  border-radius: 40px
  border: 1px solid var(--color-content-heading)
  background: var(--color2)
  padding: 44px 185px 43px 58px
  display: flex
  flex-wrap: wrap
  position: relative

#pcq-news-wrap .pcq-news-result .news-date
  color: var(--color-content-text)
  font-family: Spartan
  font-size: var(--f18)
  font-weight: 400
  line-height: 150%
  padding-left: 75px
  margin-bottom: 15px

.pcq-news-inner-result
  .permalink
    position: absolute
    right: 83px
    top: 0
    bottom: 0
    margin: auto
    height: 25px
    width: 92px

    a
      color: var(--color-content-text)
      font-family: Spartan
      font-size: var(--f18)
      font-style: normal
      font-weight: 600
      line-height: 150%
      display: block
      width: 100%
      position: relative

      &::before
        content: ""
        position: absolute
        left: 100%
        background: url(../images/news-arrow.svg) no-repeat center
        background-size: 100% auto
        width: 26.109px
        height: 16.893px
        top: 0
        bottom: 0
        margin: auto

      &:hover
        color: #F7961D

  .news-thumbnail
    background-image: url(../images/news-thumbnail.png)
    background-repeat: no-repeat
    background-position: center
    width: 109px
    height: 109px
    flex-shrink: 0
    overflow: hidden

  .news-content
    width: calc(100% - 170px)
    padding-left: 50px
    display: flex
    flex-direction: column
    justify-content: space-between

.news-content
  .pcq-news-title
    color: var(--color-content-text)
    font-family: Spartan
    font-size: var(--f18)
    font-weight: 600
    line-height: 150%

  .pcq-news-excerpt
    color: var(--color-content-heading)
    font-family: Spartan
    font-size: 14px
    font-style: normal
    font-weight: 400
    line-height: 150%

#news-result-count
  margin-top: 22px
  color: var(--color-content-heading)
  text-align: center
  font-family: Spartan
  font-size: var(--f20)
  font-style: normal
  font-weight: 400
  line-height: 150%

#news-load-more-button
  margin: 22px auto 30px auto
  display: table
  background: var(--color1)
  width: 202px
  height: 62px
  text-align: center
  font-size: var(--f14)
  font-style: normal
  font-weight: 400
  border-color: transparent

  &:hover
    background: #fff
    border-color: var(--color1)
    color: var(--color1) !important

.pcq-dropdown
  position: relative

  > span
    border: 1px solid var(--color0)
    display: block
    border-radius: 64px
    padding: 0px 40px
    height: 62px
    position: relative
    line-height: 62px
    color: var(--color-content-text)
    font-family: Spartan
    font-size: 18px
    font-style: normal
    font-weight: 600
    text-transform: capitalize
    z-index: 2
    cursor: pointer
    background-color: #fff
    appearance: none
    -webkit-appearance: none
    background: #fff url(../images/select-down.svg) no-repeat 94% center !important

  ul
    display: none
    list-style: none
    padding: 0
    margin: 0 0 0 0
    background: #FFF
    border: 1px solid var(--color-content-heading)
    border-radius: 0 0 31px 31px
    position: absolute
    top: 30px
    left: 0
    right: 0
    z-index: 1
    padding-top: 40px

    > li
      color: var(--color-content-text)
      font-family: Spartan
      font-size: var(--f18)
      font-style: normal
      font-weight: 400
      line-height: 120%
      border-bottom: 1px solid #000
      margin: 0
      padding: 16px 40px
      text-transform: capitalize
      cursor: pointer

      &:last-child
        border: none

      &:hover
        font-weight: bold

.advocating_img_box .w-image-h
  width: calc(100% + 55px)

@media screen and (max-width: 600px), print
  .advocating_img_box .w-image-h
    width: 100%
    padding: 0 15px

    img
      height: 300px
      object-fit: cover

.donation_contribution_sec
  &.about_content_sec .g-cols
    grid-gap: 40px !important

  .contribution_img_box .w-image-h
    width: calc(100% + 22px)

  .contribution_right
    padding-left: 52px

    .contribution_text p
      width: 344px

@media screen and (max-width: 1200px), print
  .donation_contribution_sec .contribution_right .contribution_text p
    width: 306px

@media screen and (max-width: 1024px), print
  .donation_contribution_sec
    &.about_content_sec .g-cols
      grid-gap: 40px !important

    .contribution_img_box .w-image-h
      width: 100%

    .contribution_right
      padding-left: 0

      .contribution_text p
        width: 306px

@media screen and (max-width: 600px), print
  .donation_contribution_sec
    &.about_content_sec .g-cols
      grid-gap: 40px !important

    .contribution_img_box .w-image-h
      width: 100%
      padding: 0 15px

      img
        height: 300px
        object-fit: cover

    .contribution_right
      padding-left: 0

      .contribution_text p
        width: 344px
        margin: 0 auto

.donate_more_info.about_talk_sec .wpb_wrapper h3
  max-width: 300px
  text-align: left

@media screen and (max-width: 1200px), print
  .donate_more_info.about_talk_sec .wpb_wrapper p
    width: 315px

.l-section
  &.fundraise_list.initiatives_list_sec.height_medium
    padding-top: 109px
    padding-bottom: 80px

    .g-cols.wpb_row.dot_list_items
      margin: 0 auto 50px

  &.small_event_text.introducing_grief.empowering_sec
    &.height_medium
      padding-top: 109px

    .l-section-h
      text-align: left
      position: relative
      margin: 0 auto
      width: 100%
      max-width: var(--site-content-width, 1200px)

    .wpb_text_column h3
      margin: 0 0 27px

@media screen and (max-width: 767px), print
  .l-section.fundraise_list.initiatives_list_sec.height_medium
    padding-top: 55px
    padding-bottom: 0

    .g-cols.wpb_row.dot_list_items
      margin: 0 auto 35px
      gap: 35px

@media screen and (max-width: 767px), print
  .l-section.small_event_text.introducing_grief.empowering_sec
    &.height_medium
      padding-top: 70px

    .l-section-h
      text-align: center

    .wpb_text_column h3
      max-width: 78%
      margin: 0 auto 27px

section.get_started_slider.pcq_focus_grid
  padding-top: 28px !important
  padding-bottom: 159px !important

  .owl-stage
    align-items: unset !important

  .w-grid-item-h
    padding: 41px 47px 67px

    .w-btn
      font-size: var(--f20)
      font-weight: 600
      line-height: 150%
      padding: 0
      background: transparent
      color: var(--color0) !important
      display: flex
      flex-direction: row-reverse
      justify-content: center
      align-items: center
      margin: 0 auto
      position: absolute
      bottom: 40px
      left: 0
      right: 0
      max-width: max-content

      &:hover
        background: transparent

      &:before
        display: none

      i
        margin-right: 0
        margin-left: 30px

        &:before
          content: ""
          background-image: url(../images/arrow.svg)
          background-repeat: no-repeat
          background-position: right center
          width: 26px
          height: 17px
          display: inline-block
          position: relative
          top: 2px
          margin-left: 0px

  .w-grid-list .owl-item.active
    .w-btn
      color: #fff !important

    .w-grid-item-h .w-btn i:before
      -webkit-filter: brightness(1) invert(1)
      filter: brightness(1) invert(1)

  .slider-counter
    margin: 42px auto 0

@media screen and (max-width: 767px), print
  section.get_started_slider.pcq_focus_grid
    padding-top: 28px !important
    padding-bottom: 48px !important

    .owl-stage
      align-items: unset !important

    .w-grid-item-h
      padding: 41px 31px 100px

      .w-btn
        font-size: var(--f20)
        font-weight: 600
        line-height: 150%
        padding: 0
        background: transparent
        color: var(--color0) !important
        display: flex
        flex-direction: row-reverse
        justify-content: center
        align-items: center
        margin: 0 auto
        position: absolute
        bottom: 25px
        left: 0
        right: 0
        max-width: max-content

        &:hover
          background: transparent

        &:before
          display: none

        i:before
          content: ""
          background-image: url(../images/arrow.svg)
          background-repeat: no-repeat
          background-position: right center
          width: 26px
          height: 17px
          display: inline-block
          position: relative
          top: 2px
          margin-left: 0px

    .w-grid-list .owl-item.active
      .w-btn
        color: #fff !important

      .w-grid-item-h .w-btn i:before
        -webkit-filter: brightness(1) invert(1)
        filter: brightness(1) invert(1)

    .slider-counter
      margin: 62px auto 0

.l-section.event_sec #pcq-event-wrap .pcq-event-result .pcq-event-inner-result
  padding: 50px 52px 70px 49px

@media screen and (max-width: 1024px), print
  .pcq-dropdown ul
    padding-top: 38px

  .l-section.event_sec
    #pcq-event-wrap .pcq-event-result .pcq-event-inner-result
      padding: 30px 30px 40px 30px
      border-radius: 30px

    .pcq-event-result h2
      font-size: 24px

  .pcq-news-result .pcq-news-inner-result
    border-radius: 30px
    padding: 35px 160px 35px 30px

  .pcq-news-inner-result
    .news-content
      width: calc(100% - 150px)
      padding-left: 35px

    .permalink
      right: 65px

@media screen and (max-width: 767px), print
  .pcq-news-inner-result .news-thumbnail
    width: 63px
    height: 63px
    margin-bottom: 35px

  .pcq-news-result .pcq-news-inner-result
    display: block
    padding: 25px 35px 20px 22px
    border-radius: 20px

  .pcq-news-inner-result .news-content
    width: 100%
    padding-left: 0

  .news-content .pcq-news-title
    font-size: 18px
    font-weight: 600
    min-height: 111px
    margin-bottom: 15px

  .pcq-news-inner-result .permalink
    position: unset
    width: 80px
    margin: 35px 0 0

    a::before
      left: 95%
      background-size: 100% auto
      width: 21px
      height: 13px

.pcq-news-search .pcq-news-wrap
  margin-top: 24px

body .pcq-news-search input
  padding: 4px 42px
  border-radius: 64px
  min-height: 62px !important
  height: auto

@media screen and (max-width: 767px), print
  body .pcq-news-search input
    font-size: 14px
    padding: 4px 22px
    border-radius: 79px
    min-height: 53px !important
    height: auto

  .pcq-dropdown > span
    font-size: 14px
    height: 53px
    line-height: 53px
    padding: 0px 22px
    border-radius: 79px

  .pcq-news-search .pcq-news-wrap
    margin-top: 14px

  .pcq-dropdown ul > li
    padding: 14px 18px
    word-break: break-all

  #pcq-news-wrap
    margin-top: 70px

.l-section.event_sec
  &.height_medium
    padding-top: 66px
    padding-bottom: 73px

  .pcq-events-search
    input
      border-radius: 64px
      padding: 4px 42px
      border-radius: 64px
      min-height: 62px !important
      height: auto

    .pcq-event-wrap
      margin-top: 24px

  .pcq-event-result
    h2
      color: var(--color0)
      font-size: 30px
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.6px
      min-height: 120px

    .permalink a
      background-image: url(../images/register-arrow.svg)
      background-repeat: no-repeat
      background-position: right center
      padding-right: 50px
      font-size: 20px
      font-style: normal
      font-weight: 600
      line-height: 150%
      color: var(--color0)

  .pcq-event-inner-result
    .pcq-event-date
      font-size: 20px
      font-style: normal
      font-weight: 400
      line-height: 150%
      max-width: 100%

    .fees-mode
      color: var(--color1)
      font-size: 20px
      font-weight: 400
      line-height: 150%
      margin-bottom: 42px

  #event-result-count
    text-align: center
    font-size: 20px
    font-weight: 400
    line-height: 150%

  #event-load-more-button
    margin: 22px auto 0
    text-align: center
    display: block
    background-color: var(--color1)
    border-color: transparent

    &:hover
      background-color: transparent
      border-color: var(--color1)
      color: var(--color1) !important

@media screen and (max-width: 1024px), print
  .l-section
    &.event_sec
      .pcq-events-search
        input
          font-size: 14px
          padding: 4px 22px
          border-radius: 79px
          min-height: 53px !important
          height: auto

        .pcq-event-wrap
          margin-top: 14px

      .pcq-event-result
        h2
          font-size: 22px
          letter-spacing: -0.4px
          min-height: 100px

        .permalink a
          padding-right: 40px
          font-size: 16px

      .pcq-event-inner-result
        .pcq-event-date
          font-size: 14px
          font-style: normal
          font-weight: 400
          max-width: 100%

        .fees-mode
          color: var(--color1)
          font-size: 14px
          font-weight: 400
          line-height: 150%
          margin-bottom: 33px

    &.see_how_sec.about_talk_sec.height_medium
      padding-left: 20px
      padding-right: 20px

      h3
        margin-left: 50px

  section.get_started_slider.pcq_focus_grid .w-grid-item-h .w-btn i
    margin-right: 0
    margin-left: 12px

@media screen and (max-width: 767px), print
  .l-section
    &.event_sec
      &.height_medium
        padding-top: 56px
        padding-bottom: 78px

      .pcq-events-search
        input
          font-size: 14px
          padding: 4px 22px
          border-radius: 79px
          min-height: 53px !important
          height: auto

        .pcq-event-wrap
          margin-top: 14px

      .pcq-event-result
        h2
          font-size: 20px
          letter-spacing: -0.4px
          min-height: 75px

        .permalink a
          padding-right: 40px
          font-size: 12px

      .pcq-event-inner-result
        .pcq-event-date
          font-size: 14px
          font-style: normal
          font-weight: 400
          line-height: 150%

        .fees-mode
          color: var(--color1)
          font-size: 14px
          font-weight: 400
          line-height: 150%
          margin-bottom: 30px

      #event-result-count
        text-align: center
        font-size: 14px

      #event-load-more-button
        margin: 22px auto 0
        text-align: center
        display: block
        background-color: var(--color1)
        border-color: transparent

        &:hover
          background-color: transparent
          border-color: var(--color1)
          color: var(--color1) !important
          font-size: 14px
          min-width: 189px
          min-height: 58px

    &.see_how_sec.about_talk_sec.height_medium h3
      margin-left: 0px
      max-width: 335px

@media screen and (max-width: 767px), print
  .pcq-dropdown ul
    padding-top: 28px

  .l-section.event_sec
    #pcq-event-wrap
      margin: 69px 0 47px

    .pcq-event-result
      width: 100%
      margin: 0 0 24px
      padding: 0

    .pcq-event-inner-result
      border-radius: 20px

    #pcq-event-wrap .pcq-event-result
      width: 100%
      margin: 0 0 24px
      padding: 0

      .pcq-event-inner-result
        padding: 30px 40px 40px 22px

  #news-load-more-button
    min-width: 189px
    min-height: 58px
    width: auto
    height: auto

  .community_carousel.custom_nav .owl-nav
    left: 0
    right: -20px

.resources_slider.pcq_focus_grid .w-grid-item-h
  h4
    font-size: 30px
    max-width: 98%
    margin-left: auto
    margin-right: auto

  p
    max-width: 260px
    margin: 0 auto

@media screen and (max-width: 1200px), print
  .resources_slider.pcq_focus_grid .w-grid-item-h h4
    font-size: 20px

@media screen and (max-width: 600px), print
  .resources_slider.pcq_focus_grid .w-grid-item-h h4
    font-size: 20px

  .volunteer_header.page-header .page-intro
    justify-content: center

    p
      max-width: 328px
      margin: 0 auto
      text-align: center

.basic-course-sec .vc_column-inner .w-grid-item .w-grid-item-h:hover
  background-color: #09ABA5

.the_care_sec.contact-cta a.w-btn
  min-width: 234.581px
  min-height: 62px
  padding: 19px 40px

@media screen and (max-width: 600px), print
  .the_care_sec.contact-cta a.w-btn
    min-width: 189px
    min-height: 58px
    padding: 19px 40px

.initiatives_text_sec.introducing_grief.empowering_sec .wpb_text_column h3
  margin-bottom: 40px

.l-section
  &.small_event_text .small_events_txt_box
    max-width: 420px

  &.fundraise_list.initiatives_list_sec.height_medium .wpb_wrapper h4
    max-width: 93%

@media screen and (max-width: 1200px), print
  .l-section.small_event_text .small_events_txt_box
    max-width: 380px

@media screen and (max-width: 1024px), print
  .l-section.fundraise_list.initiatives_list_sec.height_medium
    .g-cols.wpb_row.dot_list_items
      margin: 0 auto 30px

    .wpb_wrapper h4
      max-width: 246px

.download_fundraising_sec.about_talk_sec .wpb_wrapper h3
  text-align: left

@media screen and (max-width: 1200px), print
  .download_fundraising_sec.about_talk_sec .wpb_wrapper
    h3
      max-width: 300px

    p
      width: 340px

  .events_header.page-header .wpb_wrapper p
    max-width: 92%
    margin: 0 auto

  .event_bottom_sec.about_talk_sec .wpb_wrapper p
    width: 100%
    max-width: 320px

@media screen and (max-width: 600px), print
  .event_bottom_sec.about_talk_sec .wpb_wrapper p
    width: 100%
    max-width: 95%

.l-section
  &.pcq-single-news.height_medium
    padding-top: 105px
    padding-bottom: 90px

    .entry-date
      display: block
      color: #59595B
      font-size: 20px
      font-style: normal
      font-weight: 400
      line-height: 150%
      max-width: 930px
      margin: 0 auto 46px

    .post_title
      font-size: var(--f39)
      max-width: 930px
      margin: 0 auto 46px
      line-height: 1.4

    .post_content
      max-width: 930px
      margin: 0 auto

      p
        font-size: var(--f20)
        line-height: 150%

  &.error_page_sec.height_medium
    height: 100vh
    display: flex
    align-items: center
    justify-content: center
    text-align: center

    .error_text_part
      h2
        color: var(--color1)
        font-size: 60px
        font-weight: 600
        line-height: 100%
        margin: 0 0 47px

      p
        color: var(--color1)
        font-size: var(--f20)
        max-width: 270px
        margin: 0 auto 50px
        line-height: 150%

      .w-btn.btn-maroon
        min-width: 240px
        min-height: 62px

@media screen and (max-width: 767px), print
  .l-section.pcq-single-news.height_medium
    padding-top: 53px
    padding-bottom: 82px

    .entry-date
      font-size: 14px
      font-weight: 400
      margin: 0 auto 35px

    .post_title
      font-size: 25px
      max-width: 930px
      margin: 0 auto 35px

    .post_content
      max-width: 930px
      margin: 0 auto

@media screen and (max-width: 767px), print
  .l-section.error_page_sec.height_medium
    height: auto
    padding-bottom: 70px
    padding-top: 77px

@media screen and (max-width: 1200px), print
  .l-section.error_page_sec.height_medium .error_text_part p
    font-size: 18px
    max-width: 250px

@media screen and (max-width: 767px), print
  .l-section.error_page_sec.height_medium .error_text_part
    p
      font-size: 18px

    .w-btn.btn-maroon
      min-width: 214px
      min-height: 58px
      padding: 20px 25px
      font-size: 14px

section.how_to_get.pcq_focus_title
  padding-bottom: 99px !important

  h4
    margin-bottom: 27px

.get_started_slider.pcq_focus_grid .w-grid-item-h h4
  min-height: 150px

@media screen and (max-width: 767px), print
  .get_started_slider.pcq_focus_grid .w-grid-item-h h4
    min-height: 66px

section
  &.everyone_volunteer_sec.pcq_la_title
    padding-top: 109px !important
    padding-bottom: 50px !important

    .volunteer_top_text
      max-width: 425px

      .vc_column-inner
        h4
          width: 100%
          margin-bottom: 32px

        p
          width: 100%

    .w-btn-wrapper
      margin: 64px 0 0

      .w-btn
        min-width: 300px
        min-height: 62px

  &.vol_village.pcq_image_sec
    padding-bottom: 100px !important

@media screen and (max-width: 1200px), print
  section.wpb_row.everyone_volunteer_sec.pcq_la_title
    padding-top: 109px !important
    padding-bottom: 90px !important

    .volunteer_top_text
      max-width: 375px

    .w-btn-wrapper
      margin: 40px 0 0

  body .page-header .page-intro p
    max-width: 92%
    margin: 0 auto

@media screen and (max-width: 767px), print
  section.wpb_row.everyone_volunteer_sec.pcq_la_title
    padding-top: 70px !important
    padding-bottom: 92px !important

    .volunteer_top_text
      max-width: 375px

    .w-btn-wrapper
      margin: 58px 0 0

      .w-btn
        min-width: 214px
        min-height: 58px
        padding: 17px 25px

  body .page-header .page-intro p
    max-width: 100%

@media screen and (max-width: 767px), print
  section.vol_village.pcq_image_sec
    padding-bottom: 26px !important
    padding-top: 0

.villagers_box.our_community_sec .wpb_wrapper h5
  padding-bottom: 48px

@media screen and (max-width: 1024px), print
  .villagers_box.our_community_sec .wpb_wrapper h5
    padding-bottom: 30px

.l-section
  &.palliative_care_jobs_sec.height_medium
    padding-top: 66px

    .pcq-roles-search
      max-width: 582px
      margin: 0 auto 76px

      input
        padding: 4px 42px
        border-radius: 64px
        min-height: 62px !important
        height: auto

      .pcq-roles-wrap
        margin-top: 26px

    #pcq-roles-wrap
      flex-wrap: wrap
      margin-bottom: 80px

    .pcq-roles-result
      width: 100%
      max-width: 1156px
      margin: 0 auto 36px

    .pcq-roles-inner-result
      padding: 47px 76px
      border-radius: 40px
      border: 1px solid #292929
      background-color: #FFF
      display: flex
      flex-wrap: wrap
      align-items: center
      justify-content: space-between
      transition: 0.3s all

      &:hover
        border-color: transparent
        background-color: var(--color1)

        *
          color: #fff

      .roles-content
        max-width: calc(100% - 150px)

        .pcq-roles-title
          font-size: 20px
          font-weight: 600
          line-height: 150%

        p
          font-size: var(--f18)
          line-height: 150%

      .permalink
        max-width: 100px

        a
          color: var(--color0)
          background-image: url(../images/news-arrow.svg)
          background-repeat: no-repeat
          background-position: right center
          font-size: var(--f18)
          font-style: normal
          font-weight: 600
          line-height: 150%
          padding-right: 60px

      &:hover .permalink a
        -webkit-filter: brightness(1) invert(1)
        filter: brightness(1) invert(1)

    #roles-result-count
      text-align: center
      font-size: 20px
      font-style: normal
      font-weight: 400
      line-height: 150%
      margin-top: 20px

    #roles-load-more-button
      display: block
      margin: 45px auto 0
      min-width: 202px
      min-height: 62px
      border-color: transparent
      background-color: #1A0F3D

      &:hover
        background-color: transparent
        color: var(--color1) !important
        border-color: var(--color1)

  &.palliative-care.pcq_image_sec.height_medium
    padding-top: 150px !important
    padding-bottom: 164px !important

@media screen and (max-width: 1024px), print
  .l-section.palliative_care_jobs_sec.height_medium
    .pcq-roles-search
      margin: 0 auto 61px

      .pcq-roles-wrap
        margin-top: 18px

    #pcq-roles-wrap
      flex-wrap: wrap
      margin-bottom: 110px

    .pcq-roles-result
      width: 100%
      max-width: 1156px
      margin: 0 auto 42px

    .pcq-roles-inner-result
      padding: 31px 33px 28px 22px
      border-radius: 30px

      .roles-content p
        font-size: var(--f18)
        line-height: 150%

      .permalink
        max-width: 100%

        a
          padding-right: 45px

    #roles-result-count
      margin-top: 10px

@media screen and (max-width: 767px), print
  .l-section.palliative_care_jobs_sec.height_medium
    padding-top: 56px

    .pcq-roles-search
      margin: 0 auto 61px

      input
        font-size: 14px
        padding: 4px 22px
        border-radius: 79px
        min-height: 53px !important
        height: auto

      .pcq-roles-wrap
        margin-top: 14px

    #pcq-roles-wrap
      flex-wrap: wrap

    .pcq-roles-result
      width: 100%
      max-width: 1156px
      margin: 0 auto 42px

    .pcq-roles-inner-result
      padding: 31px 33px 28px 22px
      border-radius: 20px
      display: block

      &:hover
        border-color: transparent
        background-color: var(--color1)

        *
          color: #fff

      .roles-content
        max-width: 100%
        margin-bottom: 20px

        .pcq-roles-title
          font-size: 18px

        p
          font-size: var(--f18)
          line-height: 150%

      .permalink
        max-width: 100%

        a
          font-size: 14px
          padding-right: 45px

    #roles-result-count
      font-size: 14px
      margin-top: 10px

    #roles-load-more-button
      font-size: 14px
      margin: 28px auto 40px
      min-width: 189px
      min-height: 58px

@media screen and (max-width: 600px), print
  .l-section.palliative_care_jobs_sec.height_medium #pcq-roles-wrap
    margin-bottom: 0

@media screen and (max-width: 767px), print
  .l-section.palliative-care.pcq_image_sec.height_medium
    padding-top: 20px !important
    padding-bottom: 99px !important

section.wpb_row.why_pcq_sec.pcq_la_title
  padding-top: 109px !important

  .vc_column-inner p
    width: 100%
    max-width: 410px

  .pcq_rn_btn
    padding: 19px 55px
    margin-top: 58px
    min-width: 300px
    min-height: 62px

@media screen and (max-width: 1200px), print
  section.wpb_row.why_pcq_sec.pcq_la_title
    padding-top: 85px !important

    .vc_column-inner p
      width: 100%
      max-width: 367px

@media screen and (max-width: 767px), print
  section.wpb_row.why_pcq_sec.pcq_la_title
    padding-top: 70px !important

    .vc_column-inner p
      width: 100%
      max-width: 96%
      margin: 0 auto

    .pcq_rn_btn
      padding: 19px 30px
      margin-top: 49px
      min-width: 214px
      min-height: 58px

.l-section.our_culture.getting_country_sec.height_medium
  padding-bottom: 109px

  .getting_country_text
    max-width: 402px
    margin-right: 100px
    margin-left: auto

@media screen and (max-width: 1200px), print
  .l-section.our_culture.getting_country_sec.height_medium
    padding-bottom: 109px

    .getting_country_text
      max-width: 365px
      margin-right: 0
      margin-left: auto

@media screen and (max-width: 767px), print
  .l-section.our_culture.getting_country_sec.height_medium
    padding-bottom: 75px

    .getting_country_text
      max-width: 98%
      margin: 0 auto

section.pcq_want_sec.know_ambulance.about_talk_sec
  .wpb_wrapper p
    width: 100%
    max-width: 350px

  .w-btn
    min-width: 318px
    min-height: 62px

@media screen and (max-width: 767px), print
  section.pcq_want_sec.know_ambulance.about_talk_sec
    .g-cols
      grid-gap: 16px

    .wpb_wrapper
      h3
        color: var(--color0)

      p
        width: 100%
        max-width: 77%

    .w-btn
      min-width: 218px
      min-height: 58px
      padding: 18px 20px

.stay_informed_sec.about_talk_sec .wpb_wrapper p
  width: 65%

@media screen and (max-width: 1200px), print
  .stay_informed_sec.about_talk_sec .wpb_wrapper p
    width: 360px

@media screen and (max-width: 767px), print
  .stay_informed_sec.about_talk_sec .wpb_wrapper p
    width: 76%

  #pcq-news-wrap .pcq-news-result .news-date
    padding-left: 22px

.l-section.support_community_sec.news-template-gallery
  &.height_medium
    padding-top: 0

  .w-grid-list
    padding-top: 200px

  .w-grid-item
    &:nth-child(3n)
      margin-top: -200px

    &:nth-child(3n-1)
      margin-top: -100px

    &:nth-child(3n+1)
      margin-top: 0

    .post_image
      position: relative
      overflow: hidden
      border-radius: 40px
      margin: 0 !important
      padding-bottom: 135%

      &::before
        position: absolute
        content: ""
        top: 0
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
        width: 100%
        height: 100%

      img
        position: absolute
        top: 0
        height: 100%
        width: 100%
        object-fit: cover

@media screen and (max-width: 991px), print
  .l-section.support_community_sec.news-template-gallery
    &.height_medium, .w-grid-list
      padding-top: 0

    .w-grid-item
      &:nth-child(3n)
        margin-top: 0

      &:nth-child(3n-1)
        margin-top: 0px

      &:nth-child(3n+1)
        margin-top: 0

      .post_image
        position: relative
        overflow: hidden
        border-radius: 40px
        margin: 0 !important
        padding-bottom: 135%

        &::before
          position: absolute
          content: ""
          top: 0
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
          width: 100%
          height: 100%

        img
          position: absolute
          top: 0
          height: 100%
          width: 100%
          object-fit: cover

@media screen and (max-width: 767px), print
  .l-section.support_community_sec.news-template-gallery
    padding-bottom: 82px

    .w-grid-list
      padding-top: 0
      display: flex
      overflow: auto
      flex-wrap: unset
      gap: 0

    .vc_column-inner .w-grid[class*="cols_"] .w-grid-item
      padding: 0 8px !important
      margin: 0 0 !important
      min-width: 208px
      width: 208px !important

    .w-grid-item .post_image
      position: relative
      overflow: hidden
      border-radius: 40px
      margin: 0 !important
      padding-bottom: 0
      height: 277px

.individual-slider-counter, .organization-slider-counter
  text-align: center
  font-size: var(--f20)
  font-weight: 400
  line-height: 150%

.our_community_sec.height_medium .l-section-h
  max-width: 1195px

@media screen and (max-width: 1200px), print
  .our_community_sec.height_medium .l-section-h
    padding: 0 25px

@media screen and (max-width: 767px), print
  .our_community_sec.height_medium .l-section-h
    padding: 0

.marquee_animation_sec .marquee_inner-wrap ul
  display: flex
  white-space: nowrap
  align-items: top
  -webkit-animation: loop 30s infinite linear
  animation: loop 30s infinite linear
  padding: 0
  margin: 0
  display: flex
  white-space: nowrap

  &:hover
    animation-play-state: paused

  &:nth-child(even)
    display: flex
    white-space: nowrap
    align-items: top
    -webkit-animation: loop_reverse 30s infinite linear
    animation: loop_reverse 30s infinite linear
    margin-top: 10px

    &:hover
      animation-play-state: paused

  li
    list-style: none
    font-size: 35px
    font-style: normal
    font-weight: 300
    line-height: 110%
    letter-spacing: -0.7px
    padding: 0
    margin: 0
    color: #fff
    margin-right: 20px
    padding-right: 20px
    position: relative

    &:after
      position: absolute
      content: " "
      height: 100%
      width: 1px
      left: auto
      right: 0
      top: -1px
      display: block
      background: #fff

    &:hover:after
      opacity: 0

    a
      color: inherit
      font-size: inherit
      transition: 0.3s all
      display: flex
      align-items: center

      &:after
        content: " "
        background-image: url(../images/marquee_arrow.svg)
        background-repeat: no-repeat
        background-position: center
        background-size: 36px
        width: 52px
        height: 30px
        opacity: 0
        visibility: hidden
        display: none

      &:hover
        font-weight: 600
        transition: 0.3s all

        &:after
          opacity: 1
          visibility: visible
          margin-left: 15px
          display: block

@media screen and (max-width: 1024px), print
  .marquee_animation_sec .marquee_inner-wrap ul li
    font-size: 24px

@media screen and (max-width: 767px), print
  .marquee_animation_sec .marquee_inner-wrap ul
    -webkit-animation: loop 9s infinite linear
    animation: loop 9s infinite linear

    li
      font-size: 18.572px
      letter-spacing: -0.371px
      padding: 0
      margin: 0
      color: #fff
      margin-right: 15px
      padding-right: 15px
      position: relative

.l-section.become_member_text_sec.height_medium
  padding-top: 108px
  padding-bottom: 108px

  .getting_country_text
    text-align: center
    max-width: 480px
    margin: 0 auto

    h3
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px

@media screen and (max-width: 767px), print
  .l-section.become_member_text_sec.height_medium
    padding-top: 70px
    padding-bottom: 61px

    .getting_country_text
      text-align: center
      max-width: 480px
      margin: 0 auto

      h3
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px

section.individual_slider_sec
  &.pcq_wt_grid.help_come_slider
    border-bottom: 1px solid var(--color0)
    padding-bottom: 110px !important
    padding-top: 0 !important

  &.pcq_focus_grid.help_come_slider .w-grid-item-h
    min-height: 524px

  &.pcq_wt_grid.help_come_slider
    .w-grid-list
      padding-right: 43.5% !important
      padding-left: calc((100% - 1160px)/2)

    .individual-slider-counter
      margin-top: -36px

@media screen and (max-width: 767px), print
  section.individual_slider_sec
    &.pcq_wt_grid.help_come_slider
      padding-bottom: 70px !important

    &.pcq_focus_grid.help_come_slider .w-grid-item-h
      min-height: 386px

    &.pcq_wt_grid.help_come_slider
      .w-grid-list
        padding: 0 60px 0 20px !important

      .individual-slider-counter
        margin-top: -32px
        font-weight: 600

.l-section.organisational_txt.become_member_text_sec.height_medium
  padding-top: 98px

.organisational_slider.pcq_wt_grid .w-grid-list
  padding-left: calc((100% - 1160px)/2)

@media screen and (max-width: 767px), print
  .l-section.organisational_txt.become_member_text_sec.height_medium
    padding-top: 64px

section.organisational_slider.pcq_wt_grid.help_come_slider
  border-bottom: 1px solid var(--color0)
  padding-bottom: 110px !important
  padding-top: 0px !important

  .w-grid-item-h
    min-height: 695px

  .organization-slider-counter
    margin-top: -36px

@media screen and (max-width: 767px), print
  section.organisational_slider.pcq_wt_grid.help_come_slider
    padding-bottom: 70px !important

    .w-grid-item-h
      min-height: 610px

    .organization-slider-counter
      margin-top: -32px
      font-weight: 600

.l-section
  &.org_members_sec.height_medium
    padding-top: 88px
    padding-bottom: 88px

    h4
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      text-align: center
      margin-bottom: 62px

    .pcq-webinar-search
      max-width: 582px
      margin: 0 auto

      input
        width: 100%
        min-height: 62px
        border-radius: 64px
        border: 1px solid #292929
        padding: 4px 42px
        font-size: var(--f18)
        font-weight: 300
        line-height: 150%

  &.become_member_marquee_sec.height_medium
    padding-top: 0
    padding-bottom: 120px
    padding-left: 0
    padding-right: 0
    overflow: hidden

    .marquee_inner-wrap
      ul
        margin: 0
        align-items: top
        -webkit-animation: loop 30s infinite linear
        animation: loop 30s infinite linear
        padding: 0
        margin: 0
        display: flex
        white-space: nowrap

        &:hover
          animation-play-state: paused

      &:nth-child(even) ul
        -webkit-animation: loop_reverse 30s infinite linear
        animation: loop_reverse 30s infinite linear
        margin-top: 5px

        &:hover
          animation-play-state: paused

      ul li
        color: var(--color1)
        font-size: 50px
        font-style: normal
        font-weight: 400
        line-height: 110%
        letter-spacing: -1px
        list-style: none
        padding: 0 17px
        transition: 0.3s all

        &:hover
          font-weight: 600

        a
          color: inherit
          font-size: inherit

@media screen and (max-width: 767px), print
  .l-section.org_members_sec.height_medium
    padding-top: 64px
    padding-bottom: 72px

    h4
      margin-bottom: 55px

    .pcq-webinar-search
      max-width: 582px
      margin: 0 auto

      input
        width: 100%
        min-height: 53px
        border-radius: 79px
        padding: 4px 42px
        font-size: var(--f18)
        font-weight: 300
        line-height: 150%

@media screen and (max-width: 1024px), print
  .l-section.become_member_marquee_sec.height_medium .marquee_inner-wrap ul li
    font-size: 30px
    letter-spacing: -0.485px
    padding: 0 10px

@media screen and (max-width: 767px), print
  .l-section.become_member_marquee_sec.height_medium
    padding-top: 0
    padding-bottom: 81px

    .marquee_inner-wrap
      ul
        margin: 0
        align-items: top
        -webkit-animation: loop 30s infinite linear
        animation: loop 30s infinite linear
        padding: 0
        margin: 0
        display: flex
        white-space: nowrap

      &:nth-child(even) ul
        -webkit-animation: loop_reverse 30s infinite linear
        animation: loop_reverse 30s infinite linear
        margin-top: 3px

      ul li
        font-size: 24.239px
        letter-spacing: -0.485px
        padding: 0 8px

.additional_support_sec
  #accordian-pill .w-tabs-section .w-tabs-section-content .w-tabs-section-content-h
    min-height: unset

    .g-cols .vc_column-inner .wpb_text_column
      width: 100%

  .w-tabs-section
    text-align: center

  #accordian-pill .w-tabs-section .w-tabs-section-header.active
    text-align: center
    justify-content: center

body .additional_support_sec.contact-info .l-section-h
  max-width: 1159px

  #accordian-pill .w-tabs-section .w-tabs-section-header
    padding-top: 16px !important
    padding-bottom: 16px !important

.primary-nav .navigation ul li ul
  opacity: 0
  visibility: hidden
  transition: 0.3s all

  &.active
    opacity: 1
    visibility: visible
    transition: 0.3s all

.w-grid-list .owl-item.active + .owl-item.active .w-grid-item-h
  background: transparent
  border: 1px solid #000

  .w-btn i:before
    -webkit-filter: unset
    filter: unset

  *
    color: #292929 !important

.support_community_sec .w-grid-list.active
  padding-top: 20px

  .w-grid-item
    margin-top: 0 !important
    margin-top: 0 !important

.pcq_image_sec
  .wpb_column:nth-child(1)
    -webkit-transform: translateY(-150px)
    transform: translateY(-150px)

  &.card-active .wpb_column:nth-child(1)
    -webkit-transform: translateY(0px)
    transform: translateY(0px)
    -webkit-transition: all 1s ease
    transition: all 1s ease

.support_community_sec .w-grid-item
  opacity: 0
  transform: translateY(100px)
  transition: 0.6s all
  transition-delay: 0.2s

  &.do-animation
    transform: translateZ(0)
    opacity: 1

@keyframes fade
  0%
    opacity: 0
    visibility: hidden
    transition-delay: 3s

  100%
    opacity: 1
    visibility: visible
    transition-delay: 3s

@keyframes loop
  100%
    -webkit-transform: translateX(-100%)
    transform: translateX(-100%)

@keyframes loop_reverse
  0%
    -webkit-transform: translateX(-100%)
    transform: translateX(-100%)

.our_community_sec .w-grid-list::-webkit-scrollbar, .support_community_sec.news-template-gallery .w-grid-list::-webkit-scrollbar
  display: none !important

body
  .w-search.layout_modern.active .w-search-open
    z-index: 2
    opacity: 1
    position: absolute
    left: 7px
    top: 50%
    transform: translateY(-50%)

  #page-header .w-search.layout_modern.active .w-search-open .fa-search::before
    background: unset

section.l-section.individual-form-section.height_medium
  padding-top: 59px
  padding-bottom: 65px
  background-color: #FFE6E0

  .register_member_text
    text-align: center
    max-width: 525px
    margin: 0 auto

    h3
      color: var(--color1)
      font-size: 24px
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.48px
      margin-bottom: 25px

    p
      color: var(--color1)
      font-size: var(--f18)
      font-style: normal
      font-weight: 400
      line-height: 150%

.pcq-date-time
  margin-bottom: 42px

@media screen and (max-width: 767px), print
  .pcq-date-time
    margin-bottom: 33px

.pcq-webinar-search .pcq-dropdown
  width: 50%
  margin: 0 13px

@media screen and (max-width: 767px), print
  .pcq-webinar-search .pcq-dropdown
    margin: 0 5px

.page-role-message p
  color: var(--color0)
  text-align: center
  font-size: 25.826px
  font-style: normal
  font-weight: 600
  line-height: 110%
  letter-spacing: -0.517px
  max-width: 625px
  margin: 0 auto
  width: 100%

@media screen and (max-width: 1024px), print
  .page-role-message
    margin-bottom: 50px

@media screen and (max-width: 767px), print
  .page-role-message p
    font-size: 21.074px
    letter-spacing: -0.421px
    max-width: 295px
    margin: 0 auto
    width: 100%
    margin-bottom: 20px

.toolkits_txt .w-text-value
  line-height: 150% !important

#accordian-pill .w-tabs-section .w-tabs-section-content-h p > a
  color: #000 !important

.support_community_sec .w-grid-item .w-grid-item-h .w-hwrapper
  display: block

section.individual_slider_sec.pcq_wt_grid.help_come_slider.individual-active
  border: transparent

.pcq-menu-opacity
  opacity: 0
  pointer-events: none

@media screen and (max-width: 767px), print
  .individual_slider_sec.pcq_wt_grid .w-btn, .organisational_slider.pcq_wt_grid .w-btn
    font-size: 12px
    font-weight: 600
    bottom: 30px

  .individual_slider_sec.pcq_wt_grid .w-btn i:before
    top: 0

  .organisational_slider
    &.pcq_wt_grid .w-btn i:before
      top: 0

    &.pcq_focus_grid.help_come_slider .w-grid-list
      padding: 0 80px 0 20px !important

  section.individual_slider_sec.pcq_wt_grid .owl-item
    margin-right: 20px

.l-section.organisational_txt.become_member_text_sec.height_medium .getting_country_text
  max-width: 600px

  p
    max-width: 480px
    margin: 0 auto

@media screen and (max-width: 767px), print
  .l-section.organisational_txt.become_member_text_sec.height_medium .getting_country_text
    max-width: 600px

    p
      max-width: 480px
      margin: 0 auto

.additional_support_sec.contact-info h2
  margin-bottom: 30px

#organization-search-results
  padding-top: 88px

  ul
    margin: 0
    padding: 0

    li
      color: var(--color1)
      font-size: 50px
      font-style: normal
      font-weight: 400
      line-height: 110%
      letter-spacing: -1px
      list-style: none
      padding: 0
      transition: 0.5s all
      margin-bottom: 10px
      text-align: center

      &:hover
        font-weight: 600
        transition: 0.5s all

      a
        font-size: inherit
        color: inherit

@media screen and (max-width: 1024px), print
  #organization-search-results
    padding-top: 88px

    ul
      margin: 0
      padding: 0

      li
        font-size: 30px
        letter-spacing: -0.485px

@media screen and (max-width: 767px), print
  #organization-search-results
    padding-top: 72px

    ul
      margin: 0
      padding: 0

      li
        font-size: 24.239px
        letter-spacing: -0.485px

  .marquee_animation_sec .marquee_inner-wrap ul li a:after
    background-position: center 0px
    background-size: 20px
    width: 22px
    height: 18px

.news-thumbnail img
  border-radius: 18px
  overflow: hidden

@media screen and (max-width: 767px), print
  .news-thumbnail img
    border-radius: 10px

#pcq-search-wrap .pcq-search-result .pcq-inner-result
  padding-bottom: 80px

.pcq-inner-result .permalink, .pcq-event-inner-result .permalink
  position: absolute
  bottom: 40px

@media screen and (max-width: 767px), print
  .pcq-inner-result .permalink, .pcq-event-inner-result .permalink
    position: absolute
    bottom: 20px

.l-section
  &.holistic_approach.what_yarning_circle_sec.height_medium
    padding-top: 109px

    .yarning_circle_text
      max-width: 100%

      .wpb_wrapper
        h3
          max-width: 420px

        p
          max-width: 435px

  &.hospice_text_sec.getting_country_sec.height_medium
    padding-top: 0px
    padding-bottom: 122px

    .getting_country_text
      max-width: 405px
      margin-right: 70px

section
  &.hospices_slider.pcq_focus_grid
    padding-top: 28px !important
    padding-bottom: 98px !important

    .active.center .w-grid-item-h
      background-color: #1A0F3D

    .w-grid-item-h h4
      font-size: 30px
      margin-top: 130px
      line-height: 110%

  &.active_hospices.pcq_focus_title
    padding-top: 79px !important
    padding-bottom: 98px !important

    .pcq_content
      font-size: var(--f20)
      font-style: normal
      font-weight: 400
      line-height: 150%

  &.hospices_slider.pcq_focus_grid
    .w-grid-item-h .w-btn
      font-size: var(--f20)
      font-weight: 600
      line-height: 150%
      padding: 0
      background: transparent
      color: var(--color0) !important
      display: flex
      justify-content: center
      align-items: center
      margin: 0 auto
      position: absolute
      bottom: 40px
      left: 0
      right: 0
      max-width: max-content

      &:before
        display: none

      &.active i
        transform: rotate(90deg)

    .w-grid-list .owl-item.active .w-btn
      color: #fff !important

.l-section
  &.become_member_text_sec.height_medium .getting_country_text
    max-width: 100%

    p
      max-width: 445px
      margin: 0 auto 30px
      font-size: var(--f18)

      &:last-child
        margin-bottom: 0

  &.organisational_txt.become_member_text_sec.height_medium .getting_country_text
    max-width: 100%

    p
      max-width: 530px
      font-size: var(--f18)
      margin: 0 auto 30px

      &:last-child
        margin-bottom: 0

section.stay_informed_sec.support_hospices.about_talk_sec
  padding-top: 91px !important
  padding-bottom: 92px !important

  h3
    text-align: left
    font-size: 55.858px
    font-weight: 600
    line-height: 110%

  .wpb_wrapper p
    max-width: 450px
    width: 100%
    font-size: var(--f20)

@media screen and (max-width: 1200px), print
  .l-section
    &.holistic_approach.what_yarning_circle_sec.height_medium .yarning_circle_text .wpb_wrapper
      h3
        max-width: 360px

      p
        max-width: 395px

    &.hospice_text_sec.getting_country_sec.height_medium .getting_country_text
      max-width: 362px
      margin-right: 30px

  section
    &.active_hospices.pcq_focus_title .pcq_content
      width: 100%
      max-width: 400px

    &.stay_informed_sec.support_hospices.about_talk_sec
      .wpb_wrapper p
        max-width: 365px

      h3
        font-size: 40px

@media screen and (max-width: 1024px), print
  .hospices_slider.pcq_focus_grid .w-grid-item-h
    min-height: 460px

@media screen and (max-width: 767px), print
  body .hospices_header.page-header .page-header-title h1
    max-width: 100%

  .l-section
    &.holistic_approach.what_yarning_circle_sec.height_medium
      padding-top: 69px
      padding-bottom: 79px

      .yarning_circle_text .wpb_wrapper
        h3
          max-width: 360px
          text-align: center
          margin: 0 auto 35px

        p
          max-width: 315px
          text-align: center
          width: 100%

    &.hospice_text_sec.getting_country_sec.height_medium
      padding-top: 49px
      padding-bottom: 66px

      .getting_country_text
        max-width: 322px
        margin: 0 auto

  section
    &.stay_informed_sec.support_hospices.about_talk_sec
      padding-top: 39px !important
      padding-bottom: 56px !important

      .wpb_wrapper p
        max-width: 94%

    &.active_hospices.pcq_focus_title
      padding-top: 81px !important
      padding-bottom: 68px !important

    &.hospices_slider.pcq_focus_grid
      padding-bottom: 75px !important

      .w-grid-item-h
        min-height: 321px

        h4
          font-size: 20px
          min-height: 100px
          margin-top: 55px

  .hospices_slider .slider-counter
    margin: 44px auto 0

  section
    &.l-section.hospices_img.yarning_img_sec.pcq_image_sec.height_medium
      padding-top: 0

    &.hospices_slider.pcq_focus_grid .w-grid-item-h .w-btn
      font-size: 12px

    &.stay_informed_sec.support_hospices.about_talk_sec h3
      font-size: 25px

    &.pcq_want_sec.know_ambulance.about_talk_sec .wpb_wrapper h3
      color: var(--color1)

  .pcq-news-inner-result .news-thumbnail
    border-radius: 10px
    overflow: hidden
    background-size: 100%

.w-btn
  &.pcq-individual-link i:before, &.pcq-organization-link i:before
    transition: 0.5s all

  &.pcq-individual-link.active i:before, &.pcq-organization-link.active i:before
    transform: rotate(90deg)

.hospices_slider button
  &.owl-prev
    border: 1px solid #292929
    background-image: url(../images/prev-nav.svg) !important
    background-size: 40px !important
    background-position: center center !important

  &.owl-next
    border: 1px solid #292929
    background-image: url(../images/next-nav.svg) !important
    background-size: 40px !important
    background-position: center center !important

.pcq-single-news
  .w-gallery:not(:last-child)
    margin-bottom: 14px

  .w-gallery-list
    margin: 0 -7px

    .w-gallery-item
      padding: 0 7px

  .w-gallery:not(:last-child)
    margin-bottom: 0

  .w-gallery-list
    margin: 0 -7px

    .w-gallery-item
      padding: 0 7px
      margin-bottom: 14px

.l-section
  &.footer_top_sec.height_medium
    border-top: 1px solid #59595B
    border-bottom: 1px solid #59595B
    padding-top: 0
    padding-bottom: 0

    .g-cols.via_grid
      display: flex
      justify-content: space-between
      flex-wrap: wrap
      grid-gap: 0
      padding: 20px 0

      .footer_top_text .wpb_wrapper p
        color: #292929
        text-align: center
        font-size: 11px
        font-style: normal
        font-weight: 300
        line-height: 130%
        max-width: 574px
        margin: 0 auto

      > .vc_column_container
        &.footer_logo
          width: 20%
          position: relative
          justify-content: center

          &:before
            position: absolute
            content: " "
            right: -10px
            left: auto
            height: calc(100% + 40px)
            width: 1px
            background: #59595B
            top: -20px

        &.footer_top_text
          width: 60%
          justify-content: center

        &.footer_top_btn
          width: 20%
          text-align: right
          position: relative
          justify-content: center

          &:before
            position: absolute
            content: " "
            left: -10px
            right: auto
            height: calc(100% + 40px)
            width: 1px
            background: #59595B
            top: -20px

          .w-btn
            min-width: 134px
            border: 1px solid transparent
            min-height: 41px
            padding: 12px 20px

            &:hover
              background: transparent
              border-color: #F7961D
              color: #F7961D !important

  &.footer_center_sec.height_medium
    padding-top: 68px
    padding-bottom: 60px

    .g-cols.via_grid
      display: flex
      justify-content: space-between
      flex-wrap: wrap
      grid-gap: 0

      .wpb_column.vc_column_container
        &.first_col
          width: 15%

        &.second_col
          width: 20%
          max-width: 244px

        &.third_col
          width: 30%
          max-width: 150px
          margin: 0 auto

        &.fourth_col
          width: 21%
          max-width: 250px

        &.fifth_col
          width: 13%
          max-width: 134px
          align-items: flex-end

.footer_center_sec .wpb_wrapper
  h6
    color: #292929
    font-family: var(--font-body)
    font-size: 12px
    font-style: normal
    font-weight: 600
    line-height: 130%
    margin-bottom: 20px

  p
    color: #292929
    font-size: 12px
    font-weight: 400
    line-height: 130%
    margin-bottom: 10px

    a
      color: inherit
      font-size: inherit
      font-weight: inherit
      line-height: inherit
      text-decoration-line: underline

.l-section
  &.footer_center_sec.height_medium .g-cols.via_grid .wpb_column.vc_column_container.third_col
    .charity_logo
      margin-bottom: 10px

      img
        max-width: 66px

    .qac_logo img
      max-width: 123px
      width: 100%

  &.copyright_bar.height_medium
    padding-top: 0
    padding-bottom: 50px

    .copyright_txt p
      color: #59595B
      text-align: center
      font-size: 10px
      font-style: normal
      font-weight: 400
      line-height: 133%

@media screen and (max-width: 767px), print
  .l-section.footer_center_sec.height_medium .g-cols.via_grid .wpb_column.vc_column_container.third_col
    .charity_logo
      margin-bottom: 8px

      img
        max-width: 56px
        margin: 0 auto
        display: block

    .qac_logo img
      max-width: 104px
      width: 115%
      position: relative
      left: -10px

@media screen and (max-width: 767px), print
  .l-section.copyright_bar.height_medium
    padding-bottom: 40px

    .copyright_txt p
      font-size: 9px

@media screen and (max-width: 1200px), print
  .l-section.footer_top_sec.height_medium .g-cols.via_grid .footer_top_text .wpb_wrapper p
    max-width: 80%

@media screen and (max-width: 767px), print
  .l-section
    &.footer_top_sec.height_medium .g-cols.via_grid
      > .vc_column_container
        &.footer_logo
          width: 100%
          padding-bottom: 28px

        &.footer_top_text
          width: 100%
          margin-top: 28px

        &.footer_top_btn
          display: none

      .footer_top_text .wpb_wrapper p
        max-width: 89%
        margin: 0 auto

      > .vc_column_container.footer_logo:before
        position: absolute
        content: " "
        right: 0
        left: -30px
        height: 1px
        width: calc(100% + 50px)
        background: #59595B
        bottom: 0
        top: auto

    &.footer_center_sec.height_medium
      padding-top: 32px
      padding-bottom: 30px

      .g-cols.via_grid
        margin: 0 -15px

        .wpb_column.vc_column_container
          padding: 0 15px

          &.first_col
            width: 33.33%
            max-width: 100%
            order: 1

          &.second_col
            width: 33.33%
            max-width: 100%
            display: none

          &.third_col
            width: 33.33%
            max-width: 100%
            order: 3

          &.fourth_col
            width: 100%
            max-width: 75%
            order: 4
            margin: 50px auto 0

          &.fifth_col
            width: 33.33%
            max-width: 100%
            order: 2
            align-items: unset

  .footer_center_sec .fourth_col .wpb_wrapper
    h6
      display: none

    p
      background-image: url(../images/translation_icon.svg)
      background-repeat: no-repeat
      background-position: left 0
      padding-left: 60px
      font-size: 9px
      font-weight: 400
      line-height: 133%

#pum-4072
  overflow: auto !important

  .pum-close
    display: block !important
    right: 65px
    top: 0

.yarning_popup
  .wpb_wrapper
    h4
      font-size: 14px
      font-weight: 600
      line-height: 150%
      padding: 0
      margin-bottom: 20px

    p
      font-size: 14px
      font-weight: 400
      line-height: 150%
      max-width: 310px

  .yarning_btn
    justify-content: flex-end
    margin-bottom: 75px

    .w-btn
      color: #292929 !important
      text-align: center
      font-size: 14px
      font-style: normal
      font-weight: 400
      line-height: 150%
      min-width: 202px
      min-height: 62px
      border-radius: 79px
      border: 1px solid #292929
      background: #FFF
      display: flex
      align-items: center
      justify-content: center

      &:hover
        background: #1A0F3D
        color: #fff !important
        border-color: transparent

      &:before
        display: none

  .yarning_img
    height: 411px
    width: 411px !important
    margin-left: auto

@media screen and (max-width: 1024px), print
  .yarning_popup
    .yarning_img
      width: auto !important
      height: auto

    .g-cols.via_grid
      grid-gap: 30px
      justify-content: center

@media screen and (max-width: 767px), print
  #pum-4072 .pum-close
    display: block !important
    right: 30px
    top: -10px

  .yarning_popup
    .g-cols.via_grid
      display: flex
      grid-gap: 0px
      flex-wrap: wrap

    .yarning_img
      order: 1
      margin-bottom: 20px

    .yarning_text
      order: 2
      margin-bottom: 20px

    .yarning_btn
      order: 3

    .wpb_wrapper p
      max-width: 100%

.footer_logo .w-image-h img
  max-width: 207px
  width: 100% !important

@media screen and (max-width: 767px), print
  .footer_logo .w-image-h img
    max-width: 302px
    display: block
    margin: 0 auto

.donate_form .g-cols.via_grid
  max-width: 1027px
  margin: 0 auto

body .gform_wrapper.gravity-theme .custom_radio .gfield-choice-input
  display: none

.custom_radio .gfield_radio
  display: flex
  flex-wrap: wrap
  margin: 0 -6px 0px
  justify-content: center

  /* align-items: center;

  .gchoice
    width: 20%
    padding: 0 6px

body .gform_wrapper.gravity-theme .custom_radio .gfield_radio label
  border-radius: 64px
  border: 1px solid #77003F
  color: #77003F
  font-size: var(--f18)
  font-weight: 400
  letter-spacing: 0
  line-height: 150%
  padding: 18px 20px 15px
  cursor: pointer
  position: relative
  margin-bottom: 15px !important
  height: calc(100% - 15px)
  display: flex !important
  align-items: center
  flex-direction: column
  justify-content: center
  max-width: 100%

.custom_radio .gfield_radio .gchoice [type="radio"]:checked + label
  background-color: #77003F
  color: #fff

body
  .donate_form
    .ginput_container_product_price
      max-width: 616.86px
      width: 100%
      margin: 0 auto

    input:not([type=submit]), select
      min-height: unset
      line-height: unset

    .gform_wrapper
      .ginput_container_product_price input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price)
        border-radius: 64px
        border: 1px solid #77003F
        min-height: 62px
        text-align: center

      &.gravity-theme .gform_page_footer
        display: flex
        align-items: center
        justify-content: center
        padding: 80px 0 0
        margin: 0

      .gform_page_footer
        .gform_previous_button
          min-width: 202px
          min-height: 62px
          border-radius: 64px
          border: 1px solid #1A0F3D
          background: transparent
          color: #1A0F3D
          font-size: 18px
          font-weight: 400
          line-height: 150%

          &:hover
            background: #1A0F3D !important
            color: #FFF !important
            border: 1px solid #1A0F3D

        .gform_next_button, .gform_button.button
          min-width: 202px
          min-height: 62px
          border-radius: 64px
          background: #1A0F3D
          color: #FFF
          font-size: 18px
          font-weight: 400
          line-height: 150%
          margin-left: 29px

        .gform_next_button:hover, .gform_button.button:hover
          background: transparent !important
          color: #1A0F3D !important
          border: 1px solid #1A0F3D

  .gform_wrapper.gravity-theme .questions_step
    .gfield_description
      color: var(--color0)
      text-align: center
      font-size: var(--f20)
      font-style: normal
      font-weight: 400
      line-height: 150%

    .gfield_radio
      display: flex
      align-items: center
      justify-content: center

    .gchoice
      &:first-child
        margin-right: 40px

      input[type=radio]
        border-radius: 40px
        border: 1px solid var(--color0)
        width: 31px
        height: 31px

.gform_wrapper.gravity-theme .gfield_radio label
  color: #77003F
  font-size: var(f20)
  font-weight: 600
  line-height: 150%

.questions_step .gchoice input[type=radio]:before
  background: #77003F

.donate_form #gform_page_6_2
  .gform_fields
    display: flex
    flex-wrap: wrap
    grid-column-gap: 10px
    justify-content: center

  .gfield
    &.title
      width: 161px

    &.f_name, &.l_name
      width: 334px

  .gfield--width-full
    width: 100%
    max-width: 852px

#gform_page_6_3
  .ginput_container_email, .ginput_container_text
    max-width: 852px
    margin: 0 auto
    display: block

.contact_step
  .gchoice input[type=checkbox]
    border-radius: 40px
    border: 1px solid var(--color0)
    width: 31px
    height: 31px

  input:checked::before
    border-radius: 40px

.gform_wrapper.gravity-theme .contact_step
  margin-top: 40px

  .gfield_checkbox label
    color: var(--color0)
    font-size: var(--f18)
    font-style: normal
    font-weight: 400
    line-height: 150%
    padding-top: 5px
    max-width: calc(100% - 40px)

  .gfield_description
    color: var(--color0)
    font-size: 14px
    font-style: normal
    font-weight: 400
    line-height: 150%
    margin: 0 !important
    padding: 5px 0 0 40px

.donate_form
  .payment_step
    display: flex
    align-items: center
    justify-content: space-between

  .gform_wrapper.gravity-theme .payment_step
    .gfield_label, input[type=text]
      color: var(--color0)
      font-size: var(--f20)
      font-style: normal
      font-weight: 600
      line-height: 150%
      text-align: right
      margin: 0

.payment_details
  width: 100%
  max-width: 852px
  margin: 50px auto 0

body .donate_form
  .gform_wrapper .gform_page_footer .gform_button.button:hover
    color: #fff !important

  .gform_ajax_spinner
    display: none !important

.gform_wrapper.gravity-theme .payment_details
  .ginput_complex label, .gfield_required
    display: none

body .gravity-theme .ginput_full[data-payment-element=false] .StripeElement
  border-radius: 40px
  border: 1px solid #292929
  min-height: 53px
  padding: 16px 20px
  height: auto !important
  margin-bottom: 15px

.donate_form .gform_wrapper.gravity-theme .payment_details .gfield_label
  color: var(--color0)
  font-size: var(--f20)
  font-style: normal
  font-weight: 600
  line-height: 150%
  margin-bottom: 23px

@media screen and (max-width: 1024px), print
  .donate_form #gform_page_6_2 .gfield
    &.title
      width: 24%

    &.f_name, &.l_name
      width: 36%

  .custom_radio
    max-width: 88%
    margin: 0 auto !important

    .gfield_radio .gchoice
      width: 33.33%

@media screen and (max-width: 600px), print
  .donate_form #gform_page_6_2 .gfield
    &.title, &.f_name, &.l_name
      width: 100%

  .custom_radio
    max-width: 88%
    margin: 0 auto !important

    .gfield_radio .gchoice
      width: 50%

  body
    .gform_wrapper.gravity-theme .custom_radio .gfield_radio label
      min-height: 58px

    .donate_form .gform_wrapper
      .ginput_container_product_price input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price)
        border-radius: 79px
        min-height: 58px !important

      &.gravity-theme #gform_page_6_1 .gform_fields
        grid-row-gap: 20px

.post_navigation.layout_simple
  .post_navigation-item
    padding: 0

  .post_navigation-item-title, .post_navigation-item-arrow
    display: none

.l-section-h .post_navigation-item-meta
  color: #292929
  font-size: var(--f18)
  opacity: 1
  border: 1px solid #292929
  border-radius: 50px
  max-width: max-content
  padding: 11px 30px
  min-height: 50px
  display: flex
  align-items: center
  transition: 0.3s all

  &:hover
    background-color: var(--color1)
    border-color: transparent
    color: #fff

.post_navigation.layout_simple .order_second
  align-items: flex-end

section.l-section.donate_form.height_medium
  padding-top: 125px
  padding-bottom: 131px

@media screen and (max-width: 767px), print
  section.l-section.donate_form.height_medium
    padding-top: 25px
    padding-bottom: 101px

body
  .gform_wrapper.gravity-theme .gf_page_steps
    position: relative
    border: none
    z-index: 1
    text-align: center
    display: flex
    align-items: center
    justify-content: space-between
    max-width: 975px
    margin: 0 auto 80px
    position: relative

    &::before
      content: ""
      position: absolute
      top: 38px
      height: 1px
      width: 100%
      background-color: #292929
      left: 0
      right: 0
      max-width: 845px
      margin: 0 auto
      z-index: -1

    .gf_step
      margin: 0

      .gf_step_number
        border: 1px solid var(--color0)
        width: 77px
        height: 77px
        background: #fff
        border-radius: 100%
        color: var(--color0)
        font-size: 26px
        font-style: normal
        font-weight: 400
        letter-spacing: -0.52px
        display: flex
        align-items: center
        justify-content: center
        margin: 0 auto

    .gf_step_active .gf_step_number
      background-color: #77003F
      color: #fff
      border-color: transparent

    .gf_step_label
      color: var(--color0)
      font-size: var(--f20)
      font-style: normal
      font-weight: 400
      line-height: 150%
      padding: 0
      display: block
      text-align: center
      margin-top: 34px

    .gf_step_active .gf_step_label
      font-weight: 600
      color: var(--color1)

    .gf_step_completed .gf_step_number
      &:before, &:after
        display: none

  .primary-nav .navigation ul li ul li a
    font-size: 16px

@media screen and (max-width: 767px), print
  body .gform_wrapper.gravity-theme .gf_page_steps
    position: relative
    border: none
    z-index: 1
    text-align: center
    display: flex
    align-items: center
    justify-content: space-between
    max-width: 405px
    margin: 0 auto 100px
    position: relative

    &::before
      top: 20px
      max-width: 80%

    .gf_step
      margin: 0

      .gf_step_number
        width: 41px
        height: 41px
        font-size: 13.846px

    .gf_step_active .gf_step_number
      background-color: #77003F
      color: #fff
      border-color: transparent

    .gf_step_label
      display: none

    .gf_step_active .gf_step_label
      margin-top: 30px
      display: block
      position: absolute
      right: 0
      left: 0
      font-size: 18px

@media screen and (max-width: 641px), print
  body .donate_form .gform_wrapper
    input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):not([type=submit])
      min-height: 58px !important

    .gform_page_footer
      .gform_previous_button
        min-width: 168px
        font-size: 14px

      .gform_next_button, .gform_button.button
        min-width: 168px
        font-size: 14px
        min-height: 58px !important
        margin-left: 15px

    &.gravity-theme .gform_page_footer
      padding: 50px 0 0

section.donate_more_info.donate_page.stay_informed_sec.about_talk_sec
  padding-bottom: 103px !important

@media screen and (max-width: 700px), print
  section.donate_more_info.donate_page.stay_informed_sec.about_talk_sec
    padding-bottom: 62px !important

body
  .gform_wrapper.gravity-theme
    .questions_step
      margin-bottom: 60px

    .questions_step_input
      margin-top: 0px
      margin-bottom: 60px

  .donate_form .gform_wrapper.gravity-theme
    #gform_page_6_3 .gform_page_footer
      padding: 50px 0 0

    .field_sublabel_above .gfield_description
      margin-top: 0px

@media screen and (max-width: 767px), print
  body
    .gform_wrapper.gravity-theme
      .questions_step
        margin-bottom: 30px

      .questions_step_input
        margin-top: -25px
        margin-bottom: 30px

    .donate_form .gform_wrapper.gravity-theme #gform_page_6_3 .gform_page_footer
      padding: 30px 0 0

    .payment_details
      margin: 20px auto 0

.become_member_form, .organisation_form
  max-width: 852px
  margin: 0 auto
  padding: 88px 0 0

.mepr_price, .mepr_first_name, .mepr_last_name
  display: none

.mp_wrapper
  .mepr_mepr_general_information input, .mepr_mepr_your_information input
    display: none

body .mp_wrapper .mp-form-row
  label
    color: var(--color0)
    font-size: var(--f18)
    font-style: normal
    font-weight: 400
    line-height: 150%
    padding-bottom: 11px
    display: block !important

  &.mepr_mepr_general_information label, &.mepr_mepr_your_information label, &.mepr_password label, &.mepr_password_confirm label
    display: block !important
    font-weight: 600
    margin-bottom: 15px

.mp_wrapper
  textarea, select
    border-radius: 40px
    border: 1px solid var(--color0)
    background: transparent
    min-height: 53px
    line-height: 100%
    padding: 10px 27px

  input
    &[type=text], &[type=url], &[type=email], &[type=tel], &[type=number], &[type=file], &[type=password]
      border-radius: 40px
      border: 1px solid var(--color0)
      background: transparent
      min-height: 53px
      line-height: 100%
      padding: 10px 27px

    &[type=tel]
      padding: 10px 27px !important

  .mepr_mepr_mobile .iti
    display: block

body
  .mepr-checkboxes-field
    display: flex !important
    flex-wrap: wrap
    margin: 50px 0 30px !important

    .mepr-checkboxes-field-row
      margin: 0 30px 20px 0 !important

      &:last-child
        width: 100%
        margin: 0 !important

  .mp_wrapper .mepr-checkboxes-field-row
    input[type=checkbox]
      display: none !important

    label
      font-size: 18px
      font-weight: 400
      line-height: 150%
      margin: 0
      position: relative
      display: flex !important
      width: auto !important
      max-width: 100% !important
      min-width: 100% !important

      &:before
        width: 18px
        min-width: 18px
        height: 18px
        border-radius: 2px
        border: 1px solid #000
        content: ""
        display: flex
        margin-right: 18px

    [type="checkbox"]:checked + label:before
      background-color: #77003F
      border-color: transparent

#mepr_signup_form
  display: flex
  flex-wrap: wrap
  column-gap: 8px
  justify-content: space-between

body
  .mp-form-row
    &.mepr_mepr_current_place_of_work, &.mepr_mepr_email
      width: 500px !important

    &.mepr_mepr_job_title, &.mepr_mepr_mobile
      width: 344px !important

    &.mepr_mepr_suburb
      width: 368px !important

    &.mepr_mepr_state
      width: 231px !important

    &.mepr_mepr_postcode
      width: 232px !important

  .mp-form-submit
    margin: 0 auto

    input[type=submit]
      min-width: 184px
      min-height: 58px
      background-color: var(--color1) !important
      color: #fff !important
      border-color: transparent !important
      display: block
      margin: 0 auto

      &:hover
        background-color: transparent !important
        color: var(--color1) !important
        border-color: var(--color1) !important

.mp-form-row
  &.mepr_mepr_mobile .iti--separate-dial-code .iti__selected-flag, &.mepr_username.mepr-field-required, &.mepr_email.mepr-field-required
    display: none

body .mp_wrapper .mp-form-row
  &.mepr_mepr_i_am_not_robot
    text-align: center
    margin: 54px 0 59px

    input[type=checkbox]
      width: 18px
      height: 18px
      border-radius: 2px
      border: 1px solid #000
      background: transparent
      margin-top: 0

    label
      display: block !important
      margin: 0
      font-size: 18px
      font-weight: 400

  .cc-error
    display: none !important

.mepr-form input.invalid
  background: transparent !important

body .mp_wrapper .mp-form-row.mepr_mepr_upload_id
  display: flex

  label
    display: block !important
    margin: 0

.mp-form-row
  &.mepr_mepr-address-one, &.mepr_mepr-address-two, &.mepr_mepr-address-city, &.mepr_mepr-address-country, &.mepr_mepr-address-state, &.mepr_mepr-address-zip
    display: none

#pum-4202
  overflow-x: hidden !important

  .pum-close
    display: none !important
    right: 30px
    top: -30px

  .pum-title
    display: none

  .pum-container
    left: 0 !important
    top: 50% !important
    transform: translateY(-50%)

.l-section.pcq_welcome_popup.height_medium
  padding: 0

  .l-section-h
    max-width: 100%

    .g-cols.via_grid
      align-items: center
      grid-gap: 2rem

    .pop_left_img .w-image
      width: 556px
      left: -176px
      position: relative

    .pop_right_img .w-image
      width: 556px
      right: 58px
      position: relative
      margin-left: auto

    .w-image img
      width: 100% !important

    .text_content
      text-align: center
      max-width: 450px
      margin: 0 auto
      align-items: center
      justify-content: center

      h5
        font-size: 14px
        font-weight: 600
        line-height: 150%
        margin-bottom: 20px

      p
        font-size: 14px
        font-weight: 400

      .continue_btn
        min-width: 202px
        min-height: 62px
        border-radius: 79px
        border: 1px solid var(--color0)
        background: #FFF
        color: var(--color0) !important
        margin: 77px 0 61px

        &:before
          display: none

        &:hover
          background: #1A0F3D
          border-color: #1A0F3D
          color: #fff !important

      .welcome_popup_bottom_txt p
        color: var(--color1)
        font-size: 11.434px
        font-style: normal
        font-weight: 400
        line-height: 150%

        a
          font-size: inherit
          color: inherit
          text-decoration: underline

@media screen and (max-width: 1024px), print
  .l-section.pcq_welcome_popup.height_medium .l-section-h
    .pop_left_img .w-image
      width: auto
      left: -30px

    .pop_right_img .w-image
      width: auto
      right: -30px

@media screen and (max-width: 941px), print
  body .mp-form-row
    &.mepr_mepr_current_place_of_work, &.mepr_mepr_email
      width: 59.8% !important

    &.mepr_mepr_job_title, &.mepr_mepr_mobile
      width: 39% !important

    &.mepr_mepr_suburb
      width: 42.6% !important

    &.mepr_mepr_state
      width: 30% !important

    &.mepr_mepr_postcode
      width: 25% !important

@media screen and (max-width: 767px), print
  .become_member_form, .organisation_form
    padding: 57px 0 0

  body
    .mepr-checkboxes-field
      margin: 36px 0 48px !important

    .mp_wrapper .mepr-checkboxes-field-row label
      font-size: 14px
      font-weight: 400

    .mp-form-row
      &.mepr_mepr_current_place_of_work, &.mepr_mepr_email, &.mepr_mepr_state, &.mepr_mepr_job_title, &.mepr_mepr_mobile, &.mepr_mepr_postcode, &.mepr_mepr_suburb
        width: 100% !important

    .mp_wrapper .mp-form-row.mepr_mepr_i_am_not_robot
      text-align: center
      margin: 40px 0 48px

      label
        font-size: 14px

    .mp-form-submit input[type=submit]
      font-size: 14px

@media screen and (max-width: 600px), print
  #pum-4202 .pum-container
    top: 0 !important
    transform: unset

  .l-section.pcq_welcome_popup.height_medium .l-section-h
    .g-cols.via_grid
      overflow: hidden

    .pop_left_img .w-image
      width: auto
      left: 0

    .pop_right_img
      margin-bottom: -60%
      padding: 0 30px

      .w-image
        width: auto
        right: 0

    .pop_left_img
      margin-top: -60%
      padding: 0 30px

    .text_content
      max-width: 265px

      p
        font-size: 12px

      .continue_btn
        min-width: 189px
        min-height: 58px
        font-size: 12px
        margin: 35px 0 33px
        display: flex
        align-items: center
        justify-content: center

      .welcome_popup_bottom_txt p
        font-size: 10px

  #pum-4202 .pum-container
    top: 0 !important
    transform: unset

  .l-section.pcq_welcome_popup.height_medium .l-section-h
    .g-cols.via_grid
      overflow: hidden

    .pop_left_img .w-image
      width: auto
      left: 0

    .pop_right_img
      margin-bottom: -60%
      padding: 0 30px

      .w-image
        width: auto
        right: 0

    .pop_left_img
      margin-top: -60%
      padding: 0 30px

    .text_content
      max-width: 265px

      p
        font-size: 12px

      .continue_btn
        min-width: 189px
        min-height: 58px
        font-size: 12px
        margin: 35px 0 33px
        display: flex
        align-items: center
        justify-content: center

      .welcome_popup_bottom_txt p
        font-size: 10px

body .mp_wrapper input:focus
  background: transparent !important

.mepr-form-has-errors
  display: none

body .mp_wrapper .mp-form-row.mepr_mepr_upload_id
  border: 1px solid #292929
  border-radius: 40px
  max-width: 80%
  margin: 20px 0 15px

  label
    display: block !important
    margin: 0
    min-width: 256px
    height: 53px
    width: auto !important
    background: #77003F
    color: #fff
    font-size: 18px
    font-style: normal
    font-weight: 400
    border-radius: 40px
    display: flex !important
    align-items: center
    padding: 0 30px

  input[type=file]
    border: none
    padding: 18px 30px 10px

@media screen and (max-width: 767px), print
  body .mp_wrapper .mp-form-row.mepr_mepr_upload_id
    max-width: 100%

    label
      padding: 0 15px
      min-width: 132px
      font-size: 14px
      font-style: normal
      font-weight: 400

    input[type=file]
      padding: 18px 10px 10px
      font-size: 14px

.l-section.pcq_member_details.height_medium
  padding-top: 82px
  padding-bottom: 79px

  .member_details_form
    max-width: 852px
    width: 100%
    margin: 0 auto

  .gform_wrapper.gravity-theme .gform_fields
    display: flex
    flex-wrap: wrap
    column-gap: 8px
    grid-row-gap: 13px
    justify-content: space-between

  .gfield_html p
    color: var(--color1)
    text-align: center
    font-size: var(--f18)
    font-style: normal
    font-weight: 600
    line-height: 150%
    margin-bottom: 27px

  .gfield
    &.f_name, &.l_name
      width: 419px

    &.bithday_field
      width: 500px

    &.age_field
      width: 344px

  .gfield--width-full, .gfield--type-text
    width: 852px

  .gform_wrapper.gravity-theme
    .ginput_container_date input
      width: 100%

    .card_holder_chk
      margin: 37px 0 33px
      padding: 0 0 0 30px

      input
        &[type=checkbox]
          width: 18px
          height: 18px
          border-radius: unset
          margin-top: -5px

        &:checked::before
          background: var(--color1)

      .gfield-choice-input + label
        color: var(--color0)
        font-size: var(--f18)
        font-style: normal
        font-weight: 400
        line-height: 150%
        margin-bottom: 0px

    .gfield select
      color: var(--color0)
      font-size: var(--f18) !important
      font-style: normal
      font-weight: 400
      line-height: 150%
      -moz-appearance: none
      -webkit-appearance: none
      background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50%
      padding: 8px 27px !important
      height: auto !important
      min-height: 53px
      width: 235px !important

      &:focus
        background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50% !important

    .about_professional_textarea textarea.large
      font-size: var(--f18) !important
      height: 338px
      border-radius: 40px
      padding: 20px 27px !important
      resize: unset

    .local_hospital_textarea textarea.large
      font-size: var(--f18) !important
      height: 143px
      border-radius: 40px
      padding: 20px 27px !important
      resize: unset

    .gform_footer
      padding: 0
      margin: 97px 0 0
      justify-content: center

      input[type=submit]:not(.w-btn)
        min-width: 184px
        min-height: 58px
        background-color: var(--color1)
        border-color: transparent

        &:hover
          background-color: transparent !important
          color: var(--color0) !important
          border-color: var(--color0) !important

@media screen and (max-width: 941px), print
  .l-section.pcq_member_details.height_medium
    .gfield
      &.f_name, &.l_name
        width: 49%

      &.bithday_field
        width: 58%

      &.age_field
        width: 40%

    .gfield--width-full, .gfield--type-text
      width: 100%

@media screen and (max-width: 767px), print
  .l-section.pcq_member_details.height_medium
    padding-top: 55px
    padding-bottom: 46px

    .member_details_form
      max-width: 852px
      width: 100%
      margin: 0 auto

    .gform_wrapper.gravity-theme .gform_fields
      display: flex
      flex-wrap: wrap
      column-gap: 8px
      grid-row-gap: 13px

    .gfield_html p
      color: var(--color1)
      text-align: center
      font-size: var(--f18)
      font-style: normal
      font-weight: 600
      line-height: 150%
      margin-bottom: 27px

    .gfield
      &.f_name, &.l_name, &.bithday_field, &.age_field
        width: 100%

    .gfield--width-full, .gfield--type-text
      width: 100%

    .gform_wrapper.gravity-theme
      .ginput_container_date input
        width: 100%

      .card_holder_chk
        margin: 32px 0 25px
        padding: 0 0 0 20px

        input
          &[type=checkbox]
            width: 18px
            height: 18px
            border-radius: unset
            margin-top: -5px

          &:checked::before
            background: var(--color1)

        .gfield-choice-input + label
          color: var(--color0)
          text-align: center
          font-size: var(--f18)
          font-style: normal
          font-weight: 400
          line-height: 150%
          margin-bottom: 0px

      .gfield select
        padding: 8px 50px 8px 27px !important
        min-height: 53px
        width: 100% !important

      .about_professional_textarea textarea.large
        height: 274px
        border-radius: 30px
        padding: 12px 20px !important

      .local_hospital_textarea textarea.large
        height: 157px
        border-radius: 30px
        padding: 12px 20px !important

      .gform_footer
        margin: 44px 0 0

        input[type=submit]:not(.w-btn)
          min-width: 189px
          font-size: 14px

.event_sec
  .pcq_count_event
    text-align: center

  .pcq_load_button
    display: block
    margin-top: 40px

.l-section.member_login_form.height_medium
  padding-top: 209px
  padding-bottom: 139px
  background-color: #FFE6E0

  .member_form_inner
    max-width: 500px
    width: 100%
    margin: 0 auto

  .gform_heading h3
    color: var(--color1)
    text-align: center
    font-size: var(--f18)
    font-style: normal
    font-weight: 600
    line-height: 150%
    margin-bottom: 27px

  .gform_wrapper.gravity-theme .gfield_label
    display: none

  input
    &:checked::before
      border-radius: 100%

    &:not([type=submit])
      background: transparent

  .gf_login_links
    text-align: center
    margin: 40px 0 0

    a
      color: var(--color1)
      text-align: center
      font-size: var(--f18)
      font-style: normal
      font-weight: 400
      line-height: 150%
      margin-bottom: 27px
      text-decoration-line: underline

  .gform_wrapper.gravity-theme .gform_footer
    padding: 0
    margin: 40px 0 0
    justify-content: center

    input[type=submit]:not(.w-btn)
      min-width: 184px
      min-height: 58px

      &:hover
        background-color: transparent

@media screen and (max-width: 767px), print
  .l-section.member_login_form.height_medium
    padding-top: 213px
    padding-bottom: 128px

    .member_form_inner
      max-width: 500px
      width: 100%
      margin: 0 auto

    .gform_heading h3
      color: var(--color1)
      text-align: center
      font-size: var(--f18)
      font-style: normal
      font-weight: 600
      line-height: 150%
      margin-bottom: 27px

    .gform_wrapper.gravity-theme .gfield_label
      display: none

    input
      &:checked::before
        border-radius: 100%

      &:not([type=submit])
        background: transparent

    .gf_login_links
      text-align: center
      margin: 40px 0 0

      a
        color: var(--color1)
        text-align: center
        font-size: var(--f18)
        font-style: normal
        font-weight: 400
        line-height: 150%
        margin-bottom: 27px
        text-decoration-line: underline

    .gform_wrapper.gravity-theme .gform_footer
      padding: 0
      margin: 40px 0 0
      justify-content: center

      input[type=submit]:not(.w-btn)
        min-width: 184px
        min-height: 58px
        font-size: 14px

        &:hover
          background-color: transparent

body .member_header.page-header .page-header-title p
  color: #FFF
  text-align: center
  font-size: 35px
  font-style: normal
  font-weight: 400
  line-height: 110%
  letter-spacing: -0.7px
  margin-top: 32px

@media screen and (max-width: 1200px), print
  body .member_header.page-header .page-header-title p
    font-size: 24px
    letter-spacing: -0.4px

@media screen and (max-width: 767px), print
  body .member_header.page-header .page-header-title
    h1
      font-size: 40px

    p
      font-size: 20px
      letter-spacing: -0.4px
      max-width: 90%
      margin: 50px auto 0

.l-section.footer_center_sec .first_col .wpb_wrapper p:last-child
  max-width: 100px

body
  input:not([type=submit]), select
    min-height: unset
    line-height: unset

  .donate_form .gform_wrapper.gravity-theme #gform_page_6_2 .gform_page_footer
    padding: 40px 0 0

.donate_form #gform_page_6_2 .gfield--width-full.pcq-general-information
  max-width: 100%

.pcq-general-information p
  color: #292929
  font-size: var(--f18)
  font-style: normal
  font-weight: 600
  line-height: 150%
  max-width: 852px
  margin: 0 auto

.l-section
  &.our_members.height_medium
    padding-top: 104px
    padding-bottom: 84px
    border-bottom: 1px solid var(--color0)

    .g-cols.via_grid
      display: block

    .title_col
      max-width: 784px
      margin-bottom: 130px
      margin-left: 50px

      h2
        color: var(--color0, #292929)
        font-size: var(--f65)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -1.309px

    .text_col
      max-width: 550px
      margin-left: auto

      p.pcq_content
        color: var(--color0, #292929)
        font-size: var(--f23)
        font-style: normal
        font-weight: 400
        line-height: 150%

    .update_btn .w-btn-wrapper
      display: block
      text-align: center
      margin: 84px 0 0

      .w-btn
        min-width: 292px
        min-height: 62px
        background-color: var(--color1)
        border: 1px solid var(--color1)

        &:before
          display: none

        &:hover
          background-color: transparent
          border-color: var(--color0)
          color: var(--color0) !important

  &.how_we_can_help_sec.height_medium
    padding-top: 79px
    padding-bottom: 88px

    .w-grid
      max-width: 880px
      margin: 0 auto
      padding-top: 250px

      &[class*="cols_"]
        .w-grid-list
          margin: 0 -18px

        .w-grid-item
          padding: 0 18px
          margin-bottom: 41px

    .w-grid-item:nth-child(2n + 1)
      margin-top: -250px

    .wpb_wrapper h3
      color: var(--color0, #292929)
      text-align: center
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 88px

    .w-grid-item-h
      .post_title
        color: var(--White, #FFF)
        text-align: center
        font-size: 40px
        font-style: normal
        font-weight: 600
        line-height: 100%
        letter-spacing: -0.8px
        min-height: 89px
        margin-bottom: 45px
        z-index: 1
        position: relative

      .w-vwrapper
        display: block
        padding: 137px 43px 40px
        border-radius: 40px
        min-height: 516px
        position: relative

      > .w-vwrapper:only-child
        height: unset

      p
        color: #FFF
        text-align: center
        font-size: var(--f18)
        font-style: normal
        font-weight: 400
        line-height: 150%
        max-width: 269px
        margin: 0 auto
        min-height: 108px

      .w-btn
        font-weight: 600
        color: #fff
        font-size: var(--f18)
        background: transparent
        padding: 0
        display: block
        width: max-content
        text-align: center
        margin: 0 auto
        position: absolute
        bottom: 45px
        left: 0
        right: 0

        &:before
          display: none

        &:hover
          background: transparent
          color: #fff !important

        i:before
          background-image: url(../images/register-arrow-white.svg)

@media screen and (max-width: 1200px), print
  .l-section.our_members.height_medium
    .title_col
      max-width: 560px
      margin-bottom: 80px
      margin-left: 40px

    .text_col
      max-width: 480px
      margin-left: auto

    .update_btn .w-btn-wrapper
      display: block
      text-align: center
      margin: 46px 0 0

@media screen and (max-width: 767px), print
  .l-section.our_members.height_medium
    padding-top: 61px
    padding-bottom: 46px

    .title_col
      max-width: 300px
      margin: 0 auto 40px

      h2
        text-align: center

    .text_col
      max-width: 550px
      margin-left: auto

      p.pcq_content
        color: var(--color0, #292929)
        font-size: var(--f23)
        font-style: normal
        font-weight: 400
        line-height: 150%

    .update_btn .w-btn-wrapper
      display: block
      text-align: center
      margin: 46px 0 0

      .w-btn
        min-width: 209px
        min-height: 58px
        font-size: 14px
        display: flex
        align-items: center
        justify-content: center
        width: max-content
        margin: 0 auto

@media screen and (max-width: 767px), print
  .l-section.how_we_can_help_sec.height_medium
    padding-top: 55px
    padding-bottom: 60px

    .w-grid
      max-width: 880px
      margin: 0 auto
      padding-top: 0px

      &[class*="cols_"]
        .w-grid-list
          margin: 0 -18px
          justify-content: center

        .w-grid-item
          padding: 0 18px
          margin-bottom: 41px

    .w-grid-item:nth-child(2n + 1)
      margin-top: 0px
      margin-top: 0px

    .wpb_wrapper h3
      color: var(--color0, #292929)
      text-align: center
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 50px

    .w-grid-item-h
      .post_title
        color: var(--White, #FFF)
        text-align: center
        font-size: 25px
        font-style: normal
        font-weight: 600
        line-height: 100%
        letter-spacing: -0.8px
        min-height: 47px
        margin-bottom: 30px

      .w-vwrapper
        display: block
        padding: 41px 30px 40px
        border-radius: 20px
        min-height: 238px

      > .w-vwrapper:only-child
        height: unset

      p
        color: #FFF
        text-align: center
        font-size: 14px
        font-style: normal
        font-weight: 400
        line-height: 150%
        min-height: 47px
        margin-bottom: 20px

      .w-btn
        font-size: 12px
        bottom: 25px

        &:before
          display: none

        &:hover
          background: transparent
          color: #fff !important

        i:before
          background-image: url(../images/register-arrow-white.svg)

.got_suggestions
  &.about_talk_sec .wpb_wrapper h3
    text-align: left

  &.stay_informed_sec.about_talk_sec
    .wpb_wrapper p
      width: 100%
      max-width: 450px

    .w-btn
      margin-top: 40px

@media screen and (max-width: 1200px), print
  .got_suggestions.about_talk_sec .wpb_wrapper h3
    max-width: 300px

@media screen and (max-width: 767px), print
  .got_suggestions
    &.about_talk_sec .wpb_wrapper h3
      text-align: center
      margin: 0 auto

    &.stay_informed_sec.about_talk_sec
      .wpb_wrapper p
        max-width: 80%
        margin: 0 auto
        text-align: center

      .w-btn
        margin-top: 50px

.l-section
  &.platform_drive_text.pcq_focus_title
    padding-top: 104px !important
    padding-bottom: 58px !important

    h4
      width: 100%

    .pcq_content
      max-width: 609px
      width: 100%

      .w-text-h
        color: var(--color0, #292929)
        text-align: center
        font-size: var(--f20)
        font-style: normal
        font-weight: 400
        line-height: 150%

  &.proudly_helping_sec.height_medium
    padding-top: 81px
    padding-bottom: 55px

    .yarning_circle_text
      max-width: 450px
      margin-bottom: 72px

      h3
        color: var(--color0, #292929)
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        margin-bottom: 25px
        letter-spacing: -0.792px

      p
        font-size: var(--f20)
        font-style: normal
        font-weight: 400
        line-height: 150%

    .w-image
      max-width: 683px
      margin: 0 auto
      overflow: hidden
      border-radius: 40px

    .w-btn-wrapper
      margin: 56px auto 0
      text-align: center
      display: block

      .w-btn
        background-color: var(--color1)
        min-width: 378px
        min-height: 62px
        border-color: transparent

        &:hover
          background-color: transparent
          color: var(--color1) !important
          border-color: var(--color1) !important

  &.advocacy_form.height_medium
    background: #FFE6E0
    padding-top: 99px
    padding-bottom: 63px

    .wpb_wrapper
      h3
        color: var(--Maroon, #77003F)
        text-align: center
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px
        max-width: 875px
        margin: 0 auto

      p
        color: var(--color1)
        text-align: center
        margin-top: 44px

    .gform_wrapper.gravity-theme
      .ginput_container_textarea
        max-width: 750px
        display: block
        margin: 67px auto 0
        position: relative

      .gfield textarea.large
        background-color: transparent
        height: 319px
        resize: none
        padding: 24px !important

      .ginput_counter
        position: absolute
        right: 20px
        left: auto
        width: auto
        padding: 0
        margin: 0
        bottom: 15px
        color: #A5A7A9
        font-size: var(--f18)

    .gfield_checkbox
      text-align: center
      margin-top: 25px

      input[type=checkbox]
        width: 18px
        height: 18px
        border-radius: 2px
        border: 1px solid #000
        background: transparent
        margin-top: -4px

    .gform_wrapper.gravity-theme
      .gfield_checkbox label
        font-size: var(--f18)

      .gform_footer
        justify-content: center
        padding: 0
        margin: 61px 0 0

        input[type=submit]:not(.w-btn)
          min-width: 202px
          min-height: 62px
          font-size: var(--f18)
          background-color: var(--color1)
          border-color: transparent
          margin: 0

          &:hover
            background-color: transparent
            color: var(--color0) !important
            border-color: var(--color0) !important

  &.post_job_title.height_medium
    padding-top: 130px
    padding-bottom: 120px

    .gform_wrapper
      max-width: 852px
      margin: 0 auto

    .wpb_wrapper h4
      color: var(--color1)
      text-align: center
      font-size: 70px
      font-style: normal
      font-weight: 600
      line-height: 120%
      letter-spacing: -1.4px

    .w-btn-wrapper
      display: block
      margin: 125px auto 0
      text-align: center

      .w-btn
        min-width: 250px
        min-height: 62px

  &.job-role-form.height_medium
    background-color: #FFE6E0
    padding-top: 83px
    padding-bottom: 75px
    margin-bottom: 100px

    .vc_column-inner
      max-width: 852px
      width: 100%
      margin: 0 auto

    .gform_wrapper.gravity-theme .gform_fields
      grid-column-gap: 8px
      display: flex
      flex-wrap: wrap

    .job_form_header
      padding-bottom: 73px

    .wpb_wrapper
      h3
        color: #77003F
        font-size: var(--f45)
        font-style: normal
        font-weight: 600
        line-height: 100%
        max-width: 352px

      p
        max-width: 440px
        color: var(--color1)

    .gform_wrapper.gravity-theme
      .name_primary_field
        width: 500px

      .mobile_primary_field
        width: 344px

      .gfield--width-full
        width: 100%

      .gfield_checkbox
        display: flex
        flex-wrap: wrap
        padding-left: 24px
        margin-top: 16px

        .gchoice
          margin-bottom: 20px

          &:first-child
            width: 32%

          &:nth-child(2)
            width: 60%

          &:nth-child(3)
            width: 16%

      .gfield-choice-input
        width: 18px
        height: 18px
        border-radius: 2px
        border: 1px solid #000
        background-color: transparent
        margin-top: -5px

        &:checked::before
          background: var(--color1)

      .gfield_checkbox label
        color: var(--color0)
        font-size: var(--f18)
        font-style: normal
        font-weight: 400
        line-height: 150%

      .gform_footer
        padding: 0
        margin: 78px auto 0
        justify-content: center

        input[type=submit]:not(.w-btn)
          background-color: var(--color1)
          border: 1px solid var(--color1)
          min-width: 184px
          min-height: 58px

          &:hover
            background-color: transparent
            border-color: var(--color0) !important
            color: var(--color0) !important

  &.featured_story_sec.height_medium
    padding-top: 101px
    padding-bottom: 129px
    border-bottom: 1px solid #292929

    .wpb_wrapper h3
      color: var(--color0)
      text-align: center
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 90px

    .featured_top_txt
      max-width: 720px

      .wpb_wrapper
        h4
          color: var(--color0)
          font-size: 30px
          font-style: normal
          font-weight: 600
          line-height: 110%
          letter-spacing: -0.6px
          margin-bottom: 15px

        h5
          font-size: var(--f20)
          font-style: normal
          font-weight: 600
          line-height: 150%

        p
          font-size: var(--f20)
          font-weight: 400
          line-height: 150%

    .w-video
      max-width: 764px
      width: 100%
      margin: 65px auto 112px
      border-radius: 40px

    .w-image img
      max-width: 204px
      margin: 0 auto
      display: block
      left: -25px
      position: relative

    .featured_bottom_txt
      max-width: 710px
      margin-left: auto
      margin-bottom: 46px

      .wpb_wrapper p
        font-size: var(--f20)
        font-weight: 400
        line-height: 150%

  &.share_your_story_sec.height_medium
    background: #FFE6E0
    padding-top: 99px
    padding-bottom: 78px

    .vc_column-inner
      max-width: 753px
      width: 100%
      margin: 0 auto

    .wpb_wrapper
      h4
        color: var(--color1)
        text-align: center
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px
        margin-bottom: 44px

      p
        color: var(--color1)
        max-width: 655px
        width: 100%
        margin: 0 auto 44px
        text-align: center

    .gform_wrapper.gravity-theme .gform_fields
      display: flex
      flex-wrap: wrap
      column-gap: 10px
      justify-content: space-between

    .gfield--width-full
      width: 750px

    .email_field
      width: 440px

    .mobile_field
      width: 303px

    .suburb_field
      width: 324px

    .state_field
      width: 203px

    .postcode_field
      width: 204px

    .ginput_container_textarea
      position: relative

    .gform_wrapper.gravity-theme .gfield textarea.large
      background: transparent
      height: 319px
      resize: none

    .ginput_container_textarea .gfield_description
      color: #A5A7A9
      font-size: var(--f18)
      position: absolute
      bottom: 24px
      right: 24px
      left: auto
      text-align: right

    .ginput_container_fileupload input
      background: transparent
      padding: 11px 25px
      background: transparent url(../images/upload_icon.svg) no-repeat calc(100% - 22px) 50% !important
      cursor: pointer

      &:focus
        background: transparent url(../images/upload_icon.svg) no-repeat calc(100% - 22px) 50% !important

    .gfield_contains_required
      text-align: left

    .gform_fileupload_rules
      display: none

    .gfield_contains_required input[type=checkbox]
      border-radius: 2px
      border: 1px solid #000
      height: 18px
      width: 18px

    .gform_wrapper.gravity-theme .gform_footer
      padding: 0
      margin: 68px 0 0
      justify-content: center

      input[type=submit]:not(.w-btn)
        background-color: var(--color1)
        color: #fff
        border: 1px solid var(--color1)
        min-width: 202px
        min-height: 62px

        &:hover
          background-color: transparent
          color: var(--color0) !important
          border-color: var(--color0) !important

@media screen and (max-width: 767px), print
  .l-section.platform_drive_text.pcq_focus_title
    padding-top: 72px !important
    padding-bottom: 38px !important

    h4
      width: 100%

    .pcq_content
      max-width: 609px
      width: 100%

@media screen and (max-width: 767px), print
  .l-section.proudly_helping_sec.height_medium
    padding-top: 81px
    padding-bottom: 46px

    .yarning_circle_text
      max-width: 450px
      margin-bottom: 31px
      text-align: center

      h3
        max-width: 310px
        margin: 0 auto 40px

      p
        font-size: var(--f20)
        font-style: normal
        font-weight: 400
        line-height: 150%

    .w-image
      max-width: 683px
      margin: 0 auto
      overflow: hidden
      border-radius: 20px

    .w-btn-wrapper
      margin: 37px auto 0

      .w-btn
        font-size: 14px
        min-width: 312px
        min-height: 58px
        padding: 20px 15px

@media screen and (max-width: 767px), print
  .l-section.advocacy_form.height_medium
    background: #FFE6E0
    padding-top: 55px
    padding-bottom: 50px

    .wpb_wrapper
      h3
        color: var(--Maroon, #77003F)
        text-align: center
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px
        max-width: 875px
        max-width: 309px
        margin: 0 auto

      p
        color: var(--color1)
        text-align: center
        margin-top: 44px

    .gform_wrapper.gravity-theme
      .ginput_container_textarea
        max-width: 750px
        display: block
        margin: 47px auto 0
        position: relative

      .gfield textarea.large
        background-color: transparent
        height: 319px
        resize: none
        padding: 24px !important

      .ginput_counter
        position: absolute
        right: 20px
        left: auto
        width: auto
        padding: 0
        margin: 0
        bottom: 15px
        color: #A5A7A9
        font-size: var(--f18)

    .gfield_checkbox
      text-align: center
      margin-top: 25px

      input[type=checkbox]
        width: 18px
        height: 18px
        border-radius: 2px
        border: 1px solid #000
        background: transparent
        margin-top: -4px

    .gform_wrapper.gravity-theme
      .gfield_checkbox label
        font-size: var(--f18)

      .gform_footer
        justify-content: center
        padding: 0
        margin: 55px 0 0

        input[type=submit]:not(.w-btn)
          min-width: 184px
          min-height: 58px
          padding: 20px 0

@media screen and (max-width: 1200px), print
  .l-section.post_job_title.height_medium
    padding-top: 70px
    padding-bottom: 86px

    .gform_wrapper
      max-width: 852px
      margin: 0 auto

    .wpb_wrapper h4
      font-size: 48px
      letter-spacing: -0.7px
      max-width: 580px
      margin: 0 auto

    .w-btn-wrapper
      display: block
      margin: 40px auto 0
      text-align: center

      .w-btn
        min-width: 189px
        min-height: 58px

@media screen and (max-width: 767px), print
  .l-section.post_job_title.height_medium
    padding-top: 70px
    padding-bottom: 86px

    .gform_wrapper
      max-width: 852px
      margin: 0 auto

    .wpb_wrapper h4
      font-size: 35px
      letter-spacing: -0.7px
      max-width: 300px
      margin: 0 auto

    .w-btn-wrapper
      display: block
      margin: 40px auto 0
      text-align: center

      .w-btn
        font-size: 14px
        min-width: 189px
        min-height: 58px

@media screen and (max-width: 950px), print
  .l-section.job-role-form.height_medium .gform_wrapper.gravity-theme
    .name_primary_field, .mobile_primary_field
      width: 100%

@media screen and (max-width: 767px), print
  .l-section.job-role-form.height_medium
    padding-top: 57px
    padding-bottom: 54px
    margin-bottom: 0px

    .vc_column-inner
      max-width: 852px
      width: 100%
      margin: 0 auto

    .gform_wrapper.gravity-theme .gform_fields
      grid-column-gap: 10px

    .job_form_header
      padding-bottom: 58px

    .wpb_wrapper
      h3
        color: #77003F
        font-size: var(--f45)
        font-style: normal
        font-weight: 600
        line-height: 100%
        max-width: 352px

      p
        max-width: 440px
        color: var(--color1)

    .gform_wrapper.gravity-theme
      .name_primary_field, .mobile_primary_field
        width: 100%

      .gfield_checkbox
        display: flex
        flex-wrap: wrap
        padding-left: 24px
        margin-top: 16px

        .gchoice
          margin-bottom: 20px

          &:first-child, &:nth-child(2), &:nth-child(3)
            width: 100%

      .gfield-choice-input
        width: 18px
        height: 18px
        border-radius: 2px
        border: 1px solid #000
        background-color: transparent
        margin-top: -5px

        &:checked::before
          background: var(--color1)

      .gfield_checkbox label
        color: var(--color0)
        font-size: var(--f18)
        font-style: normal
        font-weight: 400
        line-height: 150%

      .gform_footer
        margin: 44px auto 0

        input[type=submit]:not(.w-btn)
          font-size: 14px
          min-width: 189px
          min-height: 58px

@media screen and (max-width: 767px), print
  .l-section.featured_story_sec.height_medium
    padding-top: 60px
    padding-bottom: 61px

    .wpb_wrapper h3
      letter-spacing: -0.5px
      margin-bottom: 70px

    .featured_top_txt
      max-width: 720px

      .wpb_wrapper h4
        font-size: 18px

    .w-video
      max-width: 764px
      width: 100%
      margin: 60px auto 76px
      border-radius: 20px

    .w-image img
      max-width: 122px
      left: 0

    .featured_bottom_txt
      max-width: 710px
      margin-left: auto
      margin-bottom: 46px

      .wpb_wrapper p
        font-size: var(--f20)
        font-weight: 400
        line-height: 150%

@media screen and (max-width: 842px), print
  .l-section.share_your_story_sec.height_medium
    .gfield--width-full
      width: 100%

    .email_field
      width: 58%

    .mobile_field
      width: 40%

    .suburb_field
      width: 45%

    .state_field, .postcode_field
      width: 26%

    .ginput_container_textarea
      position: relative

@media screen and (max-width: 767px), print
  .l-section.share_your_story_sec.height_medium
    padding-top: 73px
    padding-bottom: 58px

    .vc_column-inner
      max-width: 753px
      width: 100%
      margin: 0 auto

    .wpb_wrapper
      h4
        color: var(--color1)
        text-align: center
        font-size: var(--f39)
        font-style: normal
        font-weight: 600
        line-height: 110%
        letter-spacing: -0.792px
        margin-bottom: 44px

      p
        color: var(--color1)
        max-width: 655px
        width: 100%
        margin: 0 auto 44px
        text-align: center

    .gform_wrapper.gravity-theme .gform_fields
      display: flex
      flex-wrap: wrap
      column-gap: 10px
      justify-content: space-between

    .gfield--width-full, .email_field, .mobile_field, .suburb_field, .state_field, .postcode_field
      width: 100%

    .ginput_container_textarea
      position: relative

    .gform_wrapper.gravity-theme .gfield textarea.large
      height: 359px
      font-size: 14px !important
      padding: 17px !important

    .ginput_container_textarea .gfield_description
      bottom: 10px
      right: 10px

    .ginput_container_fileupload input
      background: transparent
      padding: 11px 25px
      font-size: 14px

    .gfield_contains_required
      text-align: center

    .gform_fileupload_rules
      display: none

    .gfield_contains_required input[type=checkbox]
      border-radius: 2px
      border: 1px solid #000
      height: 18px
      width: 18px

    .gform_wrapper.gravity-theme .gform_footer
      padding: 0
      margin: 68px 0 0
      justify-content: center

      input[type=submit]:not(.w-btn)
        font-size: 14px
        min-width: 184px
        min-height: 54px

.story_library_sec.wishes_slider.l-section.height_medium
  padding-top: 96px
  padding-bottom: 95px

  .w-grid-item-h
    .w-post-elm.post_image img
      max-height: 433px
      object-fit: cover
      object-position: top

    .post_content
      margin-bottom: 60px

    .story-read-more-btn
      padding: 0
      background: transparent
      font-size: var(--f18)
      font-style: normal
      font-weight: 600
      line-height: 150%
      color: var(--color0) !important

      &:before
        display: none

      &.active i
        transform: rotate(90deg)

  .owl-item.active .w-grid-item-h .w-btn i:before
    filter: unset
    -webkit-filter: unset

@media screen and (max-width: 767px), print
  .story_library_sec.wishes_slider.l-section.height_medium
    padding-top: 61px
    padding-bottom: 80px

    .w-grid-item-h
      .w-post-elm.post_image img
        max-height: 237px

      .post_content
        margin-bottom: 60px

      .story-read-more-btn
        font-size: var(--f18)

.pcq-member-story
  position: relative
  margin: 0 auto
  width: 100%
  max-width: var(--site-content-width, 1200px)
  padding-left: 1.5rem
  padding-right: 1.5rem

.story-main-wrap
  padding-top: 80px

.story-top-sec, .story-bottom-sec
  max-width: 710px

.story-top-sec p, .story-bottom-sec p
  color: var(--color0)
  font-size: var(--f20)
  font-style: normal
  font-weight: 400
  line-height: 150%

.story-middle-sec
  padding: 150px 0 0

  ul
    grid-gap: 49px
    display: grid
    margin: 0
    grid-template-columns: repeat(3, 1fr)

    li
      position: relative
      overflow: hidden
      list-style: none
      margin: 0

      &:nth-child(2)
        margin-top: -100px

      &:nth-child(3)
        margin-top: -180px

      img
        border-radius: 40px

.story-bottom-sec
  margin-top: 40px
  margin-left: auto

@media screen and (max-width: 767px), print
  .pcq-member-story
    position: relative
    margin: 0 auto
    width: 100%
    max-width: var(--site-content-width, 1200px)
    padding-left: 1.5rem
    padding-right: 1.5rem

  .story-main-wrap
    padding-top: 80px

  .story-top-sec, .story-bottom-sec
    max-width: 710px

  .story-top-sec p, .story-bottom-sec p
    color: var(--color0)
    font-size: var(--f20)
    font-style: normal
    font-weight: 400
    line-height: 150%

  .story-middle-sec
    padding: 50px 0 0

    ul
      grid-gap: 25px
      display: flex
      overflow: auto

      &::-webkit-scrollbar
        display: none

      li
        position: relative
        min-width: 206px
        width: 205px
        margin: 0

        &:nth-child(2), &:nth-child(3)
          margin-top: 0px

        img
          min-height: 275px
          border-radius: 20px

  .story-bottom-sec
    margin-top: 40px
    margin-left: auto

body .gform_wrapper.gravity-theme .ginput_container_date input
  width: 100%

.l-section
  &.member-feedback-section.height_medium
    margin-top: 80px

  &.member_community_title.height_medium
    padding-top: 0
    padding-bottom: 0

    .wpb_wrapper h3
      color: var(--color0)
      text-align: center
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px

@media screen and (max-width: 1200px), print
  .l-section.member-feedback-section.height_medium
    margin-top: 30px

@media screen and (max-width: 1200px), print
  .l-section.member-feedback-section.height_medium
    margin-top: 40px

.pcq_member_details .gform_wrapper.gravity-theme
  .multiselect_chk
    margin-top: 15px
    margin-bottom: 5px

    .gfield_required
      display: none

    .gfield_checkbox
      display: flex
      flex-wrap: wrap

      .gchoice
        margin-bottom: 10px
        margin-right: 30px

        &:last-child
          margin-right: 0

    .gfield-choice-input
      height: 18px
      width: 18px
      border-radius: 2px
      border: 1px solid #000
      margin-top: -4px

  .gfield-choice-input + label
    font-size: var(--f18)
    color: var(--color0)

.l-section.pcq_member_details.height_medium
  padding-top: 30px

.member_login_form .wpb_wrapper p
  color: var(--color1)
  text-align: center
  font-size: var(--f18)
  font-style: normal
  font-weight: 600
  line-height: 150%
  margin-bottom: 27px

#mepr-account-nav
  margin-top: 70px
  text-align: center
  position: relative
  z-index: 9

#mepr-account-welcome-message, #mepr_account_form, .mepr-account-change-password
  display: none

.get_touch_sec.contact-content
  .gfield_contains_required
    margin: 0 auto

  #gform_wrapper_1 .ginput_container_consent input
    margin-top: -4px

.pcq_course_sec .wpb_wrapper ol
  margin-left: 15px

.l-section.member.event_sec.height_medium
  padding-top: 78px
  padding-bottom: 105px

  .pcq-events-search .view-events-btn
    min-width: 257px
    min-height: 62px
    background-color: var(--color1)
    border: 1px solid var(--color1)
    color: #fff
    width: max-content
    border-radius: 64px
    display: flex
    align-items: center
    justify-content: center
    margin: 35px auto 0

    &:hover
      background-color: transparent
      color: var(--color1)

  .pcq-event-wrap
    margin: 58px auto 35px

@media screen and (max-width: 767px), print
  .l-section.member.event_sec.height_medium
    padding-top: 53px
    padding-bottom: 70px

    .pcq-events-search .view-events-btn
      min-width: 189px
      min-height: 58px
      font-size: 14px
      margin: 39px auto 0

    .pcq-event-wrap
      margin: 39px auto 35px

body .home_member.page-header .page-header-title
  min-height: 529px

  h1
    font-size: 100px

  h6
    color: #fff
    font-size: 30px
    text-align: center
    font-size: 35px
    font-style: normal
    font-weight: 400
    line-height: 110%
    letter-spacing: -0.7px
    margin-top: 32px
    padding: 0

@media screen and (max-width: 1200px), print
  body .home_member.page-header .page-header-title h1
    font-size: 50px

@media screen and (max-width: 767px), print
  body .home_member.page-header .page-header-title
    min-height: unset
    display: block

    h1
      font-size: 50px
      word-wrap: break-word

    h6
      font-size: 20px
      max-width: 100%
      margin: 50px auto 0

.l-section.access_member_text.pcq_focus_title .pcq_content
  width: 100%
  max-width: 444px

@media screen and (max-width: 767px), print
  .l-section.access_member_text.pcq_focus_title .pcq_content
    width: 100%
    max-width: 325px

.payment_step .ginput_container_total
  position: relative
  padding-right: 55px

  &:before
    position: absolute
    content: "AUD"
    right: 0
    left: auto
    color: var(--color0)
    font-size: var(--f20)
    font-style: normal
    font-weight: 600
    line-height: 150%
    top: 50%
    transform: translateY(-50%)

.l-section.platform_slider.hospices_slider.pcq_focus_grid
  padding-bottom: 30px !important

.platform_slider.hospices_slider.pcq_focus_grid .active.center .w-grid-item-h
  background-color: var(--color1)

.mepr-radios-field
  display: flex !important
  flex-wrap: wrap
  margin-top: 50px
  margin-bottom: 30px !important
  padding-left: 30px

.mepr-radios-field-row
  display: flex !important
  width: auto !important
  margin-right: 50px
  margin-bottom: 15px

body .mp_wrapper
  .mepr-radios-field label
    display: inline-block !important
    margin: 0
    width: calc(100% - 50px) !important
    max-width: 100% !important
    min-width: 100% !important

  .mp-form-row input[type=radio]
    width: 18px
    height: 18px
    border-radius: 2px !important
    border: 1px solid #000
    display: block
    background: transparent
    margin-right: 18px

    &:before
      height: 100%
      width: 100%
      margin: unset
      background: var(--color1)
      border-color: var(--color1)
      border-radius: unset !important

.l-section.access_member_slider.height_medium
  padding-bottom: 60px
  border-bottom: 1px solid #292929

.access_member_slider .w-grid-item-h .w-btn
  font-size: var(--f20)
  font-weight: 600
  line-height: 150%
  padding: 0
  background: transparent
  color: var(--color0) !important
  display: flex
  justify-content: center
  align-items: center
  margin: 0 auto
  position: absolute
  bottom: 40px
  left: 0
  right: 0
  max-width: max-content
  transform: unset

  &:before
    display: none

  &:after
    top: 0 !important

@media screen and (max-width: 1200px), print
  .l-section.featured_story_sec.height_medium .w-image
    max-width: 100%
    max-width: 710px
    margin-left: auto
    text-align: left

    img
      margin: unset
      left: 0

@media screen and (max-width: 767px), print
  .l-section.featured_story_sec.height_medium .w-image
    max-width: 100%
    margin: 0 auto
    text-align: c

    img
      margin: 0 auto
      left: 0

.mp_wrapper .mp-form-row
  &.mepr_password, &.mepr_password_confirm
    width: 49% !important

@media screen and (max-width: 600px), print
  .mp_wrapper .mp-form-row
    &.mepr_password, &.mepr_password_confirm
      width: 100% !important

.job-role-form .gform_confirmation_message
  color: #77003F
  text-align: center
  font-size: 20px
  font-style: normal
  font-weight: 600
  line-height: 110%
  letter-spacing: -0.4px
  max-width: 480px
  margin: 0 auto

body .gform_wrapper
  .chosen-choices li.search-field input[type=text]
    font-family: var(--font-body) !important

  &.gravity-theme
    .chosen-container-multi .chosen-choices
      box-shadow: unset !important
      border-radius: 40px
      border: 1px solid var(--color0) !important
      align-items: center
      padding: 0px 15px !important
      background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50% !important

    .chosen-container
      .chosen-results
        &::-webkit-scrollbar-track
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3)
          background-color: #FFF

        &::-webkit-scrollbar
          width: 5px
          background-color: #FFF

        &::-webkit-scrollbar-thumb
          background-color: var(--color1)

      .chosen-drop
        position: unset
        border-radius: 31px !important
        border: 1px solid #292929 !important
        margin-top: -1px
        padding: 20px 0

    .chosen-container-multi .chosen-choices li.search-choice
      box-shadow: unset !important
      margin: 0 !important
      font-weight: 400

    .chosen-container .chosen-results li
      padding: 10px 15px !important
      margin-bottom: 10px
      border-bottom: 1px solid var(--color0)

  .chosen-results li.highlighted
    background: unset !important
    color: var(--color0) !important

  .chosen-choices .search-choice-close
    opacity: 1 !important

    &:before
      color: var(--color1)

section.wpb_row.pcq_la_title.leadership_skill_sec
  padding-top: 87px !important
  padding-bottom: 110px !important

  .vc_column-inner
    h4
      width: 100%
      max-width: 574px
      line-height: 120%

    p
      width: 100%
      max-width: 485px

  .pcq_rn_btn
    min-width: 300px
    min-height: 60px
    padding: 15px 40px
    display: flex
    align-items: center
    justify-content: center

@media screen and (max-width: 1200px), print
  section.wpb_row.pcq_la_title.leadership_skill_sec .vc_column-inner
    h4
      max-width: 435px

    p
      max-width: 425px

@media screen and (max-width: 767px), print
  section.wpb_row.pcq_la_title.leadership_skill_sec
    padding-top: 70px !important
    padding-bottom: 110px !important

    .vc_column-inner
      h4
        width: 100%
        max-width: 574px
        line-height: 120%

      p
        max-width: 325px
        margin: 0 auto

    .pcq_rn_btn
      min-width: 189px
      min-height: 58px

@media screen and (max-width: 600px), print
  section.wpb_row.pcq_la_title.leadership_skill_sec
    padding-top: 70px !important
    padding-bottom: 55px !important

.mem_training.pcq_last2 .wpb_wrapper
  h3
    font-size: 35.156px
    font-style: normal
    font-weight: 600
    width: 100%
    max-width: 330px

  p
    width: 100%
    max-width: 448px

@media screen and (max-width: 767px), print
  .mem_training.pcq_last2 .wpb_wrapper
    h3
      font-size: 25px

      br
        display: block

    p
      max-width: 265px

.search-results .w-grid-item-h .post_image
  margin-bottom: 0 !important

body .gform_confirmation_message
  color: var(--color1)
  text-align: center

.pcq_member_details input[type=text]
  font-weight: 600

body .gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field input
  &[type=text]
    font-weight: 600
    color: #000

  &:focus
    color: #000 !important

.search-results .w-grid[class*="cols_"] .w-grid-item
  padding-top: 0

.w-btn-wrapper .join_us_btn:before
  display: none

.l-section.how_we_can_help_sec.height_medium .w-grid-item-h .w-vwrapper
  background-size: cover !important
  background-repeat: no-repeat !important
  background-position: center center !important

body .gform_wrapper.gravity-theme
  .chosen-container-single .chosen-single
    font-weight: 600
    border: 1px solid var(--color0) !important
    border-radius: 40px !important
    min-height: 53px !important
    height: auto !important
    box-shadow: unset !important
    background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50% !important
    padding: 0 24px !important

    > div
      display: none

  .chosen-container .chosen-drop
    position: absolute
    background: #FFF !important

.gform_heading .gform_required_legend
  display: none

body .mp_wrapper .mp-form-row.mepr_mepr_applicable
  margin-top: 15px
  padding-left: 30px

  label
    display: block !important

  input
    &[type=checkbox]
      width: 18px
      height: 18px
      border-radius: 2px !important
      border: 1px solid #000
      background: transparent
      margin-right: 18px

    &:checked::before
      background: var(--color1)
@media screen and (max-width: 600px), print
  body .mp_wrapper .mp-form-row.mepr_mepr_applicable
    padding-left: 0px

    label
      display: flex !important

    input
      &[type=checkbox]
        width: 18px
        height: 18px
        border-radius: 2px !important
        border: 1px solid #000
        background: transparent
        margin-right: 18px

      &:checked::before
        background: var(--color1)

.mepr_mepr_upload_id input::file-selector-button
  display: none

.pcq_count_news, .pcq_count_roles
  text-align: center
  margin: 50px 0 30px

#initial-news-load-more-button, #initial-roles-load-more-button
  text-align: center
  margin: 0 auto
  display: block

.mp_wrapper select
  -webkit-appearance: none
  -moz-appearance: none
  appearance: none
  background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50% !important
  line-height: 150%

  &:focus
    background: transparent url(../images/select-down.svg) no-repeat calc(100% - 22px) 50% !important

.become_member_text_sec .w-btn-wrapper.align_none
  display: block !important
  margin: 35px auto 0
  text-align: center

.w-btn-wrapper .join_us_btn
  background: var(--color1)
  border: 1px solid var(--color1)
  color: #fff
  font-size: var(--f18)
  font-weight: 400
  line-height: 150%
  min-width: 202px
  min-height: 62px

.mepr-form-has-errors
  margin-top: 30px

.share_your_story_sec .gform_wrapper.gravity-theme .gfield_required
  font-size: 26px

.mepr-payment-methods-wrapper
  width: 100%
  margin-bottom: 40px

.mp_wrapper .mp-form-row
  + label
    margin-bottom: 15px

  button:before
    display: none !important

.l-section.advocacy_form.height_medium
  .gform_confirmation_message
    text-align: center
    margin: 50px 0 0

  .gform_wrapper.gravity-theme .gform_validation_errors
    display: none

  .validation_message
    text-align: center

.mp_login_form
  display: none

.page-role-message
  margin: 0 auto

.l-section.how_we_can_help_sec.height_medium .w-grid-item-h
  .w-vwrapper:before
    position: absolute
    content: ""
    height: 100%
    width: 100%
    top: 0
    left: 0
    right: 0
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
    border-radius: inherit
    opacity: 0
    visibility: hidden
    transition: 0.5s all

  &:hover .w-vwrapper:before
    opacity: 1
    visibility: visible

.individual-form-section .mepr_mepr_your_information
  margin-top: 12px

header .l-subheader-cell .mobile_logo
  display: none

@media screen and (max-width: 600px), print
  .w-search .fa-search:before
    color: #F7961D

  .header_hor .w-search
    &.layout_simple.elm_in_header, &.layout_modern.elm_in_header
      display: inline-block
      margin-top: 8px
      position: relative !important

    &.layout_simple.elm_in_header .w-search-open, &.layout_modern.elm_in_header .w-search-open
      display: block
      position: relative
      transform: none
      z-index: 999
      left: 0
      top: 0
      transform: unset

    &.layout_simple.elm_in_header input, &.layout_modern.elm_in_header input
      border: none
      background: none
      color: inherit
      box-shadow: none !important
      width: 100%
      height: 41px
      border: 1px solid #F7961D !important
      border-radius: 22px
      background: #fff
      padding: 0 13px 0 50px
      font-size: 12px
      background: #fff

  .w-search-form .w-form-row
    height: inherit
    padding: 0
    margin: 0 auto

  .header_hor .w-search
    &.layout_simple.elm_in_header.active .w-search-form, &.layout_modern.elm_in_header.active .w-search-form
      height: auto
      overflow: unset
      top: unset !important
      bottom: calc(-100% + -16px)
      right: 0
      width: 280px
      left: auto
      height: unset !important

section.wpb_row.what_celc_sec.pcq_la_title
  padding-top: 109px !important
  padding-bottom: 110px !important

  .celc_text_box
    max-width: 485px
    width: 100%

  .vc_column-inner
    h4
      width: 100%

    p
      width: 100%
      margin-bottom: 20px

  .celc_text_box ul
    margin-left: 30px
    li
      font-size: var(--f20)
      font-weight: 400
      line-height: 150%

@media screen and (max-width: 767px), print
  section.wpb_row.what_celc_sec.pcq_la_title
    padding-top: 70px !important
    padding-bottom: 70px !important

    .celc_text_box
      max-width: 98%

      ul
        margin: 0 auto
        display: flex
        justify-content: center
        flex-wrap: wrap
        flex-direction: column

        li
          margin: 0 auto 5px
          text-align: center

.l-section
  &.calc_img_sec.palliative-care.pcq_image_sec.height_medium
    padding-top: 150px !important
    padding-bottom: 30px !important

  &.our_culture.getting_country_sec.height_medium
    padding-bottom: 173px

@media screen and (max-width: 767px), print
  .l-section.calc_img_sec.palliative-care.pcq_image_sec.height_medium
    padding-top: 0px !important
    padding-bottom: 0px !important

@media screen and (max-width: 767px), print
  .l-section.our_culture.getting_country_sec.height_medium
    padding-top: 96px
    padding-bottom: 99px

section
  &.design_project.know_ambulance.about_talk_sec
    padding-top: 82px !important
    padding-bottom: 75px !important
    min-height: 392px

  &.pcq_want_sec.know_ambulance.about_talk_sec .w-btn
    margin-top: 27px
    min-width: 232px

@media screen and (max-width: 767px), print
  section.design_project.know_ambulance.about_talk_sec
    padding-top: 40px !important
    padding-bottom: 42px !important

    h3
      margin-bottom: 15px

    .wpb_wrapper p
      width: 100%
      max-width: 80%

    .w-btn
      min-width: 189px
      min-height: 58px
      padding: 20px 40px

body .faq_sec
  &.contact_details.contact-info
    padding-top: 103px !important
    padding-bottom: 66px !important

    h2
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px

  #accordian-pill .w-tabs-section
    border-radius: 64px

    &.active
      border-radius: 31px

  &.contact-info .l-section-h
    max-width: 1160px

  &.contact_details .w-tabs-sections
    max-width: 1160px
    margin: 0 auto

  .w-tabs-section-content-h .wpb_text_column
    max-width: 655px
    margin: 0 auto
    text-align: center

    p:last-child
      margin-bottom: 0 !important

  #accordian-pill .w-tabs-section .w-tabs-section-content .w-tabs-section-content-h .g-cols .vc_column-inner .wpb_text_column
    width: 100% !important

@media screen and (max-width: 767px), print
  body .faq_sec
    &.contact_details.contact-info
      padding-top: 70px !important
      padding-bottom: 65px !important

    #accordian-pill .w-tabs-section
      border-radius: 79px

      &.active
        border-radius: 36px

section.wpb_row.what_death_cafe_sec.pcq_la_title
  padding-top: 109px !important
  padding-bottom: 35px !important

  .celc_text_box
    max-width: 405px
    width: 100%

  .vc_column-inner
    h4
      max-width: 330px
      width: 100%

    p
      width: 100%

  .pcq_rn_btn
    min-width: 357px
    min-height: 62px

@media screen and (max-width: 1200px), print
  section.wpb_row.what_death_cafe_sec.pcq_la_title
    .celc_text_box
      max-width: 365px
      width: 100%

    .vc_column-inner h4
      max-width: 250px
      width: 100%

@media screen and (max-width: 767px), print
  section.wpb_row.what_death_cafe_sec.pcq_la_title
    padding-top: 70px !important
    padding-bottom: 94px !important

    .celc_text_box
      max-width: 405px
      width: 100%

    .vc_column-inner
      h4
        max-width: 330px
        width: 100%

      p
        width: 100%

    .pcq_rn_btn
      font-size: 14px
      min-width: 261px
      min-height: 58px

.l-section.our_death_cafe_sec
  &.our_culture.getting_country_sec.height_medium
    padding-bottom: 90px

    .title.getting_country_text
      max-width: 515px
      margin-right: 0
      padding: 0

      &:before
        display: none

    .getting_country_text
      max-width: 473px
      position: relative
      padding-left: 61px

      &:before
        position: absolute
        content: " "
        width: 21px
        height: 21px
        background: #F7961D
        top: 0
        left: 0
        right: auto
        border-radius: 50%

  .our_death_cafes_wrap
    .getting_country_text
      margin-bottom: 30px

    .w-btn-wrapper
      margin: 60px 0 0

    .w-btn
      min-width: 357px
      min-height: 62px

@media screen and (max-width: 1200px), print
  .l-section.our_death_cafe_sec.our_culture.getting_country_sec.height_medium
    .title.getting_country_text
      max-width: 375px

    .getting_country_text
      max-width: 426px

@media screen and (max-width: 767px), print
  .l-section.our_death_cafe_sec
    &.our_culture.getting_country_sec.height_medium
      padding-top: 105px
      padding-bottom: 77px

      .title.getting_country_text
        max-width: 515px
        margin-right: 0
        padding: 0

        h3
          max-width: 100%

        &:before
          display: none

      .getting_country_text
        max-width: 473px
        position: relative
        padding-left: 37px
        text-align: left
        margin-bottom: 20px

        &:before
          width: 17px
          height: 17px

    .our_death_cafes_wrap
      .getting_country_text
        margin-bottom: 30px

      .w-btn
        min-width: 261px
        min-height: 58px
        font-size: 14px
        padding: 20px 15px


.l-section.our_commitment_sec.height_medium
  padding-top: 84px
  padding-bottom: 84px
  border-bottom: 1px solid var(--color0)

  .commitment_text
    text-align: center
    width: 100%
    max-width: 830px
    margin: 0 auto

    h3
      color: var(--color0)
      text-align: center
      font-size: var(--f39)
      font-style: normal
      font-weight: 600
      line-height: 110%
      letter-spacing: -0.792px
      margin-bottom: 45px

    p
      font-size: 26px
      font-weight: 400
      line-height: 150%
      margin-bottom: 50px

      &:last-child
        margin-bottom: 0 !important

    h6
      color: var(--color1)
      font-size: 14px
      font-style: normal
      font-weight: 400
      line-height: 150%
      padding: 0

@media screen and (max-width: 1200px), print
  .l-section.our_commitment_sec.height_medium

    .commitment_text
      text-align: center
      width: 100%
      max-width: 640px
      margin: 0 auto

      h3

      p
        font-size: 20px

@media screen and (max-width: 767px), print
  .l-section.our_commitment_sec.height_medium
    padding-top: 45px
    padding-bottom: 70px

    .commitment_text
      text-align: center
      width: 100%
      max-width: 99%
      margin: 0 auto

      h3
        font-size: 25px
        margin-bottom: 35px

      p
        font-size: 18px

        &:last-child
          margin-bottom: 0 !important

      h6
        color: var(--color1)
        font-size: 14px
        font-style: normal
        font-weight: 400
        line-height: 150%
        padding: 0


section.pcq_focus_title.how_works_title
  padding-top: 108px !important
  padding-bottom: 108px !important

@media screen and (max-width: 767px), print
  section.pcq_focus_title.how_works_title
    padding-top: 42px !important
    padding-bottom: 52px !important

section.how_works_slider.pcq_wt_grid
  padding-top: 0px !important
  padding-bottom: 105px !important
  border-bottom: 1px solid var(--color0)

  .w-grid-list
    padding-right: 43.7% !important

  .owl-item.active .w-grid-item-h
    background: var(--color1)
    border-color: transparent

  .w-grid-item-h
    min-height: 524px
    width: 658px !important

@media screen and (max-width: 767px), print
  section.how_works_slider.pcq_wt_grid
    padding-top: 0px !important
    padding-bottom: 105px !important
    border-bottom: 1px solid var(--color0)

    .w-grid-list
      padding: 0 60px 0 20px !important

    .w-grid-item-h
      min-height: 430px
      width: 100% !important
      padding: 37px 25px

.l-section.priorities_text_sec.introducing_grief.empowering_sec.height_medium
  padding-top: 80px

@media screen and (max-width: 767px), print
  .l-section.priorities_text_sec.introducing_grief.empowering_sec.height_medium
    padding-top: 70px

.l-section
  &.our_priorities.initiatives_list_sec.height_medium
    padding-top: 80px
    padding-bottom: 0px

  &.priorities_text_sec.introducing_grief.empowering_sec .wpb_text_column h3
    margin-bottom: 0

@media screen and (max-width: 767px), print
  .l-section
    &.our_priorities.initiatives_list_sec.height_medium
      padding-top: 75px

.pcq_st_page_grid button.w-btn
  background: transparent
  border: none !important
  padding: 0
  position: absolute
  bottom: 6%
  left: 50%
  -webkit-transform: translateX(-50px)
  transform: translateX(-50px)

  &:hover
    background: transparent

  &:before
    display: none

section.wpb_row.your_support_sec.pcq_la_title
  padding-top: 101px !important
  padding-bottom: 137px !important

  .vc_column-inner p
    margin-bottom: 30px

@media screen and (max-width: 767px), print
  section.wpb_row.your_support_sec.pcq_la_title
    padding-top: 64px !important
    padding-bottom: 80px !important

    .celc_text_box
      text-align: left

    .vc_column-inner p
      margin-bottom: 20px

section.pcq_focus_title.publications_title
  padding-top: 108px !important
  padding-bottom: 83px !important

@media screen and (max-width: 767px), print
  section.pcq_focus_title.publications_title
    padding-top: 70px !important
    padding-bottom: 25px !important

section.publications_sec.further_skill_slider.pcq_focus_grid.height_medium
  padding-top: 28px !important
  padding-bottom: 82px !important

@media screen and (max-width: 767px), print
  section.publications_sec.further_skill_slider.pcq_focus_grid.height_medium
    padding-top: 28px !important
    padding-bottom: 91px !important

.statement-slider-counter, .submission-slider-counter, .publication-slider-counter, .publication-resource-slider-counter
  margin: 76px auto 0
  text-align: center
  font-size: 20px
  font-style: normal
  font-weight: 400
  color: var(--color0)

@media screen and (max-width: 767px), print
  .statement-slider-counter, .submission-slider-counter, .publication-slider-counter, .publication-resource-slider-counter
    margin: 54px auto 0
    font-size: 12px
    font-weight: 600

.position_statement.further_skill_slider.pcq_focus_grid .w-grid-item-h h4
  margin: 64px 0 30px
  min-height: 296px

@media screen and (max-width: 767px), print
  .position_statement.further_skill_slider.pcq_focus_grid .w-grid-item-h h4
    margin: 20px 0 0
    min-height: 143px

@media screen and (max-width: 1200px), print
  body .patient_journey.page-header .page-intro p
    max-width: 90%

@media screen and (max-width: 767px), print
  body .patient_journey.page-header .page-intro p
    max-width: 100%

section.wpb_row.navigate_experiences_sec.pcq_la_title
  padding-top: 109px

  .wpb_text_column.celc_text_box
    max-width: 421px

  .vc_column-inner
    h4
      width: 100%
      font-size: 39.621px
    p
      font-size: 20px
      width: 100%

@media screen and (max-width: 767px), print
  section.wpb_row.navigate_experiences_sec.pcq_la_title
    padding-top: 70px

    .wpb_text_column.celc_text_box
      max-width: 325px
      margin: 0 auto

    .vc_column-inner
      h4
        font-size: 25px
      p
        font-size: 14px


/*# sourceMappingURL=custom.css.map