/* PRICE CARD */

.price-card {
    position: relative;
    height: 800px;
    width: 506px;
    box-shadow: 0px 15px 31px rgba(0, 79, 139, 0.0842391);
  }
  
  .price-card-section-one {
    position: absolute;
    top: 0;
    width: 100%;
    height: 292.4px;
    background-image: url(../../../images/background-dental-card01.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .price-card-section-one .title {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 53px;
    line-height: normal;
    text-align: center;
    color: #004F8B;
    margin-bottom: 27px;
  }
  
  .price-card-section-one .description {
    width: 396px;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #004F8B;
  }
  
  
  .price-card-section-two {
    position: absolute;
    top: 277px;
    width: 100%;
    height: 174px;
    background-image: url(../../../images/background-dental-card02.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .price-card-section-two .price-text {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    color: #4BBED3;
  }
  
  .price-card-section-two .price {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 61px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;  
  }
  
  .price-card-section-three {
    position: absolute;
    bottom: 0;
    height: 345px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 20px; 
    overflow: auto; 
  }
  
  .price-card-section-three .list-title {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    color: #407BA8;
    margin-bottom: 40px;  
  }
  
  .price-card-section-three .price-card-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;  
  }
  
  .price-card-section-three .price-card-list .price-list-element {
    width: 100%; 
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #004F8B;
    margin-bottom: 17px;
    display: flex;
    justify-content: flex-start;
    align-items: center;  
  }
  
  .price-card-section-three .price-card-list .price-list-element .price-card-list-style {
    background-image: url(../../../images/tick.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-color: #CDEAF2;
    border-radius: 100%;
    margin-right: 18px;
  }

  .price-card-section-three .price-card-list .price-list-element li {
    width: 90%;
  }
  
  @media (max-width: 1024px) {
    .price-card-section-one .description {
        width: 85%;
        font-size: 14px;
      }  

      .price-card-section-three {
        height: 284px;
        width: 100%;
      }
      
      
      .price-card-section-three .list-title {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 14px;
      }
      
      .price-card-section-three .price-card-list {
        width: 90%;  
      }
      
      .price-card-section-three .price-card-list .price-list-element {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 8px;
      }
  }

  @media (max-width: 768px) {
    .price-card {
        height: 658px;
        width: 100%;
      }      
      .price-card-section-one {
        height: 230px;
      }
      
      .price-card-section-one .title {
        font-size: 40px;
        line-height: normal;
        margin-bottom: 27px;
      }
      
      .price-card-section-one .description {
        width: 85%;
        font-size: 14px;
      }  
      
      .price-card-section-two {
        top: 209px;
        width: 100%;
        height: 170px;
      }
      
      .price-card-section-two .price {
        font-size: 40px;
      }
  }