@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
.green-leaf {
h3{
  font-family: "Poetsen One", Arial, Helvetica, sans-serif !important;
}
.package-holder {
  /* color: white ; */
  box-shadow: 2px 2px 10px #000000;
  backdrop-filter: blur(4px);

  .package-detail {
    height: 100%;
    overflow: scroll;
  }
  .package-detail h2 {
    font: 600 50px/28px "Yatra One";
    line-height: 1;
  }
  .support {
    a,
    i {
      color: #000 !important;
    }
  }
}

.package-detail {
  .package-img {
    box-shadow: 1px 1px 10px #848484;
  }

  .information-holder {
    img {
      width: 100px;
    }
  }
  .pickup-holder{
    img{
      width: 60px !important;
    }
  }
  
  .day-details{
    ol{
      padding-left: 50px;
      list-style-position: outside;
      list-style-image: url(/assests/time\ \(1\).png);font-size: 24px;
    }
    dt, dd, p{
      color: gray;
      padding-left: 50px;
    }
    dd{
      padding-left: 70px;
    }
    p{
      font-size: 20px;
      /* margin-bottom: 20px; */
    }
  }
  .packages-from{
    .accordion-item{
      border: 1px solid #ccc;
      border-radius: 5px;
      h4 button{
        font-size: 18px !important;
        font-weight: 500;
        &:focus{
          color: red !important;  
        }
      }
      img{
        width: 70px;
      }
      p{
        font-size: 20px;
        del{
          color: red;
        }
        span{
          color: green;
        }
      }
    }
  }
  .health-safety{
    list-style-image: url('/assests/safety.png');
  }
  .policies{
    list-style-image: url('/assests/policies.png');
    span{
      padding-left: 15px;
      line-height: 25px;
    }
  }
}

.price-card {
  height: 100%;
  .bg-blue {
    background: navy;
    color: #8bccf8;
  }

  .form-holder {
    position: sticky;
    position: -webkit-sticky;
    top: 12%;
    z-index: 9999;
    background-color: antiquewhite;
    border-radius: 5px;
    form {
      width: fit-content;
    }
    label{
      color: gray;
    }

    input, select {
      height: 40px;
      width: 100%;
      margin: 10px auto;
      border: 1px solid black;
      border-radius: 5px;
      background: transparent;
      padding-left: 10px;

      &::placeholder {
        font-weight: 500;
        /* color: rgb(255, 255, 255); */
        padding-left: 10px;
      }
    }

    .btn-submit {
      font-size: 25px;
      font-weight: 500;
      font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
        "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
      box-shadow: 2px 2px 5px black;
      transition: all ease-in-out;

      &:active {
        box-shadow: none;
        transform: translateY(2px);
      }
    }
  }
}
}


@media only screen and (max-width:450px) {
  .facilities{
    display: none;
  }
  .pickup-holder{
    img{
      text-align: left !important;
      width: 60px !important;
    }
  }
}