/* Consultation Banner */

.consultation-banner {
    position: relative;
    background: 
     linear-gradient( 
         90deg,
        #003c52 0%,
        rgba(0, 60, 82, 0.9) 38.08%,
        rgba(0, 60, 82, 0) 100%
      ),  url("../images/services/patient-subscription/banner.svg")
      no-repeat center center;
    background-size: cover;
    min-height: 277px;
    display: flex;
    align-items: center;
  }
  .consultation-banner .banner-title {
    letter-spacing: -1.44px;
    /* font-size: 58px; */
  }
  
  .consultation-banner .banner-subtitle {
    font-size: 16px;
    margin: 0;
    opacity: 0.9;
  }
  @media (min-width: 1199px) and (max-width: 1399px) {
    .consultation-banner .banner-title {
      font-size: var(--f-s-60);
    }
  }
  
  @media (min-width: 280px) and (max-width: 575px) {
    .consultation-banner {
      min-height: 182px;
    }
  
    .consultation-banner .banner-title {
      font-size: var(--f-s-38);
      line-height: var(--f-s-44);
      letter-spacing: -0.76px;
    }
  
    .consultation-banner .banner-subtitle {
      font-size: var(--f-s-16);
      line-height: var(--f-s-24);
      font-weight: var(--fontRegular);
      width: 99%;
    }
    .consultation-banner {
      background: linear-gradient( 
        90deg,
       #003c52 0%,
       rgba(0, 60, 82, 0.9) 38.08%,
       rgba(0, 60, 82, 0) 100%
     ),  url("../images/services/patient-subscription/banner.svg")
     no-repeat center center;
    }
  }
  
  
  /* *************** HOW ITS WORK SECTION *************** */
  
  .how-it-works.inside-space {
    padding-block: 40px;
  }
  .how-it-works .heading,
  .how-it-works .heading {
    font-weight: var(--fontSemiBold);
    font-size: var(--f-s-24);
    line-height: 32px;
    color: var(--color-secondary-gray);
  }
  .how-it-works .heading {
    font-weight: var(--fontBold);
  }
  
  .how-it-works .heading .text-pink,
  .how-it-works .secondary-para .text-pink {
    color: var(--color-primary-pink);
  }
  
  .how-it-works .sec-gap {
    padding-bottom: 40px;
  }
  
  .how-it-works .consultation-steps li {
    margin-bottom: 16px;
  }
  
  @media (min-width: 280px) and (max-width: 575px) {
    .how-it-works .security-section .heading {
      width: 90%;
    }
  }
  
  /* subcription Card  */
  
  .subscription-card {
    background-color: var(--color-secondary-gray-5);
    padding-top: 40px;
    padding-bottom: 60px;
  }
  
  .subscription-card .card-bx {
    display: flex;
    /* width: 310px; */
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    border: 1px solid var(--color-secondary-gray-10);
    background: #fff;
    box-shadow: 0px 42px 12px 0px rgba(0, 0, 0, 0),
      0px 27px 11px 0px rgba(0, 0, 0, 0), 0px 15px 9px 0px rgba(0, 0, 0, 0.02),
      0px 7px 7px 0px rgba(0, 0, 0, 0.03), 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
    /* padding: 24px; */
  }
  .subscription-card .card-title {
    padding: 24px;
    width: 100%;
  }

  .subscription-card .card-head{
    border-bottom: 1px solid var(--color-secondary-gray-10);
  }
  .subscription-card .price-text{
    font-size: 35px;
    color: #004c67;
    font-weight: 500;
  }
  .subscription-card .card-title h3 {
    font-size: 22px;
  }
  .subscription-card .card-content {
    padding: 24px;
    width: 100%;
  }
  .subscription-card .card-content .dis{
    font-size: 20px;
  }
  .subscription-card .card-content .text-sm-regular.upto-text {
    display: block;
    font-size: var(--f-s-12);
    line-height: var(--f-s-18);
    font-weight: var(--fontRegular);
    color: var(--color-secondary-gray);
    margin-bottom: 4px; 
  }
  .subscription-card .card-content .down-text {
    font-size: 12px;
    padding-top: 1px;
    font-weight: 600;
  }
  
  .subscription-card .card-content .text-xs-regular {
    font-size: var(--f-s-12);
    line-height: var(--f-s-18);
    font-weight: var(--fontRegular);
    color: var(--color-secondary-gray);
  }
  
  
  .subscription-card .card-content .text-pink {
    color: var(--color-primary-pink);
  }
  .subscription-card .card-content p span {
    font-size: var(--f-s-12);
    line-height: var(--f-s-18);
    font-weight: var(--fontRegular);
    color: var(--color-secondary-gray);
    margin-left: 4px;
  }
  .subscription-card .card-title .default-para {
    margin: 0;
  }
  .subscription-card .card-content .standard-btn-pink img {
    width: 34px;
  }
  .subscription-card .custom-row-gap {
    padding-block: 24px;
    row-gap: 24px;
  }

  .subscription-card .list-unstyled {
    max-height: 85px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-pink) #f1f1f1;
  }

  .subscription-card .list-unstyled::-webkit-scrollbar {
    width: 10px;
  }

  .subscription-card .list-unstyled::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }

  .subscription-card .list-unstyled::-webkit-scrollbar-thumb {
    background: var(--color-primary-pink);
    border-radius: 10px;
  }

  .subscription-card .list-unstyled::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-pink);
  }

  .subscription-card .list-unstyled::-webkit-scrollbar-button {
    display: none;
  }
  @media (min-width: 1400px) {
    .subscription-card .custom-row-gap {
      column-gap: 24px;
    }
    .subscription-card .custom-width {
      flex: 0 0 310px;
      width: 310px;
      max-width: 310px;
    }
  }
  
  @media (min-width: 280px) and (max-width: 575px) {
    .subscription-card .card-bx .card-title .default-para {
      font-size: var(--f-s-18);
      line-height: var(--f-s-28);
      font-weight: var(--fontSemiBold);
    }
  }