.section{
    display: none;
}
.show{
    display:block;
}
/* Hide the increment and decrement arrows for the number input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  /* Firefox */
  -moz-appearance: textfield;
}

#progressbar{
height:6px;
}
progress::-webkit-progress-bar {
    background-color:rgb(129,69,151);
 }
 progress::-webkit-progress-value {
    
    background-color:rgb(229,42,146);
 }
.options .image-normal {
    width: 130px;
    margin: 0 auto;
}
 /* .image-normal {
transition: transform 0.3s ease;
}

.sevice-box:hover .image-normal {
 transform: scale(1.2) translateY(-5px); 
} */

#postcode,#emailaddress,#phonenumber,#lastname,#firstname {
 border: none !important;
    color: black;
    box-shadow: none;
 
}
.bg-white{
 background-color:#ffffff;
 border:none;
}

.number-text {
    height: 11rem;
    /* margin-top: -65px; */
    display: flex;
    justify-content: center;
    align-self: center;
}
.yesNoImg img{
height: 7rem;
display: flex;
justify-content: center;
align-self: center;
}
.res-frm input{
    width: 90%;
}

.sevice-box{
border:3px solid;
border-image: linear-gradient(to right,#c154b5, purple) 2;
border-radius:10px;
width: 220px !important;
height: 220px !important;
transition: 0.2s;	
}
.sevice-box:hover{
border:3px solid;
border-image: linear-gradient(to right,#b021a1,#7b3a9e) 2;
transform: scale(1.03);
}
.options2 .sevice-box{
    border:3px solid;
    border-image: linear-gradient(to right,#c154b5, purple) 2;
    border-radius:10px;
    width: 200px !important;
    height: 200px !important;
    transition: 0.2s;	
}
#fName-massage, #lName-massage, #phone-massage, #email-massage {
  background-color: #000 !important;
}
#Form #submit {
  background-color: #ff2391 !important;
}
#Form #submit:hover {
  background-color: #000 !important;
}
form ul li i {
  color: #8b4397 !important;
}

.backButton{ 
    margin: 20px auto;
background: linear-gradient(90deg, rgba(134,77,156,1) 11%, rgba(211,50,149,1) 89%);
}
.backButton:hover{
background: linear-gradient(90deg, rgba(211,50,149,1) 11%, rgba(134,77,156,1) 89%);
}
.options form{
    background-color: #f2f2f2;
    padding: 30px;
    margin-bottom: 10px;
    text-align: left !important;
}
#Our-Promise2{
    background: linear-gradient(90deg, rgba(134,77,156,0.2) 11%, rgba(211,50,149,0.2) 89%) !important;
}
/* .form-box{
    background-color: #efeded;
    padding: 38px;
    margin-bottom: 10px;
}

#Our-Promise2{
    background-color: #efeded;
}
#Our-Promise1{
    background-color: #efeded;
} */

@media only screen and (max-width: 767px) {
    .options .image-normal {
        width: 100px;
    }
    .options .sevice-box label{
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .options .sevice-box {
        width: 100% !important;
        height: 70px !important;
        align-items: center;
        padding: 1rem !important;
        flex-direction: row !important;
    }
    .options{
        width: 100% !important;
    }
    .options2{
        width: 100% !important;
        flex-direction: initial !important;
        flex-wrap: wrap !important;
    }
    .options2 .image-normal {
        width: 200px;
    }
}
@media only screen and (max-width: 480px) {
    .options2 .image-normal {
        width: 200px;
    }
    .options2 .sevice-box{
        width: 130px !important;
        height: 100px !important;	
    }
    .res-frm{
        display: flex;
    }
	form ul li {
  font-size: 16px !important;
}
#Our-Promise1 p {
  font-size: 16px !important;
}
}