.vet_registration{
  margin-top: 8ch;
  margin-bottom: 8ch;
}

.vet_registration label{
  font-weight: 500;
}

.vr-hero{
  margin: 10ch 0ch 0ch 4ch;
}

.vr-hero p{
  color:#363049;
}

.vr-register-image{
  width: 90ch;
  height: 121.5ch;
}

.vr-outline{
  padding: 5ch;
  padding-top: 2ch;
  background-image: url('../images/form-back.png');
  height: auto;
}

.register-outline{
  padding: 5ch;
  padding-top: 2ch;
  background-image: url('../images/form-back.png');
  height: 110.5ch;
}

.vr-outline-login{
  padding: 5ch;
  padding-top: 2ch;
  background-image: url('../images/form-back.png');
  height: 110ch;
}


.option-select-register .login1{
    font-size: 16px;
    font-weight: 600;
    color: #707070;
}

.option-select-register .signup1{
    font-size: 30px;
    font-weight: bolder;
    color: #1A1D1E;
}

.option-select-register .signup2{
    font-size: 16px;
    font-weight: 600;
    color: #707070;
}

.option-select-register .login2{
    font-size: 30px;
    font-weight: bolder;
    color: #1A1D1E;
}

.vr-register input::-webkit-input-placeholder {
  color: #000;
  font-weight: 600;
}

.vr-register option {
  color: #000;
  font-weight: 600;
}


#exampleCheckp:checked{
  color: #000;
  background: #000;
}

#privacy-policy{
  cursor: pointer;
}

.vr-register input{
  padding: 1ch;
  border: none;
  margin: 0ch;
}

/*checkbox**/
.checkbox-cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid;
}

/* On mouse-over, add a grey background color */
.checkbox-cont:hover input ~ .checkmark {
  background-color: #fdbf5dab;
}

/* When the checkbox is checked, add a blue background */
.checkbox-cont input:checked ~ .checkmark {
  background-color: #FDBF5D;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*checkbox end*/
.center-button{
    text-align: center;
}

.vet-register-btn{
  background: linear-gradient(178.67deg, #FDC161 1.14%, #FFAF2E 92.49%, rgba(253, 193, 97, 0) 242.75%);
  text-align: center;
  width: 75%;
  padding: 1.3ch;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

/*************** how it works**********************/
.hit-h1{
  margin: auto;
  display: table;
  margin-top: 2ch;
  font-size: 30px;
  margin-bottom: 1ch;
}

.hiw-margin{margin: auto;margin-top: 15ch;display: table;}

.hiw-margin p{
  color:#363049
}

/*feature*/

.vr-feature{
  text-align: center;
  margin-bottom: 7ch;
  margin-top: 10ch;
}

.vr-feature .card{
  border: none;
}

.vr-feature .card:hover{
  transform: scale(1.3);
  background: #FFFFFF;
box-shadow: 0px 50px 70px rgba(162, 182, 212, 0.16);
transition: 0.5s;
}

.vr-feature img{
  width: 83px;
  margin: auto;
  margin-bottom: 20px;
}

.vr-feature h5{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px;
  color: #474F62;
}

.vr-feature p{
  color: #474F62;
  font-size: 16px;
}

/*****vet love****/

.vet-love .card{
  border: none;
}

.vet-love .card-title{
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: #525252;
}


.vet-love .card-text{
  margin: 0;
  color: #434343;
}

.card-title-center{
  font-size: 20px;
  font-weight: 700;
  color: #525252;
}

.card-text-center{
  margin: 0;
  color: #434343;
  font-size: 16px;
}

.vet-love .card-body{
  text-align: center;
  margin: 0;
}


.vet-love img{
  margin: auto;
}


@media all and (max-width:450px){

  .vr-hero-section{
    position: relative;
    margin: 1ch;
    margin-top: -5ch;
  }

  .vr-register-image {
    width: 44ch;
    height: auto;
    display: none;
}


.vr-outline-login{
  padding: 5ch;
  padding-top: 2ch;
  background-image: url('../images/form-back.png');
  height: 50ch;
}

.vr-outline{
  padding: 5ch;
  position: relative;
  padding-top: 2ch;
  background-image: url('../images/form-back.png');
  height: auto;
  margin-left: 0ch;
}

.hit-h1 {
    margin: auto;
    display: table;
    margin-top: 2ch;
    font-size: 24px;
    margin-bottom: 0ch;
}

.hiw-margin {
    margin: auto;
    margin-top: 4ch;
    display: table;
    text-align: center;
}

.vr-feature .card{
  margin-bottom: 4ch;
}

.vet-love .card {
    border: none;
    margin-bottom: 4ch;
}

.vr-second-card{
  margin-bottom: 5ch;
}

}

@media all and (min-width:1400px){

  .vr-hero p{
    width: 1000px;
  }

}