/* Theming CSS */
  /* Header color */
  .u-org--header {
    background-color: #161617 !important;
  }


  /* Header text color */
  .u-org--header {
    color: #ffffff;
  }

  button.u-org--header.appheader__button:hover,
  button.u-org--header.appheader__button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  button.u-org--header:not(.appnav__link):hover,
  button.u-org--header:not(.appnav__link):active,
  button.u-org--header:not(.appnav__link):focus {
    color: #ffffff;
  }

  button.u-org--header.appheader__searchbutton,
  button.u-org--header.appheader__categoriesbutton,
  input[type="search"].u-org--header {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }

  button.u-org--header.appheader__searchbutton:hover,
  button.u-org--header.appheader__searchbutton:active,
  button.u-org--header.appheader__searchbutton:focus,
  button.u-org--header.appheader__searchbutton:focus-visible,
  button.u-org--header.appheader__categoriesbutton:hover,
  button.u-org--header.appheader__categoriesbutton:active,
  button.u-org--header.appheader__categoriesbutton:focus,
  button.u-org--header.appheader__categoriesbutton:focus-visible,
  input[type="search"].u-org--header:hover,
  input[type="search"].u-org--header:active,
  input[type="search"].u-org--header:focus,
  input[type="search"].u-org--header:focus-visible {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  input[type="search"].u-org--header:focus {
    border-color: transparent !important;
  }

  .u-org--header .search__input--appheader:not(:focus):-ms-input-placeholder {
    color: #ffffff;
  }

  .u-org--header .search__input--appheader:not(:focus)::-ms-input-placeholder {
    color: #ffffff;
  }

  .u-org--header .search__input--appheader:not(:focus)::placeholder {
    color: #ffffff;
  }


  /* Organization color */
  .u-orgcolor--color,
  .u-orgcolor--hovercolor:hover {
    color: #0575d6 !important;
  }
  .u-orgcolor--bg,
  .u-orgcolor--hoverbg:hover {
    background-color: #0575d6 !important;
  }
  .u-orgcolor--border,
  .u-orgcolor--border:link,
  .u-orgcolor--border:visited,
  .u-orgcolor--border:hover,
  .u-orgcolor--border:active,
  .u-orgcolor--border:focus {
    border-color: #0575d6;
    color: #0575d6;
  }
  .u-orgcolor--borderonly,
  .u-orgcolor--borderonly:link,
  .u-orgcolor--borderonly:visited,
  .u-orgcolor--borderonly:hover,
  .u-orgcolor--borderonly:active,
  .u-orgcolor--borderonly:focus {
    border-color: #0575d6;
  }
  .u-orgcolor--borderhover:hover,
  .u-orgcolor--borderhover:hover {
    border-color: #0575d6;
  }
  .u-orgcolor--svgfill {
    color: #0575d6;
    fill: #0575d6;
  }
  .u-orgcolor--svgstroke {
    color: #0575d6;
    stroke: #0575d6;
  }
  .u-orgcolor--svgall {
    color: #0575d6;
    fill: #0575d6;
    stroke: #0575d6;
  }
  .u-org--svgactive[data-active="true"],
  .u-org--svgactive:hover {
    color: #0575d6 !important;
    stroke: #0575d6 !important;
  }
  .u-org--barchart:after {
    background-color: #0575d6 !important;
  }
  .u-org--piechart {
    color: rgba(0, 0, 0, 0.15);
    stroke: #0575d6;
  }
  .u-org--tooltip {
    background-color: #0575d6;
  }
  .u-org--tooltiptop:before {
    border-top-color: #0575d6;
  }
  .u-org--tooltipright:before {
    border-right-color: #0575d6;
  }
  .u-org--tooltipbottom:before {
    border-bottom-color: #0575d6;
  }
  .u-org--tooltipleft:before {
    border-left-color: #0575d6;
  }
  .updatecard__heading--new:before {
    background-color: #0575d6;
  }
  .session:before {
    background-color: #0575d6;
  }
  .activityprogress__value {
    background-color: #0575d6;
  }
}
  .iconbutton,
  .comments__headerbutton, {
    color: #0575d6;
  }

  .u-org--catalogflag {
    background-image: linear-gradient(225deg, #0575d6 50%, transparent 50%);
  }

  .u-org--catalogflagsearch {
    background-image: linear-gradient(225deg, #0575d6 50%, transparent 50%);
  }

  .u-org--catalogflag-in-progress {
    background-image: linear-gradient(225deg, #fff 47%, #0575d6 3%, transparent 50%);
    border-top: 1px solid #0575d6;
    border-right: 1px solid #0575d6;
    svg {
      color: #0575d6;
    }
  }

  .u-org--enrollmentmsgimage {
    background-color: #0575d6
  }

  .u-org--catalogflagbg {
    background-image: linear-gradient(225deg, #0575d6 50%, transparent 50%);
  }
  .u-org--catalogflagfill {
    color: #0575d6;
    fill: #0575d6;
  }

  .u-org--tabactive,
  .u-org--tab:hover,
  .u-org--tab:active,
  .u-org--tab:focus {
    border-color: #0575d6;
  }
  .link--primary,
  .u-org--link,
  .u-org--link:link,
  .u-org--link:visited,
  .u-org--link:hover,
  .u-org--link:active,
  .u-org--link:focus {
    color: #0575d6;
  }
  .u-org--linkhover:hover,
  .u-org--linkhover:active,
  .u-org--linkhover:focus {
    color: #0575d6;
  }

.button--primary:not([disabled]),
  .button--primary:link,
  .button--primary:visited,
  .button--primary:hover,
  .button--primary:active,
  .button--primary:focus,
  .blankslate .button,
  .coursebar__btn--active,
  .coursebar__btn--active:hover,
  .coursebar__btn--active:focus,
  .tagbutton--selected:not(.tagbutton--taxonomy) {
    background-color: #0575d6 !important;
    border-color: #0575d6 !important;
    color: #fff !important;
  }


  .tooltip {
    background-color: #0575d6;
  }
  .tooltip--left::before {
    border-left-color: #0575d6;
  }
  .tooltip--right::before {
    border-right-color: #0575d6;
  }
  .tooltip--bottom::before,
  .tooltip--bottom-left::before,
  .tooltip--bottom-right::before {
    border-bottom-color: #0575d6;
  }
  .tooltip--top::before,
  .tooltip--top-left::before,
  .tooltip--top-right::before {
    border-top-color: #0575d6;
  }
  .checkbox--primary .checkbox__input:checked + .checkbox__ui {
    background-color: #0575d6;
    border: 2px solid #0575d6;
  }
  .question .checkbox__input:checked + .checkbox__ui {
    background-color: #0575d6;
    border: 1px solid #0575d6;
  }
  .question .radio__input:checked + .radio__ui {
    border-color: #0575d6;
  }
  .question .radio__input:checked + .radio__ui::before {
    background-color: #0575d6;
  }
  .assessment__completedicon, .assessment__gradingicon {
    background-color: #0575d6;
  }
  .enrollmentmsg__image.enrollmentmsg__image--complete  {
    background-color: #0575d6;
  }

  .rank__listitem .radio__input:checked + .radio__ui {
    border-color: #0575d6;
  }
  .rank__listitem .radio__input:checked + .radio__ui::before {
    background-color: #0575d6;
  }
  .sharelinks__link:hover,
  .sharelinks__link:focus,
  .sharelinks__link.button:hover,
  .sharelinks__link.button:focus {
    color: #0575d6;
  }
  .rating input[type="radio"]:not([disabled]) + label {
    color: #0575d6;
  }
  .courselist__item[data-status="completed"] .courselist__marker, .courselist__item[data-status="in-progress"] .courselist__marker,
  .pathmenu__sectionitem[data-status="completed"] .pathmenu__itemmarker, .pathmenu__sectionitem[data-status="in-progress"] .pathmenu__itemmarker {
    color: #0575d6;
  }
  .courselist__item[data-status="in-progress"]:not([data-shape]) .courselist__marker {
    border-color: #0575d6;
  }

    .u-org--catalogflag-in-progress svg {
    color: #0575d6;
  }
}
  .pageoutline__currentlink,
  .pageoutline__currentlink:hover,
  .pageoutline__currentlink:focus {
    color: #0575d6;
  }
  .tagbutton--selected,
  .tagbutton--selected:hover,
  .tagbutton--selected:active,
  .tagbutton--selected.tagbutton--taxonomy:hover,
  .tagbutton--selected.tagbutton--taxonomy:active {
    border-color: inherit !important;
    background-color: #0575d6;
  }
  .tagbutton--selected.tagbutton--taxonomy {
    background-color: #0575d60c !important;
    border-color: #0575d6 !important;
  }
  .datepicker .pika-prev,
  .datepicker .pika-next {
    border: 1px solid #0575d6;
  }
  .datepicker .pika-prev,
  .datepicker .is-rtl .pika-next {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2025'%20version%3D'1.1'%3E%3Cpolyline%20fill%3D'none'%20stroke%3D'%230575d6'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20points%3D'16.7%209.4%2011.6%2012.4%2016.6%2015.3'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .pika-next,
  .datepicker .is-rtl .pika-prev {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20version%3D'1.1'%20viewBox%3D'0%200%2030%2025'%3E%3Cpath%20d%3D'M12.6%209.5L17.7%2012.4%2012.6%2015.3'%20fill-opacity%3D'0'%20stroke%3D'%230575d6'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .is-today .pika-button {
    color: #0575d6;
  }
  .datepicker .is-selected .pika-button,
  .datepicker .is-selected .pika-button:hover {
    background: #0575d6;
  }
  .banner__icon {
    color: #0575d6;
    background: #0575d6;
  }

  /* Branding logo */
  .header__titleicon.u-org--titleicon {
    max-width: 120px;
  }
  @media (min-width: 370px) {
    .header__titleicon.u-org--titleicon {
      max-width: 160px;
    }
  }
  .u-org--titleicon + .header__titletext,
  .u-org--titleicon + .sidemenu__titletext {
    display: none;
  }
  .u-org--header .header__titlelink {
    text-overflow: clip;
  }

  /* Custom CSS */
  /* Expanding Description Length*/ 
p.mediablock__summary {
    font-size: small;
    max-height: 96px;
    line-height: 1.3em;
    }
    
    /* Hide Get Started button for all paths/collections*/
    #main > div.coursepage > div > article > div > div > div.course__quickstart > a 
    {
    display:none
    }
    
    
    /*Hide Login Button*/ 
    
     .appheader__section.u-org--header > .button.button--primary.button--appheader
    {
    display:none !important;
    }
    
    .button.button.hint.hint--top.hint--delay.hint--desktoponly.followbutton.button--primary
    {
    display:none !important;
    }
    
    :root {
      --gray-600-601: #6d757e;
      --gray-900: #161617;
      --gray-700: #4f5459;
      --primary-blue: #0575d6;
      --light-blue: #4cafff;
      --gray-100: #f8f9fa;
      --gray-600: #6d757e;
      --gray-300-301: #dee2e6;
      --gray-800: #2e3033;
      --gray-400: #ced4da;
      --gray-200: #edf0f2;
      --dark-mode-blue: #041729;
      --dark-blue: #082645;
      --highlight-blue: #f3f8fd;
      --success: #15892b;
      --warning: #ffc107;
      --danger: #df4343;
      --dark-mode-bg: #161617;
      --gray-500: #adb5bd;
      --primary-blue-hover: #0461b1;
      --gray-300: #dee2e6;
    }
    
    /* Activity Cards (Video titles) */
    
    h3.activitycard__name {
      font-size: small;
      max-height: 96px;
      line-height: 1.3em;
      }
      
      div.custom_sign_up{
      background:#f9f9f9;
      font-family: Roboto, sans-serif;
      padding-top:64px;
      padding-bottom:64px;
      text-align:center;
      display:block !important;
      width:100%;
     margin-topn:0rem;
      margin-bottom:2rem;
      }
      
      .custom_sign_up > div {
      display:block !important;
      font-size:large;
      }
      
      .custom_sign_up > span {
      font-size:small;
      color:grey;
      display:block !important;
      }
      
      .custom_sign_up > a {
      margin-top:1em;
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        color: #fff;
        background-color: #0575d6;
        border: 1.5px solid #0575d6;
        border-radius: .375rem;
        justify-content: center;
        align-items: center;
        padding: .625rem 2.625rem;
        font-family:Roboto, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 100%;
        text-decoration: none;
        display: inline-flex;
      }
      
      .custom_sign_up > a:hover {
      background-color: #1262b3 !important;
      }
      
      .appfooter__content.footer__content{
      padding-left:0;
      padding-right:0;
      }
      
      .appfooter__item.appfooter__customcontent.footer__item.footer__customcontent{
      margin-right:0 !important;
      }
      
      div.social-icons-2{
       max-width:700px;
      min-width:300px;
      display:flex !important;
      justify-content:flex-end;
      gap: 2rem;
      flex-grow: 1;
      padding-top: 3em !important;
      padding: 1em;
      }
      
      #page-footer{
          background-color:black;
      background-image: linear-gradient(#2e3033 0%, #161617 24%);
      }
      
      .footer__customcontent{
          width:100%;
      }
      
      .appfooter__customcontent div.custom_footer{
          display: flex !important;
          flex-wrap: wrap;
          padding: 1em;
          color: grey;
          align-items: flex-start;
          padding-top: 3em;
      max-width:700px;
      }
      
      
      
      .custom_footer > .custom_footer_col > .custom_footer_label{
      width:100%;
      display:block !important;
      color:white;
      text-align:left;
      font-size:14px !important;
      font-family: Roboto, sans-serif;
      }
      
      a.custom_footer_link{
          font-weight:400;
          font-size:14px !important;
          color:#dee2e6;
          padding-top:.5em;
          padding-bottom:.5em;
          display:inline-block;
          text-align:left;
          width:100%;
      }
      
      div.custom_footer_wrapper{
      font-size:14px;
      display:flex !important;
      flex-wrap:wrap-reverse;
      width:100%;
      }
    
      @media (max-width: 991px) {  
        .custom_footer_wrapper {
          flex-direction: column;
          justify-content: flex-start;
          align-items: start;
          
          
      }
        .social-icons-2{
          justify-content: flex-start !important;
        }
        .custom_footer{
          flex-direction: column;
          justify-content: flex-start;
          align-items: start;
          grid-row-gap: 3rem;
        }
      }
      
      div.custom_footer > div.custom_footer_col {
      display:block !important;
      }
      
      .custom_footer{
      width:100%;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      }
      
      .social-icons-2{
      width:100%;
      }
    
        .custom_footer_col{
          width:100%;
        }
      
      @media only screen and (min-width: 400px) {
        .custom_footer_col{
          width:33%;
          
        }
      }
      
      @media only screen and (min-width: 800px) {
      .custom_footer{
      width:65%;
      margin:0;
      }
      
      .social-icons-2{
      width:35%;
      }
      }
      
      
      
      .appfooter__customcontent a.custom_footer_link:hover{
          color:white;
      }
      
      .appfooter__link--poweredby
      {
      display:none !important;
      }
      
      /* Hover State Test Social Media Icons*/
      
      .social-icons-2> .img_rounded:nth-child(2) { 
      display: none;
      }
      
      .social-icons-2:hover > .img_rounded:first-child, .social-icons-2:focus> .img_rounded{ 
      display: none;
      
      }
      
      .social-icons-2:hover > .img_rounded:nth-child(2), .social-icons-2:focus> .img_rounded{ 
      display: block;
      
      }
      
    .heading-style-sub {
      color: var(--gray-900);
      font-family: Roboto, sans-serif;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.2rem;
    text-align:center;
    }
    
    .heading-style-sub.heading-color-light-blue {
      color: var(--light-blue);
    }
    
    .heading-style-sub-2 {
      color: #161617;
      font-family: Roboto, sans-serif;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.2rem;
    }
    
    @media screen and (min-width: 1280px) {
      .heading-style-sub {
        margin-bottom: 0;
      }
    
      .container-xxlarge {
        max-width: 90rem;
      }
    
      .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 71.25rem;
      }
    
      .container-xxl, .container-fluid {
        max-width: none;
      }
    
      .heading-style-sub-2 {
        margin-bottom: 0;
      }
    }  
    
    @media screen and (min-width: 1920px) {
      .typography-wrapper {
        width: 100%;
      }
    
      .accordion, .accordion_scroll {
        width: 1000px;
        max-width: 1000px;
      }
    
      .location-name.hip {
        top: 0%;
        bottom: auto;
        left: 0%;
        right: auto;
      }
    
      .arthroman-dot.hand {
        margin-top: 21.7em;
        margin-left: 8.3em;
      }
    
    .arthroman-dot.wrist {
      margin-top: 21.7em;
      margin-left: 35.9em;
  }
    }
    
      .arthroman-dot.hip {
      margin-top: 19.5em;
      margin-left: 21.7em;
    }
    
      /* Arthroman tablet */
      @media screen and (max-width: 960px){
          .location-name.wrist{
              margin-left: -3rem;
              margin-top: 4em;
              top: 0%;
              bottom: auto;
              left: auto;
              right: auto;
          }
      } /* End of Arthroman tablet */
    
      .arthroman-mobile-wrapper {
        max-width: 350px;
        text-decoration: none !important;
      }
    
      .arthroman-mobile-wrapper.text-align-center {
        padding-bottom: 10px;
      }
    
      .arthroman-mobile-wrapper.text-align-center {
        margin-top: 10px;
      }
    
    .location-name {
      color: #4cafff;
      text-align: right;
      margin-left: 1.5em;
      margin-right: 2em;
      position: absolute;
      top: auto;
      bottom: 100%;
      left: 0%;
      right: auto;
      text-wrap: nowrap;
      size: 24px;
    }
    
    .location-name.elbow {
      top: auto;
      bottom: 0%;
      left: auto;
      right: 0%;
    }
  
    
    .location-name.hip {
      top: 0%;
      bottom: auto;
      left: 25px;
      right: 10px;
    }
    
    .location-name.foot{
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }
    
    .location-name.arthroman-dot {
      top: auto;
      bottom: 0%;
      left: auto;
      right: 0%;
    }
    
    .location-name.knee {
      margin-right: 3em;
      top: 0%;
      bottom: auto;
      left: auto;
      right: 0%;
    }
    
    .arthroman-container {
      position: relative;
    }
    
    .arthroman-mobile {
      display: none;
    }
    
    .arthroman-image {
      z-index: 1;
      position: relative;
      width:720px;
      max-width: 720px;
  
    }
    
    .section_arthroman {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    .arthroman-map {
      
    }
    
    .arthroman-dot {
      z-index: 20;
      align-items: center;
      margin-top: 6.7em;
      margin-left: 18.7em;
      display: flex;
      position: absolute;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: auto;
    }
    
    .arthroman-dot.hand {
      margin-top: 21.1em;
      margin-left: 8.6em;
    }
    
    .arthroman-dot.elbow {
      margin-top: 13.4em;
      margin-left: 11.3em;
    }
    
    .arthroman-dot.knee {
      margin-top: 29.6em;
      margin-left: 16em;
  }
    
    .arthroman-dot.wrist {
         margin-top: 18.3em;
         margin-left: 30.3em;
    }
    
    .arthroman-dot.foot {
      margin-top: 39.4em;
      margin-left: 21.9em;
    }
    
    .arthroman-dot.hip {
      margin-top: 19.5em;
      margin-left: 21.7em;
    }
    
    .arthroman-dot.ankle {
      margin-top: 44.6em;
      margin-left: 25.7em;
    }
    
    .arthroman-dot.shoulder {
      margin-top: 8.4em;
      margin-left: 22.2em;
    }
    
    .arthroman-circle {
      width: .3em;
      height: .3em;
      background-color: #fff;
      border-radius: 100vw;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    
    .arthroman-circle.elbow {
      margin-left: 1px;
    }
    
    @media screen and (max-width: 479px) {
      h1 {
        font-size: 1.81875rem;
        line-height: 2.1875rem;
      }
    
      h2 {
        font-size: 1.575rem;
        line-height: 1.8875rem;
      }
    
      h3 {
        font-size: 1.33125rem;
        line-height: 1.59375rem;
      }
    
      h4 {
        font-size: 1.20625rem;
        line-height: 1.45rem;
      }
    
      h5 {
        font-size: 1.08125rem;
        line-height: 1.3rem;
      }
    
      p {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .colors_grid {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr 1fr;
      }
    
      .dropdown_content {
        padding-left: 0;
      }
    
      .use-case_heading {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .padding-bottom.padding-small {
        padding-bottom: .5rem;
      }
    
      .padding-bottom.padding-medium, .padding-bottom.padding-large {
        padding-bottom: 1.5rem;
      }
    

    
      .padding-bottom.padding-huge {
        padding-bottom: 3rem;
      }
    
      .padding-bottom.padding-xhuge {
        padding-bottom: 4rem;
      }
    
      .padding-bottom.padding-xxhuge {
        padding-bottom: 5rem;
      }
    
      .padding-bottom.padding-medium {
        padding-bottom: 1.5rem;
      }
    
      .text-style-paragraph {
         color: var(--gray-700);
        margin-bottom: 0;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.625rem;
        display: block;
      }
    
      .heading-style-h1 {
        font-size: 1.81875rem;
        line-height: 2.1875rem;
      }
    
      .heading-style-h1.heading-size-large {
        font-size: 2.5rem;
        line-height: 3.05563rem;
      }
    
      .heading-style-h2 {
        font-size: 1.575rem;
        line-height: 1.8875rem;
      }
    
      .heading-style-h2.heading-size-large {
        font-size: 2rem;
        line-height: 2.46875rem;
      }
    
      .heading-style-h3 {
        font-size: 1.33125rem;
        line-height: 1.59375rem;
      }
    
      .heading-style-h4 {
        font-size: 1.20625rem;
        line-height: 1.45rem;
      }
    
      .heading-style-h5 {
        font-size: 1.08125rem;
        line-height: 1.3rem;
      }
    
      .splide__slide.slide-style-card {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
      }
    
      .banner_wrapper {
        padding: 2rem 2rem 6rem;
      }
    
      .tab-link {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .accordion_scroll_content {
        padding-left: 0;
      }
    
      .container-fad-large {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .form-fad_zip-field, .form-fad_search {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .container-download {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .copyright-logo {
        max-width: 70px;
      }
    
      .download-wrapper {
        margin-left: 0;
      }
    
      .container-fad-small {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .error-404-wrapper {
        flex-direction: column-reverse;
      }
    
      .error-404-image {
        width: 100%;
      }
    
      .cookies-table_heading {
        display: none;
      }
    
      .fs-cc-prefs_content {
        padding: 24px;
      }
    
      .cookie-banner-privacy-settings {
        border-left-style: none;
        padding-left: 0;
      }
    
      .cookie-banner-header {
        flex-direction: column;
      }
    
      .accordion-toogle {
        flex-wrap: nowrap;
        padding-right: 60px;
      }
    
      .cookies-table {
        min-width: auto;
        border-style: none;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
      }
    
      .heading-style-h5-2 {
        font-size: 1.08125rem;
        line-height: 1.3rem;
      }
    
      .cookies-dropdown-icon {
        margin: auto;
      }
    
      .text-style-paragraph-2 {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .cookies-table-heading {
        display: none;
      }
    
      .fs-cc-prefs_text.is-position-absolute {
        max-width: 80px;
        text-align: right;
      }
    
      .cookies-table_row {
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 1.25rem;
        display: flex;
      }
    
      .cookie-table-name {
        border-bottom-style: none;
        padding: 0;
      }
    
      .cookie-table-name.is-mobile {
        padding: 0;
        font-weight: 600;
        display: flex;
      }
    
      .cookie-table-description {
        border-bottom-style: none;
        border-left: 1px #dee2e6;
        border-right: 1px #dee2e6;
        padding: 0;
      }
    
      .cookie-label.is-mobile {
        flex-direction: column;
        margin-bottom: .5rem;
        display: flex;
      }
    
      .fs-cc-banner_buttons-wrapper {
        width: 100%;
        text-align: center;
        flex-direction: column-reverse;
        align-items: center;
      }
    
      .fs-cc-prefs_content-2 {
        padding: 1.5rem;
      }
    
      .fs-cc-banner_button {
        width: 100%;
        margin-bottom: .5rem;
        margin-left: 0;
      }
    
      .fs-cc-banner_close {
        position: absolute;
        top: -1.5rem;
        bottom: auto;
        left: auto;
        right: .75rem;
      }
    
      .fs-cc-prefs_component {
        padding: 1.5rem;
      }
    
      .fs-cc-prefs_button {
        margin-bottom: .5rem;
      }
    
      .fs-cc-prefs_text-3.is-position-absolute {
        max-width: 80px;
        text-align: right;
      }
    
      .padding-vertical-2 {
        padding-left: 0;
        padding-right: 0;
      }
    
      .cookie-banner-privacy-settings-2 {
        border-left-style: none;
        padding-left: 0;
      }
    
      .fs-cc-prefs_content-3 {
        padding: 24px;
      }
    
      .text-style-paragraph-3 {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .cookies-table-heading-2, .cookies-table-heading-3 {
        display: none;
      }
    
      .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
        max-width: none;
      }
    
      .text-style-paragraph-4 {
        font-size: 1.08125rem;
        line-height: 1.5625rem;
      }
    
      .arthroman-mobile-wrapper.text-align-center {
        margin-top: 10px;
      }
    
      .arthroman-mobile-column {
        margin-bottom: 1.5rem;
      }
    
      .heading-style-h2-2 {
        font-size: 1.575rem;
        line-height: 1.8875rem;
      }
      
    }
    
    .circle-fill {
      z-index: -1;
      width: 3em;
      height: 3em;
      min-height: 3em;
      min-width: 3em;
      background-image: radial-gradient(circle, rgba(243, 248, 253, .46) 27%, rgba(243, 248, 253, .29) 39%, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0));
      border-radius: 100vw;
      position: relative;
    }
    
    @media screen and (min-width: 1440px) {
      .card_blog_image {
        height: 300px;
      }
    
      .splide__slide.slide-style-card {
        width: 400px;
        max-width: 400px;
        min-width: 400px;
      }
    
      .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 82.5rem;
      }
    
      .container-fluid {
        max-width: none;
      }
    
      .circle-fill {
        background-image: radial-gradient(circle, rgba(243, 248, 253, .27) 27%, rgba(243, 248, 253, .19) 39%, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0));
      }
    }
    
    @media screen and (max-width: 991px) {
      h1 {
        font-size: 2.025rem;
        line-height: 2.43125rem;
      }
    
      h2 {
        font-size: 1.71875rem;
        line-height: 2.0625rem;
      }
    
      h3 {
        font-size: 1.4125rem;
        line-height: 1.69375rem;
      }
    
      h4 {
        font-size: 1.25625rem;
        line-height: 1.50625rem;
      }
    
      h5 {
        font-size: 1.1rem;
        line-height: 1.33125rem;
      }
    
      p {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .section_typography {
        width: 100vw;
      }
    
      .navbar {
        width: 100%;
        height: auto;
        background-color: #fff;
        align-items: center;
        display: flex;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
      }
    
      .navbar_nav-menu {
        flex-direction: row;
      }
    
      .nav-menu_link {
        flex: none;
      }
    
      .logo_text {
        color: #fff;
        padding-bottom: 20px;
      }
    
      .main-wrapper {
        margin-left: 0;
      }
    
      .main-wrapper.left-margin-ads {
        margin-left: 0;
      }
    
      .nav-menu_heading {
        flex: none;
        padding-top: 0;
        padding-bottom: 0;
        display: none;
      }
    
      .menu-button_icon {
        color: #fff;
      }
    
      .navbar_logo.w--current {
        display: none;
      }
    
      .section_colors, .section_corner-rounding, .section_accordion, .section_shadows {
        width: 100vw;
      }
    
      .item_dropdown {
        max-height: none;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .icon_open {
        width: 20px;
        height: 20px;
      }
    
      .toggle_icon {
        width: 28px;
        height: 28px;
        flex: none;
      }
    
      .item_toggle {
        padding: 1.5rem;
      }
    
      .icon_close {
        width: 20px;
        height: 20px;
      }
    
      .accordion.accordion-style-column {
        grid-template-columns: 1fr;
      }
    
      .component {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .section_buttons, .section_error-404, .section_cards, .section_navigation {
        width: 100vw;
      }
    
      .use-case_heading {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .section_tables, .section_image-value-props, .section_tabs, .section_social-links, .section_iconography, .section_spacers {
        width: 100vw;
      }
    

    
      .padding-bottom.padding-huge {
        padding-bottom: 5rem;
      }
    
      .padding-bottom.padding-xhuge {
        padding-bottom: 6rem;
      }
    
      .padding-bottom.padding-xxhuge {
        padding-bottom: 7rem;
      }
    
      .section_containers {
        width: 100vw;
      }
    
      .padding-section-large {
        padding-top: 8rem;
        padding-bottom: 8rem;
      }
    
      .display-flex-horizontal.flex-gap-large.tablet-display-flex-vertical {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
    
  
    
      .heading-style-h1 {
        font-size: 2.025rem;
        line-height: 2.43125rem;
      }
    
      .heading-style-h1.heading-size-large {
        font-size: 3rem;
        line-height: 3.66688rem;
      }
    
      .heading-style-h2 {
        font-size: 1.71875rem;
        line-height: 2.0625rem;
      }
    
      .heading-style-h2.heading-size-large {
        font-size: 2.5rem;
        line-height: 3.08125rem;
      }
    
      .heading-style-h3 {
        font-size: 1.4125rem;
      }
    
      .heading-style-h4 {
        font-size: 1.25625rem;
        line-height: 1.50625rem;
      }
    
      .heading-style-h5 {
        font-size: 1.1rem;
        line-height: 1.33125rem;
      }
    
      .section_sliders {
        width: 100vw;
      }
    
      .splide.slider1.slide-style-banner {
        height: auto;
      }
    
      .section_video {
        width: 100%;
        display: flex;
        justify-content: center;
      }
    
      .banner_wrapper {
        height: 48rem;
        justify-content: flex-end;
        padding: 3rem 3rem 6rem;
      }
    
      .banner_gradient {
        background-image: linear-gradient(to bottom, rgba(22, 22, 23, 0) 25%, var(--gray-900) 50%), radial-gradient(circle farthest-corner at 50% 0%, rgba(22, 22, 23, 0) 25%, var(--gray-900) 50%);
      }
    
      .banner_gradient.gradient-color-dark {
        background-image: linear-gradient(to bottom, rgba(4, 23, 41, 0) 25%, var(--dark-mode-bg) 50%), radial-gradient(circle farthest-corner at 50% 0%, rgba(4, 23, 41, 0) 25%, var(--dark-mode-bg) 50%);
      }
    
      .banner_image {
        width: 100%;
        height: 50%;
      }
    
      .tab-link {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .section_videos, .section_video-transcripts {
        width: 100vw;
      }
    
      .accordion_scroll {
        width: 100%;
      }
    
      .accordion_scroll_dropdown {
        max-height: none;
      }
    
      .section_cookies, .section_copyright, .section_download, .section_footer, .section_forms {
        width: 100vw;
      }
    
      .container-fad-large {
        padding: 4rem;
      }
    
      .form-fad_zip-field, .form-fad_search {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .section_fad {
        width: 100vw;
      }
    
      .footer-links {
        flex-direction: column;
        justify-content: flex-start;
      }
    
      .footer-link-columns {
        flex-direction: column;
      }
    
      .footer-disclaimer {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
    
      .collection-item {
        width: 50%;
      }
    
      .section_text {
        width: 100vw;
      }
    
      .navigation-menu {
        height: auto;
        max-height: none;
        min-height: 100vh;
        border-top: 1px solid var(--gray-300-301);
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: .5rem;
        display: block;
      }
    
      .navigation-link {
        padding: .5rem 4rem;
        display: block;
      }
    
      .section_faq, .section_client-first {
        width: 100vw;
      }
    
      .dropdown-list.w--open {
        border-top: 1px solid var(--gray-300-301);
        padding-top: .5rem;
        top: 2.8rem;
        bottom: auto;
        left: 0%;
        right: 0%;
      }
    
      .navigation-dropdown {
        display: block;
        position: static;
      }
    
      .dropdown-toggle {
        padding: .5rem 4rem;
        position: static;
      }
    
      .dropdown-toggle.w--open {
        z-index: 1;
        width: 100%;
        height: auto;
        background-color: #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: absolute;
        top: 0;
        transform: rotateX(0)rotateY(-180deg)rotateZ(0);
      }
    
      .toogle-icon {
        transform: rotate(270deg);
      }
    
      .navigation-hamburger {
        width: auto;
        justify-content: flex-end;
        align-self: center;
        align-items: center;
      }
    
      .hamburger-icon {
        color: var(--gray-900);
        background-color: #fff;
        justify-content: flex-start;
        display: flex;
      }
    
      .navigation-content {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: flex-start;
        padding-top: .5rem;
        padding-bottom: .5rem;
      }
    
      .navigation-button {
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 4rem;
        padding-right: 4rem;
      }
    
      .dropdown-link, .dropdown-heading, .dropdown-text-link, .floyout-toggle {
        padding-left: 4rem;
        padding-right: 4rem;
      }
    
      .flyout-icon {
        transform: none;
      }
    
      .flyout-list {
        position: relative;
      }
    
      .flyout-list.w--open {
        margin-left: 0;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
      }
    
      .dropdown-border, .navigation-spacer {
        display: none;
      }
    
      .container-fad-small {
        padding: 4rem;
      }
    
      .hero-image {
        height: 16rem;
        max-width: 100%;
      }
    
      .image-value-props-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
    
      .dropdown-list-content {
        padding-bottom: 10rem;
      }
    
      .flyout-list-content {
        height: auto;
        max-height: none;
        padding-bottom: 0;
        overflow: visible;
      }
    
      .heading-style-h5-2 {
        font-size: 1.1rem;
        line-height: 1.33125rem;
      }
    
      .text-style-paragraph-2 {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .fs-cc-banner_buttons-wrapper {
        margin-top: 1rem;
      }
    
      .fs-cc-banner_container-2 {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .fs-cc-banner_text {
        margin-right: 0;
      }
    
      .icon_references {
        width: 20px;
        height: 20px;
      }
    
      .section_references {
        width: 100vw;
      }
    
      .padding-vertical-2 {
        padding-left: 0;
        padding-right: 0;
      }
    
      .text-style-paragraph-3 {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .container, .container-sm, .container-md {
        max-width: 45rem;
      }
    
      .container-lg, .container-xl, .container-xxl, .container-fluid {
        max-width: none;
      }
    
      .text-style-paragraph-4 {
        font-size: 1.1rem;
        line-height: 1.59375rem;
      }
    
      .section_arthroman {
        width: 100vw;
      }
    
      .heading-style-h2-2 {
        font-size: 1.71875rem;
        line-height: 2.0625rem;
      }
    }
    
    .padding-global {
      padding-left: 4rem;
      padding-right: 4rem;
    }
    
    @media screen and (max-width: 767px) {
      h2 {
        font-size: 2rem;
      }
    
      .item_dropdown.border-all-sides.w--open {
        padding-left: 25px;
        padding-right: 25px;
      }
    
      .item_toggle.border-all-sides, .item_toggle.border-all-sides.w--open, .padding-global {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    
      .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
    
      .display-flex-horizontal {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .image {
        max-width: none;
      }
    
      .accordion_scroll {
        max-width: 100%;
      }
    
      .accordion_scroll_toggle, .accordion_scroll_dropdown {
        padding-left: 0;
        padding-right: 0;
      }
    
      .container-fad-large {
        padding: 2rem;
      }
    
      .form-fad_wrapper {
        width: 100%;
        max-width: 294px;
      }
    
      .collection-item {
        width: 100%;
      }
    
      .navigation, .navigation-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .download-wrapper {
        width: 100%;
        margin-left: 0;
      }
    
      .dropdown-toggle, .navigation-button, .dropdown-link, .dropdown-heading, .dropdown-text-link, .floyout-toggle {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    
      .grid-image {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
      }
    
      .grid-image-wrapper {
        width: 100%;
      }
    
      .container-fad-small {
        padding: 2rem;
      }
    
      .body-image-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
      }
    
      .hero-image {
        margin-bottom: -2rem;
      }
    
      .error-404-wrapper {
        flex-direction: column;
      }
    
      .fs-cc-accordion_item {
        max-width: 100%;
        flex-wrap: wrap;
      }
    
      .fs-cc-banner_component {
        padding-left: 5vw;
        padding-right: 5vw;
      }
    
      .accordion-toogle {
        white-space: break-spaces;
        flex-wrap: nowrap;
        padding-right: 0;
      }
    
      .accordion-toogle.w--open {
        padding-right: 60px;
      }
    
      .cookies-table {
        min-width: 500px;
        overflow: auto;
      }
    
      .fs-cc-prefs_buttons-wrapper {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
      }
    
      .fs-cc-banner_container {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .fs-cc-buttons {
        flex-direction: column;
      }
    
      .fs-cc-banner_component-copy, .fs-cc-preference_component-copy {
        padding-left: 5vw;
        padding-right: 5vw;
      }
    
      .fs-cc-banner_container-2 {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .fs-cc-prefs_title {
        font-size: 1.25rem;
      }
    
      .fs-cc-prefs_buttons-wrapper-3 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
      }
    
      .padding-vertical-2 {
        padding-left: 0;
        padding-right: 0;
      }
    
      .fs-cc-banner_component-3 {
        padding-left: 5vw;
        padding-right: 5vw;
      }
    
      .fs-cc-banner_container-3 {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .container, .container-sm {
        max-width: 33.75rem;
      }
    
      .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
        max-width: none;
      }
    
      .arthroman-mobile-wrapper {
        max-width: 350px;
      }
    
      .arthroman-mobile-wrapper.text-align-center {
        padding-bottom: 10px;
      }
    
      .arthroman-mobile {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        display: flex;
      }
    
      .arthroman-mobile-column {
        margin-bottom: 1.5rem;
      }
    
      .arthroman-map {
        display: none;
      }
    }
    
    .container-large {
      width: 100%;
      max-width: 80rem;
      margin-left: auto;
      margin-right: auto;
    }
    
    .container-large.border-top {
      border-top: 1px solid var(--gray-400);
    }
    
    .padding-section-medium {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
    
    .display-flex-vertical {
      flex-direction: column;
      align-items: flex-start;
      display: flex;
    }
    
    .display-flex-vertical.align-content-center {
      align-items: center;
    }
    
    .display-flex-vertical.justify-content-center {
      justify-content: center;
    }
    
    .container-medium {
      width: 100%;
      max-width: 64rem;
      margin-left: auto;
      margin-right: auto;
    }
    
    .heading-style-h2 {
      color: #000000;
      font-family: Roboto, sans-serif;
      font-size: 30px !important;
      font-weight: 1000;
      line-height: 2.3125rem;
      margin: 0 !important;
  
    }
    .heading-style-h6{
     font-weight: 400;
    }
    
    .heading-style-h2.heading-size-large {
      font-size: 3rem;
      line-height: 3.7rem;
    }
    
    .heading-style-h2.heading-size-large.heading-color-white {
      color: var(--highlight-blue);
    }
    
    .heading-style-h2.heading-color-white {
      color: #fff;
      text-align: center;
    }
    
    .padding-bottom {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
    
    .padding-bottom.padding-small {
      padding-bottom: 1rem;
    }
    
    .background-color-dark {
      background-color: var(--dark-mode-bg);
    }
    
    .circle-border {
      z-index: -2;
      width: 62px;
      height: 62px;
      border: 1px solid rgba(255, 255, 255, .41);
      border-radius: 100vw;
      margin-top: -2px;
      margin-left: -3px;
      padding-top: 30px;
      padding-left: 0;
      position: relative;
    }
    
    .lottie-animation-3 {
      z-index: -6;
      opacity: .00;
      cursor: pointer;
      margin-top: -30px;
      padding-top: 0;
      position: relative;
    }
    
    .lottie-animation-3:hover {
      opacity: .0;
    }
    
    .circle-border:hover {
      background-color:var(--gray-100);
      opacity: .5;
      transition-duration: 1s;
    }
    
        /* Default styles for the div */
        .hidden-on-mobile {
          display: block; /* or whatever default display you want */
          /* Other styles */
        }
        
        /* Media query to hide the div on mobile */
        @media screen and (max-width: 767px) {
          .hidden-on-mobile {
            display: none; /* Hide the div on screens smaller than 768px wide */
          }
    }
    .custom_sign_up .button--primary {
      font-size: 18px;
      margin-top:2em;
    }
    .button_text{
      font-size: 16px !important;
    }
    
    .social-link-youtube:hover {
      background-image: url(https://assets-global.website-files.com/642db635907c823231f539d7/653ab1d426c1d5a9e72d2598_social-icon-youtube_hover.svg);
      background-size: contain; /* Ensure image fits within the link */
      background-repeat: no-repeat; /* Prevent image tiling */
    }
    
    .social-link-instagram:hover {
      background-image: url(https://assets-global.website-files.com/642db635907c823231f539d7/653ab1d426c1d5a9e72d2599_%20social-icon-instagram_hover.svg);
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    .social-link-x:hover {
      background-image: url(https://assets-global.website-files.com/642db635907c823231f539d7/65394c5485bdd6fe26e221d2_social-icon-x-dark.svg);
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    .social-link-linkedin:hover {
      background-image: url(https://assets-global.website-files.com/642db635907c823231f539d7/653ab1d426c1d5a9e72d259a_social-icon-linkedin_hover.svg);
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    .social-link-facebook:hover {
      background-image: url(https://assets-us-01.kc-usercontent.com/cf1f751f-919e-004e-2e20-5c67673fd7a0/cbeba332-73e3-4057-92c2-a22d7e73505f/Company%3Dfacebook%2C%20State%3Dhover.png);
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    .social-link-youtube:hover img {
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }
    .social-link-instagram:hover img,
    .social-link-x:hover img,
    .social-link-linkedin:hover img,
    .social-link-facebook:hover img {
      opacity: 0;
      box-shadow: none; 
      border: none; 
      margin: 0; 
      padding: 0; 
    }
    .container-medium.max-width-medium.text-align-center {
      justify-content: center;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;  
  }
  .container-medium.max-width-medium.text-align-center > * {
    flex-shrink: 0;
  }
    
  /* Arthroman */
  .max-width-medium {
      width: 100%;
      max-width: 32rem;
  }
  .text-color-100 {
      color: var(--gray-200);
  }
  
  .text-style-paragraph.text-color-100 {
      max-width: 512px;
      text-align: center;
      color: white;
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 1.625rem;

  }
  
  .ot-sdk-show-settings:hover {
    color: white !important;
    text-decoration: underline !important;
  }
  
 
  #arthroman h2 {
    margin: 0;
  }
  
  .text-align-center {
      text-align: center;
  }

      .padding-bottom.padding-xlarge {
        padding-bottom: 4rem;
      }