:root{
  --fontprimary:#E7665D;
  --fontsecondary:#;
  --bggrey:#;
  --pink: #E7665D;

  --redx: #e02222;
  --orangex: #ee8822;
  --yellowx: #fcee21;
  --greenx: #79c843;
  --tealx: #22b573;
}

body{
  font-family: 'Montserrat', sans-serif;
}

.bg-grey{
  background-color: #f6f6f6;
}
.bg-gradient{
  background-color: #e91e63;
  background-image: linear-gradient(90deg, #e91e63 0%, #E7665D 55%, #FF99AC 100%);
}
.font-black{
  color: black;
}
.font-white{
  color: white;
}
.font-primary{
  color: var(--pink);
}
.pinkqueup{
  background-color: var(--pink);
}
.btn-que{
  background-color: var(--pink);
  color: white;
  border-radius: 100px !important;
  padding: 10px;
  width: 150px;
}

.btn-que:hover{
  background-color: #E14639;
  color: white;
}

.poor{
  color: var(--redx,red);
}
.fair{
  color: var(--orangex,orange);
}
.good{
  color: var(--yellowx,yellow);
}
.great{
  color: var(--greenx,green);
}
.excellent{
  color: var(--tealx,teal);
}

.bg-poor{
  background-color: var(--redx,red);
}
.bg-fair{
  background-color: var(--orangex,orange);
}
.bg-good{
  background-color: var(--yellowx,yellow);
}
.bg-great{
  background-color: var(--greenx,green);
}
.bg-excellent{
  background-color: var(--tealx,teal);
}

.default-rating{
  background-color: #1EB373;
  color: white;
}
.default-ratingx{
  background-color: #1EB373;
  color: white;
  height:30vh;
}

.choices> .col > img{
  margin: 0 0 auto;
  width:70px;
}
.choices> .col> .col{
  background-color: white;
  border-radius: 100px;
}
.choices> .col> .col:hover{
  box-shadow: 0px 5px 10px #cecece;
  cursor: pointer;
}

.card-body{
  color: black;
  background-color: #f6f6f6;
}
.numberlist{
  font-weight: bold;
}

.nav-item > .card {
  cursor: pointer;
}
.nav-item > .card:hover {
  background-color: #f0f0f0;
}
.card-header{
  cursor: pointer;
  background-color: #efefef;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--pink);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--pink);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--pink);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.question-number{
  background-color: var(--pink);
  color: white;
  font-size: 1.5em;
}

.ad-caption{
  background-color: black;
  color: white;
}

.ad-img-holder {
  height: 100%;
}
.ad-img-holder > img {
  object-fit: cover;
  width: 100%;
}

.rating:hover{
  border: 1px solid var(--greenx);
  border-radius: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}