html,
body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  background: #EAEEF1;
  width: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  color: #29324c;
}
footer {
  clear: both;
  height: 80px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/oval-bg.png") no-repeat top center;
  background-size: contain;
}
footer section {
  background: #29324C;
}
footer .copy-r {
  padding-top: 22px;
  color: #EAEEF1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links {
  padding-top: 32px;
  color: #EAEEF1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links a {
  padding-left: 40px;
  text-decoration: none;
  color: #EAEEF1;
}
footer .links a:hover {
  text-decoration: underline;
  color: #EAEEF1;
}
.navbar {
  z-index: 20000;
}
#navbarNav {
  justify-content: flex-end;
}
#navbarNav li {
  padding: 0px 10px;
}
.homepage {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/homepage-header-bg.png") no-repeat top center;
  background-size: cover;
  height: 490px;
}
.homepage .header {
  background: transparent;
}
.homepage h1 {
  color: #fff;
  font-size: 50px;
  margin-top: 80px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.homepage .box-row {
  margin-top: 160px;
}
.homepage .box-row .box {
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  margin-bottom: 10px;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
  min-height: 160px;
}
.homepage .box-row .box img {
  height: 75px;
}
.homepage .box-row .box p.first {
  padding-top: 5px !important;
}
.homepage .box-row .box p {
  font-weight: bold;
  padding-top: 20px;
}
.homepage .box-row .box p a {
  color: #29324c;
}
.homepage .box-row .box p a:hover {
  color: #000;
  text-decoration: none;
}
.form-control {
  border-radius: 28px;
  height: 54px;
  padding: 0 25px;
  font-size: 16px;
}
input,
select {
  margin: 12px 0;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #000;
  opacity: 0.4;
}
input:-moz-placeholder,
select:-moz-placeholder {
  color: #000;
  opacity: 0.4;
}
input::-moz-placeholder,
select::-moz-placeholder {
  color: #000;
  opacity: 0.4;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #000;
  opacity: 0.4;
}
input::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #000;
  opacity: 0.4;
}
input::placeholder,
select::placeholder {
  color: #000;
  opacity: 0.4;
}
.btn-primary {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 28px;
  width: 255px;
  padding: 12px 0;
  background: #5ac77b;
  background: -moz-linear-gradient(top, #5ac77b 0%, #38a483 100%);
  background: -webkit-linear-gradient(top, #5ac77b 0%, #38a483 100%);
  background: linear-gradient(to bottom, #5ac77b 0%, #38a483 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ac77b', endColorstr='#38a483', GradientType=0);
  border: none;
  margin: 12px 0;
}
.header {
  z-index: 1;
  background: #fff;
}
.header .row a {
  text-decoration: none;
  color: #000000;
}
.header .row a:hover {
  color: #000000;
  text-decoration: underline;
}
.header .container .navbar-nav a {
  text-decoration: none;
  color: #000;
}
.header .container .navbar-nav a:hover {
  color: #000;
  font-weight: bold;
}
.header .container .navbar-nav li.active {
  border-bottom: 2px solid #f47e31;
}
.header .container .navbar-nav li.active a {
  color: #f47e31;
  font-weight: bold;
}
.header .container .navbar-nav li.active a,
.header .container .navbar-nav li.active a:hover {
  cursor: default;
  text-decoration: none;
}
.contact-container,
.rollout-priority-container,
.faq-container,
.prepare-clinic-container,
.rollout-map-container,
.about-container,
.homepage-container,
.standards-container {
  padding-top: 30px;
}
.contact-container h2,
.rollout-priority-container h2,
.faq-container h2,
.prepare-clinic-container h2,
.rollout-map-container h2,
.about-container h2,
.homepage-container h2,
.standards-container h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin: 35px 0;
}
.contact-container p,
.rollout-priority-container p,
.faq-container p,
.prepare-clinic-container p,
.rollout-map-container p,
.about-container p,
.homepage-container p,
.standards-container p {
  font-size: 18px;
}
.contact-container p .color-r,
.rollout-priority-container p .color-r,
.faq-container p .color-r,
.prepare-clinic-container p .color-r,
.rollout-map-container p .color-r,
.about-container p .color-r,
.homepage-container p .color-r,
.standards-container p .color-r {
  color: #fb6c55;
}
.contact-container textarea {
  min-height: 100px;
  padding: 10px 25px;
}
.rollout-priority-container textarea {
  min-height: 100px;
  padding: 10px 25px;
}
.homepage-container .box {
  text-align: center;
}
.homepage-container .box h2 {
  text-align: left;
}
.homepage-container .box h5 {
  font-size: 18px;
  font-weight: bold;
  color: #29324c;
}
.homepage-container .box p {
  font-size: 14px;
  color: #29324c;
}
.homepage-container .counter {
  font-size: 40px;
  color: #47a888;
  font-weight: bold;
  margin-bottom: 5px;
}
.homepage-container .counter-title {
  font-size: 16px;
  color: #47a888;
  line-height: 18px;
}
.homepage-container .sub-title {
  font-size: 14px;
  text-transform: capitalize;
}
.homepage-container .title-tags {
  font-size: 14px;
}
.faq-container .box {
  background: #fff;
  padding: 20px 0 20px 25px;
  border-radius: 10px;
  margin: 16px 0;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.faq-container .box h4 {
  font-size: 22px;
  font-weight: bold;
  margin: 12px 0 0 0;
}
.faq-container .box p {
  margin-top: 25px;
}
.faq-container .box .collapse-button {
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
}
.faq-container .box .color-collapse-shown {
  color: #47a88b;
}
.faq-container .box .color-collapse-hidden {
  color: #f47e31;
  font-size: 35px;
}
.map-container {
  padding: 0;
}
.map-container .box {
  background: #fff;
  padding: 5px 0 5px 15px;
  border-radius: 6px;
  margin: 0 auto;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.map-container .box img {
  margin: 5px 10px 0 0;
  width: 12%;
}
.map-container img {
  float: left;
  margin: 0 5px 0 0;
  width: 25%;
}
.map-container .legend p {
  font-size: 18px;
}
.map-container .legend p img {
  vertical-align: middle;
  float: none;
  width: 35px;
}
.color-white {
  color: #fff;
}
.prepare-clinic-container h3 {
  font-size: 40px;
  text-align: center;
}
.prepare-clinic-container h4 {
  font-size: 28px;
  font-weight: bold;
}
.prepare-clinic-container p {
  font-size: 18px;
}
.rollout-map-container h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin: 35px 0;
}
.rollout-map-container textarea {
  min-height: 150px;
  padding-top: 18px;
}
.about-container h4 {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 35px 0;
}
.about-container .box {
  background: #fff;
  padding: 20px 0 20px 25px;
  border-radius: 30px;
  margin: 16px auto;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.about-container .box h3 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.about-container .box p {
  text-align: center;
}
.homepage-container h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
.homepage-container textarea {
  min-height: 150px;
  padding-top: 18px;
}
.homepage-container h5 {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
.homepage-container .font-14 {
  font-size: 14px;
}
.homepage-container .carousel {
  height: 215px;
}
.homepage-container .carousel-indicators {
  top: 350px;
  justify-content: left;
  margin: 0;
}
.homepage-container .carousel-indicators li {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/slide.png") no-repeat;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  opacity: 1;
}
.homepage-container .carousel-indicators .active {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/slide-active.png") no-repeat;
  width: 16px;
  height: 16px;
  margin-top: -2px;
}
.homepage-container .box-container {
  background: #fff;
  padding: 10px 25px;
  border-radius: 15px;
  margin: 16px auto;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
  text-align: left;
}
.homepage-container .box-container img {
  margin-top: 5px;
}
.homepage-container .box-container h6 {
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
.homepage-container .box-container p {
  font-size: 10px;
  text-align: left;
}
.homepage-container .box-container .box-title {
  font-size: 9px;
}
.homepage-container .box-container .box-date {
  font-size: 12px;
  font-weight: bold;
}
.homepage-container .box-container .color-r {
  color: #fb555b;
}
.homepage-container .box-container .separate {
  border-bottom: 1px solid #eaeef1;
  padding: 5px 0;
  margin-bottom: 10px;
}
.homepage-container .box-container .inner-box {
  background-color: #EAEEF1;
  border-radius: 10px;
  margin: 0 5px 5px 5px;
  min-height: 65px;
}
.homepage-container .box-container .inner-box p {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  line-height: 25px;
}
.homepage-container .box-container .inner-box .days {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
}
.homepage-container .box-container .inner-box:first-child {
  margin-right: 5px;
  margin-left: 0;
}
.homepage-container .box-container .inner-box:last-child {
  margin-left: 5px;
  margin-right: 0;
}
.standards-container .box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.bg1 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg1.png") no-repeat top center;
  background-size: cover;
  padding-bottom: 80px;
}
.bg2 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg2.png") no-repeat top center;
  background-size: cover;
}
.bg3 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg3.png") no-repeat top center;
  background-size: cover;
}
.bg4 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg4.png") no-repeat top center;
  background-size: cover;
}
.bg5 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg5.png") no-repeat top center;
  background-size: auto;
}
.bg6 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg6.png") no-repeat top center;
  background-size: cover;
}
.bg7 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-2/images/rollout/bg7.png") no-repeat top center;
  background-size: cover;
}
.click-here {
  color: #47a88b;
}
.selected-bg {
  background-color: #fb6c55 !important;
}
.selected-bg p {
  line-height: 10px !important;
}
.margin-top-55 {
  margin-top: 55px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-35 {
  margin-top: 25px;
}
.margin-top-85 {
  margin-top: 85px;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-65 {
  margin-top: 65px;
}
.margin-top-220 {
  margin-top: 220px;
}
.hidden {
  display: none;
}
@media screen and (min-width: 600px) and (max-width: 990px) {
  .carousel-indicators {
    display: none;
  }
  .carousel-item h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 992px) {
  .faq-container .box {
    padding: 20px 25px 20px 25px;
  }
  .header .container .navbar li {
    padding: 9px 4px 17px 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .vet-control {
    margin-top: 65px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .page-image {
    display: none;
  }
  .record-treatments {
    margin-top: 115px;
  }
  .vet-control {
    margin-top: 35px;
  }
}
@media screen and (max-width: 575px) {
  .homepage {
    height: 245px;
  }
  .homepage h1 {
    margin-top: 30px;
    font-size: 30px;
  }
  .homepage .box-row {
    margin-top: 75px;
  }
  footer .copy-r {
    padding-top: 32px;
  }
  footer .links {
    padding-right: 32px;
  }
  .homepage-container h2 {
    font-size: 2em;
    padding-bottom: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .navbar-nav {
    background-color: #fff;
    padding: 40px;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .bg3 {
    background: #3bbad9;
    min-height: 630px;
  }
  .bg4 {
    background: #fb9d4d;
    min-height: 700px;
  }
}
@media screen and (max-width: 600px) {
  .bg3 {
    background: #3bbad9;
    min-height: 630px;
  }
  .bg4 {
    background: #fb9d4d;
    min-height: 700px;
  }
  .bg1 {
    background: #4798bf;
  }
  .bg5 {
    background: #7ac080;
    margin-top: 20px;
  }
  .homepage-container h2 {
    margin: 0;
  }
  .page-image {
    display: none;
  }
  .mobile-margin-top-820 {
    margin-top: 820px;
  }
  .margin-mobile-top-0 {
    margin-top: 0;
  }
  .margin-mobile-top-550 {
    margin-top: 550px;
  }
  .mobile-center {
    text-align: center;
  }
  .homepage-container .carousel-indicators {
    justify-content: center;
  }
}


/*generated at 2025-09-13T23:00:31+00:00*/