/* General templating */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


h1,h2,h3,h4 {
  font-family: 'Karmina', serif;
  letter-spacing: -0.1px;
  line-height: 1.125;
}

p,a{
  font-family: "Poppins", sans-serif;
}

.mt-50{
  margin-top: 50px;
}

.gap-40{
  --bs-gutter-x: 3rem;
}

.p-custom-3px{
  padding-left: 3px;
  padding-right: 3px;
}

.pr-custom-13px{
  padding-right: 13.33px;
}

@media (max-width: 768px){
  .p-custom-m-0{
    padding: 0;
  }
  .p-custom-m-18{
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (min-width: 1200px) {
  #general_providers .container{
      max-width: 760px;
  }
}

#general_providers {
    background: #f1efed;
}

body {
  background: #f1efed;
}

/* General templating */

/* Hero Section */

.gp_ivim_hero{
  background-color: #5a6859;
  padding: 97.5px 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='490' height='353' viewBox='0 0 490 353' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.7395 338.932C59.4268 333.806 51.7574 326.063 46.6442 316.626C41.9535 307.031 40.19 296.226 41.5807 285.603C41.5807 156.074 41.5807 26.1714 41.5807 25.8903C41.5194 18.2089 43.3556 10.6351 46.9204 3.86486C52.0336 -5.57261 59.703 -13.3154 69.0156 -18.4417C74.2954 -20.7108 79.4035 -23.3736 84.2982 -26.4084C84.8586 -26.828 85.2752 -27.4165 85.4888 -28.0905C85.7024 -28.7645 85.7022 -29.4899 85.4884 -30.1638C85.2745 -30.8378 84.8577 -31.4261 84.2971 -31.8455C83.7365 -32.2649 83.0605 -32.494 82.3649 -32.5005C54.7458 -31.657 73.1585 -31.9381 58.7045 -31.7507C43.1633 -31.5302 28.3265 -25.1151 17.3793 -13.8827C6.432 -2.65021 0.247041 12.5042 0.152161 28.3271L0.152161 292.07C0.247041 307.893 6.432 323.047 17.3793 334.279C28.3265 345.512 43.1633 351.927 58.7045 352.147C73.1585 352.147 72.8823 352.147 86.968 352.897C92.676 352.897 90.1903 346.899 86.968 345.587C80.7771 343.709 74.6918 341.487 68.7395 338.932Z' fill='white' fill-opacity='0.04'/%3E%3Cpath d='M283.706 313.715L153.989 10.608C152.696 7.64745 151.947 4.47084 151.779 1.23551C151.983 -3.66957 153.988 -8.31809 157.398 -11.7896C160.808 -15.2611 165.374 -17.3025 170.192 -17.5095C174.554 -17.4356 178.788 -16.0038 182.327 -13.4067C185.866 -10.8096 188.538 -7.17165 189.986 -2.98212L305.709 279.224L423.643 -2.79467C425.21 -6.54086 427.754 -9.77898 430.999 -12.1581C434.245 -14.5372 438.069 -15.9665 442.055 -16.2911C446.939 -16.2911 451.622 -14.3162 455.075 -10.8008C458.528 -7.28543 460.468 -2.51756 460.468 2.45394C460.729 5.13053 460.35 7.83158 459.363 10.3269L329.922 313.715C328.411 318.396 325.45 322.452 321.482 325.274C317.515 328.096 312.756 329.532 307.919 329.367H305.709C300.843 329.678 296.017 328.299 292.021 325.456C288.024 322.613 285.093 318.474 283.706 313.715Z' fill='white' fill-opacity='0.04'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top right;
}

@media (max-width: 768px){
  .gp_ivim_hero{
    background-image: unset;
  }
}

.hero_upper_text {
  color: #d1e1c4;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0%;
  line-height: 1.42;

}

.hero_title {
    margin-bottom: 20px;
    font-size: 48px;
    color: #FFFFFF;
}

.hero_description {
    color: #ffffffb3;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

/* Hero Section */

/* Providers Section */


.team-members-title {
    color: #32312d;
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1.3;
    margin-bottom: 30px;
    font-weight: 400;
  }

  @media (max-width: 768px){
    .team-members-title{
      margin-bottom: 30px;
      font-size: 28px;
    }
  }

  .dropdown {
    position: relative;
    display: inline-block;
  }

  .sort-by {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 102px;
    height: 36px;
    padding: 0 12px 0 16px;
    border: 1px solid rgba(50, 49, 45, 0.5);
    border-radius: 17.5px;
    background: transparent;
    cursor: pointer;
  }
  .sort-by__label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #32312D;
  }
  .sort-by__arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #32312D;
    transition: transform 0.4s ease;
    transform: rotate(180deg);
  }
  .dropdown.open .sort-by__arrow {
    transform: rotate(0deg);
  }
  .dropdown__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 102px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    z-index: 10;
  }
  .dropdown__menu li {
    padding: 8px 12px;
    font-family: sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .dropdown__menu li:hover {
    background: #f0f0f0;
  }
  .dropdown__menu--visible {
    display: block;
  }

  .team-description {
    color: #32312d;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 40px;
    margin: 0;
  }

  @media (max-width: 768px){
    .team-description{
      padding-left: 20px;
      padding-right: 0px;
    }
  }

/* Team Component */

  .provider-member {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-family: Poppins,sans-serif;
    height: 308px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    text-decoration: none!important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .provider-member--leadership-top{
    min-height: 308px;
    height: auto;
    padding-bottom: 10px;
  }

  .provider-member__avatar {
    aspect-ratio: 1/1;
    border-radius: 50%;
    height: 138px;
    margin-top: 21px;
    overflow: hidden;
    flex-shrink: 0;
  }
  .provider-member__avatar-img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .provider-member__divider {
    background: #eae9df;
    height: 1px;
    margin-top: 20px;
    width: 100%;
    flex-shrink: 0;
  }
  .provider-member__content {
    width: 75%;
    margin: auto;
  }
  .provider-member__label {
    color: #adadab;
    font-size: 12px;
    font-weight: 500;
  }
  .provider-member__name {
    color: #32312d;
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
  }
  .provider-member__role {
    color: #6f9351;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
  }
  .provider-member--professional .provider-member__label {
    display: none;
  }
  .provider-member--professional .provider-member__name {
    margin: auto;
    letter-spacing: 0.3px;
  }
  .provider-member__label+.provider-member__name {
    margin-top: 6px;
    font-weight: 600;
  }
  .provider-member__content:has(.provider-member__label) {
    width: 100%;
  }


/* Team Component */


/* Team Section */
.team-members-wrapper{
    margin-top: 30px;
    display: grid;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 768px){
    .team-members-wrapper{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Step Indicator Component */
.step-indicator {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
  }
  .step-indicator__arrow {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .3s ease;
  }
  .step-indicator__arrow--disabled{
    cursor: default;
    opacity: 0.3;
  }
  .step-indicator__step {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #32312D;
    opacity: 0.7;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    cursor: pointer;
    border-radius: 50%;
    transition: .3s ease background;
  }
  .step-indicator__arrow:not(.step-indicator__arrow--disabled):hover{
    transform: scale(1.1);
  }
  .step-indicator__step:hover{
    background: rgba(50, 49, 45, 0.1);
  }
  .step-indicator__step.step-indicator__step--active {
    width: 30px;
    height: 30px;
    background: rgba(50, 49, 45, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
  }
/* Step Indicator Component */

/* CTA Secion */


.cta_section_inner{
    margin-top: 30px;
    margin-bottom: 59px;
    padding: 80px 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px){
    .cta_section{
        padding: 0px 18px;
    }

    .cta_section_inner{
        padding: 40px 20px;
        border-radius: 10px;
    }
}

  .cta-title {
  font-size: 45px;
  line-height: 1.1rem;
  letter-spacing: -1.35px;
  }

  @media (max-width: 768px){
    .cta-title {
      font-size: 28px;
      line-height: 36px;
      letter-spacing: 0;
    }
  }

  .cta-subtitle {
    color: #6f9351;
    margin-top: 10px;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.4;
    max-width: 652px;
    font-family: Karmina;
    letter-spacing: -0.96px;
  }

  @media (max-width: 768px){
    .cta-subtitle{
      font-size: 24px;
      line-height: calc(24px * 1.1);
      letter-spacing: calc(24px * 0.03 * -1);
    }
  }

  .cta-btn {
    width: 100%;
    background-color: #32312d;
    display: inline-block;
    color: #fff!important;
    text-decoration: none!important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 1rem;
    padding-right: 2.25rem;
    padding-bottom: 1rem;
    padding-left: 2.25rem;
    border-radius: 9999px;
    letter-spacing: 0.3px;
    margin-top: 22px;
    max-width: 244px;
  }  

  @media (max-width: 768px){
    .cta-btn{
      letter-spacing: 0;
      max-width: unset;
    }
  }

  /* hide default wordpress page header */
.post-type-archive-providers .page-header-inner {
  display: none;
}