@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
  background-color: : #e1e1e1;
  overflow-x: hidden;
}

small{
  color: #fff;
}

/*h1,h2,h3,h4,small,a{
  font-family: "Inter", serif;
}*/

p,a{
  font-family: "Inter", serif;
}

.whatsapp-fixed{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #999;
	z-index:100;
}

.whatsapp-fixed:hover{
  color: #ffffff;
}

.my-float{
	margin-top:16px;
}

.ripple:hover {
	 position: absolute;
	 height: 60px;
	 width: 60px;
	 border-radius: 100%;
	 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
 .ripple i {
	 position: absolute;
	 font-size: 40px;
	 top: -6px;
	 left: 13px;
}
 .ripple:hover::after {
	 opacity: 0;
	 position: absolute;
	 top: 6px;
	 left: 6px;
	 right: 0;
	 bottom: 0;
	 content: '';
	 height: 80%;
	 width: 80%;
	 border: 8px solid rgb(37 211 102 / 76%);
	 border-radius: 100%;
	 animation-name: ripple;
	 animation-duration: 2s;
	 animation-delay: 0s;
	 animation-iteration-count: infinite;
	 animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
	 z-index: -1;
}
 .ripple:hover::before {
	 opacity: 0;
	 position: absolute;
	 top: -10px;
	 left: -9px;
	 right: 0;
	 bottom: 0;
	 content: '';
	 height: 130%;
	 width: 130%;
	 border: 8px solid rgb(37 211 102 / 76%);
	 border-radius: 100%;
	 animation-name: ripple;
	 animation-duration: 3s;
	 animation-delay: 0.5s;
	 animation-iteration-count: infinite;
	 animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
	 z-index: -1;
}
 @keyframes ripple {
	 from {
		 opacity: 1;
		 transform: scale3d(0.4,0.4, 1);
	}
	 to {
		 opacity: 0;
		 transform: scale3d(3, 3, 1);
	}
}



/****/

.sec-heading{
  padding-left: 1.3ch;
  font-size: 48px;
  font-weight: 600;
  font-family: "Inter", serif;
  margin-top: 3ch;
}


/*class .hero for parallax effect*/
.superhero {
  background: linear-gradient(to right, rgba(3, 42, 59, 0.9) 40%, rgba(3, 42, 59, 0) 70%),
                  url('../images/hero_image.png') center/cover no-repeat;
  //
  background-image: url('../images/hero_image.png');
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 14ch;
}

.superhero .cats{
  position: absolute;
  top: 24ch;
  right: 7ch;
  width: 594.43px;
  height: 328.13px;
}

/************Search Box*******************/

.search-box{
  position: relative;
  display: flex;
  justify-content: center;
}

.search-box > select{
  font-family: "Inter", serif;
  width: 198px;
  height: 40px;
  color: #747474;
  border: none;
  outline: none;
  border-radius: 10px;
  margin: 5px;
}
.search-box > button{
  width: 70px;
  height: 40px;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 10px;
  margin: 5px;
}
.search-box > input{
  width: 198px;
  height: 40px;
  margin: 5px;
  color: #747474;
  border: none;
  outline: none;
}


.doc-input{
  position: relative;
}

.doc-input > input{
  font-family: "Inter", serif;
  width: 198px;
  height: 40px;
  color: #747474;
  border: none;
  outline: none;
  border-radius: 10px;
  margin: 5px;
}

.doc-input input[type="text"] {
  padding-left: 3ch;
}

.location-input input[type="text"] {
  padding-left: 3ch;
}

.search-select{
  padding-left: 3ch;
}

.doc-input::before{
  font-family: FontAwesome;
  content: "\f002";
  display: inline-block;
  position: absolute;
  font-size: 25px;
  top: 0.4ch;
  left: 0.7ch;
  color: #747474;
}

.location-input{
  position: relative;
}

.location-input input{
  font-family: "Inter", serif;
  width: 198px;
  height: 40px;
  color: #747474;
  border: none;
  outline: none;
  border-radius: 10px;
  margin: 5px;
}

.location-input::before{
  font-family: FontAwesome;
  content: "\f276";
  display: inline-block;
  position: absolute;
  font-size: 25px;
  top: 0.6ch;
  left: 1.7ch;
  color: #747474;
}

.search-p{
  font-size: 16px;
  padding-top: 12ch;
  text-align: -webkit-center;
  margin-left: 2vw;
  font-weight: 600;
}


.buttonlp{
  background-color: #1A5E6B;
  color: #ffffff;
  width: 72px;
  height: 40px;
  outline-color: transparent;
}
/*.btn-search{
padding: 0.7ch;
border-radius: 0px 23px 23px 0px;
font-weight: 600;
width: 8ch;
background: #1a5e6b;
color: #fff;
}*/


.btn-landing{
  background: none;
  text-align: center;
  color: #000;
  border-radius: 30px;
  font-weight: 600;
  transition: 0.5s ease;
  width: 170px;
  height: 49px;
  padding-top: 1ch;
  border: 2px solid #ffc15a;
  margin-top: 0ch;
  background: #ffc15a;
}

.btn-landing:hover{
  background: #fff;
  color: #000;
  transition: 0.5s ease;
  text-decoration: none;
  border: 2px solid #000;
}

/****************************/
.welcome{
  margin: 16ch 5ch 17ch 22ch;
}


/*.welcome h1{
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 68px;
  line-height: 1.2em;
}*/

.welcome h1{
  color: #ffff;
  width: 402px;
  height: 70px;
  font-size: 38px;
  text-align: left;
  font-weight: 600;
  !i;!!important;!i;!;
  margin-bottom: 2rem;
}

.welcome p{
  font-size: 16px;
  margin-top: 7ch;
}

.landing-btns{
  margin-top: 3ch;
}

/*.welcome h4{
  color: rgb(39, 39, 39);
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 2.5ch;
}*/

.welcome_needhelp{
  border: 2px solid #1a526b;
  border-radius: 18px;
  position: absolute;
  top: 89%;
  left: 60%;
  transform: translate(50%, -50%);
  padding: 0.2ch;
  text-align: center;
  background: none;
  color: #000;
  font-weight: 600;
  transition: 0.5s ease;
  width: 222px;
  height: 61px;
  padding-top: 1.5ch;
}

.welcome_needhelp:hover{
  background: #1a526b;
  color: #fff;
  transition: 0.5s ease-in;
  text-decoration: none;
}

a.welcome_needhelp {
    text-decoration: none;
}


/*********************REGISTER-PAGE**************************/

.login-section {
  background-image: url(../images/login-bg.png);
  background-size: cover;
  background-position: center;
  min-height: 500px;
  background-repeat: no-repeat;
  background: #16BAC6;
}

.landing-head-para{
  font-weight: 500;
}

@media(min-width:1000px) {
  .testimonial .owl-nav {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      z-index: 2;
      pointer-events: visible;
  }

  .testimonial  .owl-next span{
      background-color: #247080;
      color: #fff;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }

  .testimonial .owl-prev span{
      background-color: #247080;
      color: #fff;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }


  .testimonial .owl-prev span {
      position: absolute;
      left: -60px;
  }

  .testimonial .owl-next span {
      position: absolute;
      right: -60px;
  }
}

@media(max-width:575px) {
  .login-box {

    margin-top: -80%;
  }

  .login-img {
    margin-top: -112%;
  }

  .ln-form-content{
  padding: 1rem;
  margin-bottom: 8rem;
  }

  .our-partners{
    height: 5rem;
  }

  .furry-steps{
    height: auto;
  }

  .service-card {
    width: 330px !important;
    margin-bottom: 2rem;
    margin-left: 0.5rem;
}

.service-card img {
    bottom: 0rem !important;
}

.stat-box .col:first-child{
  top: -1rem;
  left: 0rem !important;
}

.partners .owl-nav{
  width: 29ch;
}

.furry-process .steps-line{
  opacity: 0;
}

}



@media(max-width:335px) {
  .login-img {
    margin-top: -120%;
  }

  .our-partners{
    height: 5rem;
  }
}


.login-box1
{
    background-color: white !important;
    margin-top: -14%;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0.001em #b3b3b3;
    padding:0.5vw;
    width: 42ch;
    height:auto;
}


.login-box1
{
    background-color: white !important;
    margin-top: -14%;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0.001em #b3b3b3;
    padding:0.5vw;
    width: 42ch;
    height:auto;
}

/*.need-help{
    border-radius: 30px;
    position: absolute;
    top: 91%;
    left: 83%;
    transform: translate(50%, -50%);
    width: 9ch;
    padding: 0.2ch;
    text-align: center;
    color: #1a5e6b;
    background: #d1ae63;
    font-weight: 600;
    transition: 0.5s ease;
}

.need-help:hover{
  text-decoration: none;
  background: white;
  color: #1a5e6b;
  transition: 0.5s ease-in;
}*/


/*************Ask a vet*******************/

.ask-a-vet{
  position: relative;
  background: #FFF;
  padding-bottom: 4ch;
  padding-top: 7ch;
}


.error {
	color: #dc3545;
}
.form-error-messages {
  color: #dc3545;
}
/* input error */
input.error,
textarea.error,
select.error {
	border-color: #dc3545;
}


.aav-form{
  background-image: url('../images/blue_yellow_pattern.png');
  margin: 0 4ch;
  padding: 4ch;
  border-radius: 30px;
}

.aaf-border{
  background:#fff;
  padding:2ch;
  border-radius: 20px;
}

.aav-form p{
  width: 737px;
  font-size: 16px;
  height: 46px;
}

.aav-line::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #a0c44f;
    margin-bottom: 5px;
    margin-right: 5px;
}

.aav-line-blue::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #247080;
    margin-bottom: 5px;
    margin-right: 5px;
}


.aav-form label{margin-left: 0.4ch;font-size: 16px;}

.arrow-custom{
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance:none
}

.fa-angle-double-down{
  font-size: 3ch;
  position: absolute;
  top: 49%;
  left: 91%;
  pointer-events: none;
}

.aav_img{
  position: absolute;
  width: 594px;
  height: 386.45px;
  top: 22ch;
  right: 10ch;
}

img.aav_img {}

#custom-button{
  border: 1px solid #000;
  background: #fff;
  border-radius: 10px;
  padding: 5px;
  font-weight: 500;
}

#custom-text{
  font-weight: 500;
}



.vet-link{
  position: relative;
  top: -14ch;
  left: 76ch;
  width: 60%;
  font-weight: bolder;
  text-align: center;
}

.aav-submit{
  font-size: 1.9ch;
  background: #bed189;
  border-radius: 20px;
  width: 8ch;
  border: none;
  cursor: pointer;
}

/*ask a vet file input */

.aav-upload {
  background-color: #F2F2F2;
  color: #000;
  border: 1px solid #000000;
  border-radius: 10px;
  cursor: pointer;
  margin-top: auto;
  padding: 0.5ch;
  font-size: 17px !important;
  width: 112px;
  height: 40px;
}

#file-chosen{
  margin-left: 0.3rem;
  font-family: 'DM SANS';
  font-style: italic;
}

#askNowBtn{
  width: 222px;
  height: 46px;
  border-radius: 14px;
  margin-bottom: 4ch;
}

button#askNowBtn {}


=======

/*ask widget*/
.ask_widget{
  margin-top: 9ch;
}
/*******************pop up*****************/


.popup-hero{position: relative;margin: auto;margin-top: 14ch;}

.popup-box{
  position: relative;
  background: #FFC432;
  border-radius: 20px;
  width: 667px;
  height: 383px;
  box-shadow: 0px 0px 10px -2px black;
}

/*
position: absolute;
    top: 29ch;
    right: 11ch;
    width: 22ch;
    height: 22ch;
*/

.popup-box img{
}

.popup-content{

padding: 6ch;
}

.popup-content .h-para{
  font-size: 24px;
  font-weight: bolder;
  color: #000;
}

p.h-para {}

.popup-content h3{
  margin-bottom: 1ch;
}

.popup-content #whitepaper_email{
  width: 62%;
}

.popup-btn{background: #1A5E6B;padding: 1ch 2ch;color: #fff;border: aliceblue;cursor: pointer;font-size: 16px;border-radius: 8px;}

.popup-btn:focus{
  outline: none;
}

.popup-btn:hover{
  color: #fff;
}

.close-popup{
  position: absolute;
  top: 10ch;
  right: 8ch;
  font-size: 3px;
  color: #000;
}

.h-para2{
  font-size: 68px;
  color: #1A5E6B;
  font-weight: bolder;
}

.form-newsletter{
  margin-top: 15ch;
}

.h-para3{
  color: #000;
  font-size: 20px;
}

.rabit-css{

position: absolute;

bottom: 0;

right: 280px;
}

.cat-css{

position: absolute;

bottom: 0;

right: 140px;
}

.dog-css{

position: absolute;

right: 0;

bottom: 0;
}

@media screen and (max-width:380px){

  .close-popup {
    position: absolute;
    font-size: 3px;
    right: 301px;
    color: #000;
}

  .popup-content .h-para {
    font-size: 22px;
    font-weight: bolder;
    color: #000;
}

  .popup-content {
      padding: 3ch;
  }

}

/**************Furry steps******************/

.furry-steps{
    height: auto;
    background: linear-gradient(to bottom, #fff 50%, #E1EFF2 50%);
}

.furry-steps .container{
  background: #ffc15a;
  border-radius: 30px;
}

.furry-steps .container .row{
  padding: 2rem;
}

.furry-steps img{width: inherit;}

.furry-steps h3{
  font-weight: 700;
  top: 3rem;
  position: relative;
}

.furry-process img:nth-child(1){

width: auto;
}

.furry-process .steps-line{
  height: 2px;
  top: 2rem;
  position: relative;
  left: 1rem;
  width: 12rem;
}

.furry-process h4{
  font-weight: 700;
}
/*************Services******************/

.services {
    text-align: center;
    background-color: #E1EFF2;
    padding: 50px 0;
}

.services .col{

width: 17rem;
}

.section-title {
    font-weight: bold;
}


.service-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;

}


.services .section-subtitle {

    font-weight: 700;
}

.services .container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.services .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-card {
    background: linear-gradient(to bottom, #FFFFFF, #E6F1F4);
    width: 260px;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 27rem;
}

.service-card img{

}

.service-number {
    font-size: 16px;
    font-weight: bold;
    background: #FFBD59;
    padding: 5px 12px;
    border-radius: 20px;
}

.service-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.service-desc {
    font-size: 18px;
    font-weight: bold;
    color: black;
    margin-top: 5px;
}

.service-text {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.service-link {
    color: #007BFF;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.service-card img {
    width: 100%;
    margin-top: 30px;
    position: relative;
    bottom: -1rem;
}

/*************Pawlog************************/

.pawlog{
  margin-bottom: 5ch;
}

.pl-heading{
  padding-left: 1ch;
  font-size: 48px;
  font-weight: 600;
  text-align: center;
  margin: 1ch 0ch 2ch 0ch;
}

.card-content a{
  padding: 0.5ch;
  border-radius: 30px;
  background: #10CBD4;
  color: #112025;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
}

.card-content a:hover{
  background: #112025;
  color: #fff;
  transition: all 0.5s ease;
}


.owl-prev span{
  background-color: #247080;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.owl-next span{
  background-color: #247080;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}



/********ask a vet description *************/
.askvet-description {
    padding-left: 36px;

}

/*testimonial*/

.testimonial-center{
text-align: center;
}

.testimonial .container {
  background-image:  url('../images/landing/stat_block_sky.png');
  width: 90%;
}

.testimonial .ln-bg-img{
  position: absolute;
  width: 10rem !important;
  top: -2rem;
  right: 1rem;
  z-index: -1;
}

.testimonial-p{
  height: 6rem!important;
}

.testimonial-img {
  position: relative;
  width: 20rem !important;
  height: 20ch;
  border-radius: 10px;
  object-fit: cover;
  }

  .testimonial p{
    position: relative;
    top: 3rem;
  }

  .quote-img {
    width: 65px !important;
    height: 45px;
    display: inline-block;
  }

  .quote-right {
    float: right;
  }


  /****stat section*****/


  .stats-section {
    background-image: url('../images/landing/statsectionbg.png');
    background-color: #247080;
    color: white;
    position: relative;
    overflow: hidden;
    padding-top: 4rem;
}

.stat-box {
    padding: 20px;
    background: transparent;
    border-radius: 10px;
}

.stat-box .col:first-child{
  top: -1rem;
  left: 5rem;
}

.stat-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.stats-section h3 {
    font-size: 28px;
    font-weight: bold;
}

.stats-section p {
    font-size: 16px;
    opacity: 0.9;
}


/********newsletter*************/

.news-letter{
  background: #1A5E6B;
  padding: 2ch;
}

.news-letter h1{font-size: 30px;font-weight: 600;color: white;}

.news-letter p{
  color: #fff;
}

.newsletter-input{

font-family: "Inter", serif;

padding: 0.6ch;

outline: none;

margin-top: 1.2ch;

margin-right: 47vw;

width: 21ch;

border-radius: 6px;
}

.newsletter-btn{

padding: 0.78ch;

background: #112025;

width: 10ch;

font-weight: 600;

text-align: center;

margin-top: 1.1ch;

margin-left: 0.5ch;

border-radius: 6px;

color: #fff;

transition: all 0.5s ease;
}

.newsletter-btn:hover{
  transition: all 0.5s ease;
  text-decoration: none;
}

/***********Media queries**************/

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

  /*h1,h2,h3{
    font-size: 40px;
  }*/

  .welcome {
    margin: 4ch 7ch 0ch 2ch;
}

  .welcome h3 {
    font-size: 3ch;
    width: 306px;
  }


  .need-help {
    border-radius: 30px;
    position: absolute;
    top: 97%;
    left: 52%;
    transform: translate(50%, -50%);
    width: 9ch;
    padding: 0.2ch;
    text-align: center;
    color: #1a5e6b;
    background: #d1ae63;
    font-weight: 600;
    transition: 0.5s ease;
}

/*************ASk a vet******************/

.aav-img{
  background: none;
}

.aav-form {
    margin: 0 1ch;
}

.aav-file-hide i {
    font-size: 3.1ch;
    font-weight: 600;
    padding: 0.5ch;
}

.aav-file-hide p {
    font-weight: 600;
    font-size: 1.2ch;
    text-align: center;
    align-items: center;
    margin-bottom: 0;
    padding: 0.5ch;
}

.aav-form label {
    font-weight: 600;
    margin-left: 0.4ch;
    font-size: 1.5ch;
}

.vet-link {
    font-size: 14px;
    position: absolute;
    top: 96.5%;
    left: 22%;
    text-align: center;
    width: 300px;
}

#emailHelpBlock{
  font-size: 0.6rem;
    margin-bottom: 2ch;
}

/***********Furry steps*********************/

/*************Services******************/

.services {
    background-color: #E1EFF2;
    padding:  auto;
}

.justify-content-between{
  margin: 2ch 0ch;
}

.service1 {
    text-align: center;
    border: 2px solid #fdc46a;
    border-radius: 50%;
    padding: 4ch;
    width: 33ch;
    height: 33ch;
    margin-top: 0ch;
    background: #fff;
}

.service-quote {
    margin: 58ch 2ch 0ch 2ch;
}

.service-quote p{
    margin-bottom: 0;
}

.sq-column{
  margin-bottom: 5ch;
}

/***************pawlog*******************/

.pawlog-card {
  display: block;
  padding-bottom: 2ch;
  margin: 2ch;
}

.card-img{
  text-align: center;
}

.pawlog-card .card-content {
    text-align: center;
}

.pl-heading{
  font-size: 60px;
}


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

  /*h1,h2,h3{
    font-size: 32px;
  }*/

  .welcome {
    margin: 15ch 7ch 0ch 2ch;
}

  .search-box{
  position: absolute;
  top: 53ch;
  left: 3.5ch;
  }

  .search-select{
    width: 7ch;
  }

  .location-input input{
    width: 7ch;
  }

  .doc-input input{
    width: 7ch;
  }

  .search-input{
    width: 5ch;
  }

  .landing-btns{
   position: absolute;
   top: -12ch;
   width: 268px;
   }

.search-p{position: absolute;bottom: 12ch;font-size: 24px;left: 0ch;}

.search-box{
   left: 1.8ch;
   top: 57ch;
   }

.search-box select,input,button{width: 203px;margin: 2px;}


.welcome_needhelp {
  border: 2px solid #1a5e6b;
  border-radius: 18px;
  position: absolute;
  top: 91%;
  left: 14%;
  transform: translate(50%, -50%);
  padding: 0.2ch;
  text-align: center;
  color: #1a5e6b;
  font-weight: 600;
  transition: 0.5s ease;
  width: 122px;
  height: 61px;
  padding-top: 1ch;
}

.superhero .cats{
  display: none;
}

.landing-end{
  position: absolute;
  bottom: 0;
  left: 2.5ch;
}

/*ask a vet*/

.sec-heading{
  padding-left: 0.2ch;
}

.aav-form p {
    width: 304px;
    font-size: 18px;
    height: 146px;
}

/*services*/

.service-content p {
    font-size: 16px;
}


.pl-heading {
    padding-left: 0ch;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin: 1ch 0ch 3ch 0ch;
}

.newsletter-head{
  width: 350px;
  margin-left: -17px;
}

.newsletter-para{
  width: 350px;
  margin-left: -19px;
}

.cu-hide button{
  border: none;
  outline: none;
  color: #000;
  background: #a3a3b1;
  font-size: 18px;
  font-weight: bolder;
}

#cuhidebtn{
  border: none;
  outline: none;
  color: #000;
  background: #a3a3b1;
  font-weight: bolder;
  font-size: 18px;
  width: 22ch;
}

.dropdown-menu .show{
  background: green;
}

}

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

  h1,h2,h3{
    font-size: 30px;
  }

  .search-box select, button {
    width: 80px;
    height: 40px;
    margin: 2px;
    color: #747474;
    border: none;
    outline: none;
}



.search-select{
  width: 7ch;
}

.location-input input{
  width: 10ch;
}

.doc-input input{
  width: 10ch;
}

.doc-input{
  display: none;
}

.search-input{
  width: 5ch;
}

.welcome_needhelp {
  border: 2px solid #1a5e6b;
  border-radius: 18px;
  position: absolute;
  top: 91%;
  left: 19%;
  transform: translate(50%, -50%);
  padding: 0.2ch;
  text-align: center;
  color: #1a5e6b;
  font-weight: 600;
  transition: 0.5s ease;
  width: 122px;
  height: 61px;
  padding-top: 1ch;
}

.aav_img{
  position: absolute;
  width: 266px;
  height: 275.45px;
  top: 75ch;
  right: 7ch;
  display: none;
}

.know-more{
  margin-top: -1.5ch;
}

#custom-button{
  font-size: 13px;
}

}*/

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

  .testimonial-img {
      position: relative;
      width: 17rem !important;
      height: auto;
      border-radius: 10px;
      object-fit: cover;
      margin-top: 5ch;
  }

}


@media screen and (max-width:380px){


  .superhero{
      height: 77ch;
  }

  .search-box{
    width: 88%;
  }

  .search-select{
    width: 7ch;
  }

  .landing-btns{
   position: absolute;
   top: 21ch !important;
   width: 268px;
  }

  .search-p{
    position: absolute;
    top: 3.5ch;
    font-size: 14px;
    left: 8ch;
  }

  .search-box{
  left: 1.8ch;
  top: 19ch;
  }

.search-box select,button {
    width: 111px;
    height: 40px;
    margin: 2.5px;
    color: #747474;
    border: none;
    outline: none;
margin-top: 0.5ch;padding: 6px;}

.doc-input input {width: 90%;}

.location-input input {width: 90%;}

  .buttonlp{

   width: 70px;

 }
.btn-landing1{
  display: none;
}

.welcome h1 {
    color: #2B2C31;
    width: 362px;
    height: 130px;
    font-size: 38px;
    text-align: left;
    font-weight: 600;
top: 1ch;position: relative;}

 .welcome p {
    top: 12ch;font-size: 16px;
position: relative;}

  .welcome_needhelp {
    border: 2px solid #1a5e6b;
    border-radius: 18px;
    position: absolute;
    top: 90%;
    left: 15%;
    transform: translate(50%, -50%);
    padding: 0.2ch;
    text-align: center;
    color: #1a5e6b;
    font-weight: 600;
    transition: 0.5s ease;
    width: 122px;
    height: 61px;
    padding-top: 1.7ch;
}

.landing-end{
  position: absolute;
  bottom: 0;
  left: 2.5ch;
}

/*ask a vet*/

.aav_img{
  display: none;
}


.sec-heading{
  padding-left: 0.2ch;
  font-size: 32px;
}

.aav_img{position: absolute;width: 277px;height: 275.45px;top: 75ch;right: 4ch;display: none;}


.aav-form p {
    width: 304px;
    font-size: 18px;
    height: 149px;
}

/*services*/

.service-card{
  width: 34ch !important;
}

.service-content p {
    font-size: 14px;
}


.pl-heading {
    padding-left: 0ch;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 1ch 0ch 3ch 0ch;
}

.captcha-edit{
  transform: scale(0.8); transform-origin: 0 0;
}

.testimonial-img {
    margin-bottom: 3ch;
    position: relative;
    width: 17rem !important;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

	 .quote-img {
    width: 25px !important;
    height: 25px;
    display: inline-block;
  }

	.testimonial p{
    position: relative;
    top: 0rem;
  }


.section-subtitle {
    top: 0ch;
    position: relative;
}


}


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


  .superhero{
      height: 77ch;
  }

  .search-box{
    width: 88%;
  }

  .search-select{
    width: 7ch;
  }

  .landing-btns{
   position: absolute;
   top: 20ch;
   width: 268px;
  }

  .search-p{
    position: absolute;
    top: 3.5ch;
    font-size: 14px;
    left: 8ch;
  }

  .search-box{
  left: 1.8ch;
  top: 19ch;
  }

.search-box select,button {
    width: 111px;
    height: 40px;
    margin: 2.5px;
    color: #747474;
    border: none;
    outline: none;
margin-top: 0.5ch;padding: 6px;}

.doc-input input {width: 90%;display: none;}

.location-input input {width: 90%;}

  .buttonlp{
   width: 70px;
 }

.btn-landing1{
  display: none;
}
.welcome h1 {
    color: #fff;
    width: 362px;
    height: 130px;
    font-size: 38px;
    text-align: left;
    font-weight: 600;
    top: 1ch;
    position: relative;
    }
 .welcome p {
    top: 4ch;
    font-size: 16px;
    position: relative;
    }

  .welcome_needhelp {
    border: 2px solid #1a5e6b;
    border-radius: 18px;
    position: absolute;
    top: 90%;
    left: 15%;
    transform: translate(50%, -50%);
    padding: 0.2ch;
    text-align: center;
    color: #1a5e6b;
    font-weight: 600;
    transition: 0.5s ease;
    width: 122px;
    height: 61px;
    padding-top: 1.7ch;
}
.landing-end{
  position: absolute;
  bottom: 0;
  left: 2.5ch;
}
/*ask a vet*/
.aav_img{
  display: none;
}
.sec-heading{
  padding-left: 0.2ch;
  font-size: 32px;
}
.aav_img{position: absolute;width: 277px;height: 275.45px;top: 75ch;right: 4ch;display: none;}

.aav-form p {
    width: 304px;
    font-size: 18px;
    height: 70px;
}

/*services*/
.service-content p {
    font-size: 14px;
}
.pl-heading {
    padding-left: 0ch;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 1ch 0ch 3ch 0ch;
}
}
.g-signin2 div:first-child{
  width: 100%;
}