.buttn {
  width: fit-content;
  padding: 10px;
  margin-top: 8px;
  background-color: rgba(202, 46, 95, 0.76);
  background-color: var(--vaccine);
  border-radius: 3px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

.buttn a {
  color: #fff;
  font-size: ;
  text-decoration: none;
}
.buttn:hover {
  background-color: rgba(189, 41, 88, 0.76);
}


.maindiv {
  /* border: 1px solid red; */
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 0px;
  padding: 10%;
  width: 100%;
  /* backdrop-filter:blur(1px); */
  /* border-radius: 3px; */
  /* background-color: rgba(80, 48, 155, 0.13); */
  /* background-color: rgba(155, 48, 123, 0.192); */
  /* background-color: rgba(40,40,54,255); */
  /* background-color: var(--white-text-grey); */
  background-color: rgba(0, 0, 0, 0.750); 
 
}

.heading {
  /* border: 1px solid white; */
  /* width: 340px; */
  width: 300px;
  margin: 0 auto;
  margin-bottom: 10px;
  /* float: right; */
  padding: 10px;
}

.heading h2 {
  font-size: 16px;
  color: #6c757d;
  font-weight: 500;
  text-align: center;
}
.vaccineslots {
  /* border: 1px solid red; */
  width: 325px;
  margin: 0 auto;
  padding: 10px;
  color: #6c757d;
}

.flex-row-dose {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 0px;
  /* background-color:  rgb(216, 48, 102,0.2); */
  background-color:  rgba(105, 113, 122,0.5);
  padding-top: 5px;
  width: 80%;
  margin: 0 auto;
  border-radius: 0px 0px 5px 5px;
  margin-bottom: 16px;
  /* border-bottom: 2px solid rgba(105, 113, 122,0.7); */
}
.flex-row-dose h6{
  font-size: 14px;
  /* margin-right: 10px; */
  color: #fff;
  font-weight: 400;
  /* color: rgb(207, 24, 82); */
}
.flex-row-dose h6:last-child{
  /* margin-right: 0px; */
}
.vaccineslots input {
  /* border: 1px solid blue; */
  /* margin: 5px; */
  width: 100%;
  outline: none;
  border: none;
  padding: 8px;
  margin-bottom: 16px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  border: 0.2px solid rgba(189, 188, 188, 0.452);
  /* background-color: transparent; */
  background-color: rgb(248, 248, 248);
  color: #6c757d;
  transition: 0.4s all ease-in-out;
}
.vaccineslots input:focus {
  background-color: rgb(255, 255, 255);
  /* color: rgba(255, 255, 255, 0.822); */
}

.vaccineslots button {
  width: 100%;
  /* margin: 5px; */
  margin-top: 16px;
  padding: 5px;
  /* border: none; */
  /* border: 2px solid rgba(80, 48, 155, 0.568); */
  border: 2px solid var(--vaccine-border);
  /* border: 2px solid rgb(168, 65, 99,0.5); */
  /* background-color: rgb(98, 60, 187); */
  background-color: var(--vaccine);
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  font-size: 14px;
  /* width: 200px; */
  text-align: center;
}

.vaccineslots button:hover {
  /* border: 2px solid rgba(80, 48, 155, 0.568); */
  border: 2px solid var(--vaccine-border);
  background-color: var(--vaccine-dark);
}

.vaccineslots button:active{
  transform: scale(0.98);
}
/* .vaccineslots button:active {
    border: 2px solid rgba(80, 48, 155, 0.568);
    background-color:rgb(73, 43, 143);
} */
.vaccineslots button:focus {
  outline: none;
}

ul li {
  color: black;
}
.results {
  max-width: 500px;
  margin: 0 auto;
  /* border: 1px solid orange; */
  text-align: center;
  /* padding: 10px; */
  border-radius: 3px;
  margin-top: 20px;
  max-height: 450px;
  overflow-y: auto;
}
.results::-webkit-scrollbar{
  display: none;
}
.result .result-element {
  width: 350px;
  /* border: 1px solid red; */
}
.results .centernames {
  list-style: none;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  min-height: fit-content;
}

.results .centernames li {
  margin: 0 auto;
  /* border: 1px solid blue; */
  min-width: 220px;
  max-width: 300px;
  /* max-height: 120px; */
  max-height: fit-content;
  /* background-color: #fff; */
  border-radius: 3px;
  font-size: 18px;
  margin-bottom: 10px;

}

.results .centernames li .result-element {
  display: flex;
  max-height: fit-content;
  align-items: center;
  background-color: #fff;
  border-radius:5px;
  overflow: hidden;
}

.results .centernames li .result-element .hospitalname {
  margin: 0 auto;
  width: 100%;
  padding: 15px;
  min-height: 110px;
  max-height: fit-content;
  /* border-radius: 5px 0px 0px 5px; */
  color: #fff;
  /* display: block; */
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  /* background-color: rgb(157, 60, 187); */
  /* background-color: rgb(98, 60, 187); */
  background-color: var(--vaccine);
}

.results .centernames li .result-element .hospitalname h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  /* border: 1px solid orange; */
}

.results .centernames li .result-element .hospitalname .hospital-address {
  font-size: 12px;
  font-weight: 400;
  /* border: 1px solid red; */
}
.results .centernames li .result-element .hospitalname .hospital-address p {
  margin-bottom: 0px;
  margin-top: 5px;
  font-weight: 500;
}
.results .centernames li .result-element .slotsavail {
  padding: 5px;
  background-color: #fff;
  height: 100%;
}

.results .centernames li .result-element .slotsavail h5 {
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
  margin-bottom: 5px;
  margin-top: 5px;
}

.results .centernames li .result-element .slotsavail h6 {
  font-weight: 500;
  color: #6c757d;
  margin-bottom: 0px;
}

.maindiv .mainheading {
  text-align: center;
  margin-bottom: 10px;
}
.maindiv .mainheading h1 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  color: var(--vaccine);
  /* color: rgb(98, 60, 187); */
  /* font-family: hez; */
}

.slotsavail .circle {
  /* background-color: rgb(98, 60, 187); */
  background-color: var(--vaccine);
  /* position: relative; */
  padding: 3px;
  width: 100%;
  border-radius: 0px 30px;
  height: 20px;
  color: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* border-radius: 50%; */
  /* transform: translate(145px,-115px); */
}
.slotsavail .circle h6 {
  color: #fff !important;
  margin: 0 auto;
  font-size: 10px;
  font-weight: 600;
}
.free {
  background-color: rgba(255, 255, 255, 0.342);
  /* position: relative; */
  padding: 2px;
  width: 90px;
  border-radius: 30px;
  height: 16px;
  color: #fff;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 0px;
  /* border-radius: 50%; */
  /* transform: translate(145px,-115px); */
}
.free h6 {
  color: #fff !important;
  margin: 0 auto;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 0px;
}
.notfound {
  /* background-color: rgba(98, 60, 187, 0.521); */
  background-color:rgba(105, 113, 122,0.5);
  width: fit-content;
  padding: 5px;
  border-radius: 3px;
  margin: 0 auto;
  margin-bottom: 15px;
 
}
.notfound .notfoundtxt {
  font-size: 12px;
  color: #fff;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.notfound .notfoundtxt .warning-svg{
  width: 22px !important;
  height: 22px !important;
}
.vaccinename {
  /* border: 1px solid red; */
  margin-bottom: 0px;
}
.vaccinename p {
  margin-top: 5px;
  font-size: 11px;
  margin-bottom: 0px;
  font-weight: 700;
}
.bg {
    /* background-image: url('https://images.unsplash.com/photo-1612401104473-a79cb1da9351?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80'); */
    /* background-image: url('https://images.unsplash.com/photo-1612277795511-39caabca8185?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80'); */
    /* background-image: url('https://images.unsplash.com/photo-1612277795163-49a1a64e8f34?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80'); */
    /* background-image: url('https://images.outlookindia.com/public/uploads/gallery/20210828/covid_5_20210828_402_602.jpg'); */
    background-image: url('https://images.livemint.com/img/2021/01/17/1600x900/20210116264L_1610899542925_1610899556815.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* transition: 0.3s all ease-in-out; */
    /* border: 1px solid red; */
}