.pet_grooming{
    font-family:sans-serif;
    font-size: 0.635em;
    margin-top: 16ch;
}

.pg-hero{
  height: 91ch;
}

.pt-hero{
  height: 220ch;
}

.pg-hero1{
  padding-left: 15ch;
}

.pg-hero1-para1{
  margin-top: 4ch;
  font-size: 16px;
  margin-bottom: 4ch;
}

.pt-hero1-para1{
  font-size: 16px;
  margin-bottom: 4ch;
}

.pg-comma{
  position: absolute;
  bottom: 21ch;
  left: 3ch;
}

.pg-hero1-para2{
  font-size: 18px;
}

.pg_hero_main{
  margin: auto;
  display: table;
}

.pt_hero_main{
  margin: auto;
  display: table;
}

.pb_hero_main{
  margin: auto;
  display: table;
}

.pg-search{
  font-size: 16px;
  margin: auto;
  display: table;
  font-weight: 600;
}

.pg-input{
  padding: 1ch;
  width: 59ch !important;
  border: 1px solid #D7DCE0;
  border-radius: 9px 0px 0px 9px;
  outline: none;
  font-size: 16px;
  box-shadow: 1px 3px 7px -3px #000;
}


.pg-search-icon{
  padding: 1.3ch;
  padding-bottom: 9px;
  width: 11ch;
  background: #1A5E6B;
  border-radius: 0px 9px 9px 0px;
  cursor: pointer;
  box-shadow: -1px 3px 6px -2px #000;
}

.fa-search{
  margin-bottom: 0.3ch;
  font-size: 2ch;
  color: #fff;
}

.pg-table{
  position: relative;
}

.sidecard{
  position: relative;
  box-shadow: 0px 0px 4px 0px grey;
  border: none;
  top:3ch;
  width: 30ch;
  left: 15ch;
}


.card-body{
  padding: 10px;
  height: ;
}

.dg-card-content{
  transition: 0.5s ease;
}

.dg-para-inline{
}

.dg-card-content:hover{
  border-left: 4px solid #FDC161;
  transition: all 0.5s ease;
  cursor: pointer;
}

.pg-card-title{
  font-size: 24px;
  color: #288294;
  margin: 0;
}

.pg-clinic-name{
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.pg-time{
  font-size: 14px;
  font-weight: 600;
  color:#9A9A9A;
}

.dg-description{
  color: #112025;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.card-btn{
  font-size: 14px;
  background: #288294;
  color: #fff;
}

.card-btn:hover{
  font-size: 14px;
  background: #288294;
  color: #000;
}

.card-text{
  font-size: 12px;
}

.sidebar_Text1{
  text-align: end;
}

.sidebar_Text1 p{
  font-size: 14px;
  text-align: left;
}

.sidebar_Text2{
  text-align: center;
}

.sidebar_Text2 p{
  font-size: 14px;
  text-align: center;
}


/*****************************************************/

.dg-info{
  width: 22px;
  height: 32px;
  display: -webkit-box;
}

.pg-info1{
  margin-left:0.8ch;
  font-size: 14px;
  width: 200px;
}

.pagination{
  margin-top: 6ch;
}

/***************/

.readmoreBtn{
  background: none;
    font-size: 14px;
    font-style: italic;
    margin: 0
}

.more-text{
  display: none;
  font-size: 16px;
}

.readDefault{
  font-size: 16px;
  margin: 0;
}

/**********FAQ**********/

.faq-text{
  padding: 4ch;
  background: #FDC161;
  position: relative;
  margin-bottom: 0ch;
}

.faq-img{
  top: 0;
  left: 40ch;
  position: absolute;
}

.faq-text h2{
  margin: auto;
  display: table;
  text-align: center;
}

.faq-text p{
  margin: auto;
  display: table;
  text-align: center;
}

.pg-gap{
  height: 0ch;
}

.pt-hero-margin{
  margin-top:auto;
  margin-bottom:auto
}

/************************************************/
@media all and (min-width:1000px){

.pt-gap{
  margin-bottom: 20ch;
}

}


@media only screen and (min-width: 600px) and (max-width: 800px) {
  .sidecard{
    margin: 5ch;
  }

  .pg-hero{
    height: 115ch;
  }

  .pg-comma {
    position: absolute;
    bottom: 5ch;
    left: 3ch;
  }

  .bottom_c2_body{
    width: 512px;
      margin-left: 10ch;
  }
}

=======
}

.pt-hero-margin{
  margin-top:auto;
  margin-bottom:auto
}


/************************************************/

@media only screen and (min-width: 600px) and (max-width: 800px) {
  .sidecard{
    margin: 5ch;
  }

  .pg-hero{
    height: 115ch;
  }

  .pg-comma {
    position: absolute;
    bottom: 5ch;
    left: 3ch;
  }

  .bottom_c2_body{
    width: 512px;
      margin-left: 10ch;
  }
}

.pg-city-list{
  background: #fdc161;
  border-radius: 11px;
  display: block;
  padding: 3ch;
  margin: auto;
  font-size: 12px;
  text-align: center;
}


.pg-city-list li a{color: #000;font-size: 16px;list-style: georgian;}

.pg-city-list li{
  list-style:none;
}

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

  .pg-hero{
    height: 110ch;
  }

  .pt-hero{
    height: 313ch;
    margin: 1ch;
  }

  .pg-hero1{
    padding-left: 0;
  }

  .pg-head{
    position: relative;
    margin: 10px;
    width: 251px;
    top: -20px;
  }

  .pg-hero1-para1{
    font-size: 14px;
    margin: 10px;
  }

  .pg-hero1-para2{
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
  }

  .pg-comma{
    position: absolute;
    bottom: 2ch;
    left: 1ch;
    width: 80px;
  }

  .pg_hero_main{
    width: 111px;
    position: relative;
    bottom: 99ch;
    right: -121px;
  }

  .pt_hero_main{
    width: 111px;
    position: relative;
    bottom: 234ch;
    right: -121px;
    padding: 2ch;
    display: none;
  }

  .pb_hero_main{
    width: 158px;
    position: relative;
    bottom: 4ch;
    right: -78px;
  }

  .pg-input{
    width: 24.8ch !important;
    margin: 0;
    padding: 10px;
  }

  .pg-city-list{
    margin: auto;
  }

  .collapsible {
    outline: none;
    background-color: #F8F8F8;
    font-weight: 600;
    color: #434343;
    cursor: pointer;
    padding: 10px !important;
    padding-bottom: 8ch !important;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px !important;
  }


  .vet-tag {
    font-size: 16px;
    font-weight: 600;
    margin-left: 1ch;
    margin-top: -3ch !important;
    margin-bottom: -3px !important;
}

  .faq-text{
    margin-bottom: -14ch;
  }

  .vet_hero_main {
      width: 250px !important;
      position: relative;
      bottom: -5ch !important;
      right: -74px !important;
  }

  .faq-list{
    margin: auto;
    background: #F8F8F8;
    display: table;
    padding: 4ch;
    list-style: none;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 16ch !important;
  }

  .faq-para{
    margin: 2ch;
  }

  .pg-gap{
    height: 0ch;
  }

  .pt-hero-margin{
    margin-top: 6ch;
    margin-left: 6ch;
  }

  .pt-grid-head1{
    font-size: 16px;
    margin-left: -22ch;
  }

  #pt-dh{
    display: none;
  }


  .choose-trainer{
    margin-top: 10ch;
  }

}


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

  .pt_hero_main{
    width: 111px;
    position: relative;
    bottom: 214ch;
    right: -121px;
  }

}

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

  .pg_hero_main{
    display: none;
  }

  .pt_hero_main{
    display: none;
  }

  .pb_hero_main{
    display: none;
  }

  .pg-comma {
    position: absolute;
    bottom: 6ch;
    left: 1ch;
    width: 80px;
}

  .pg-input{
    width: 25ch !important;
    margin: 0;
    padding: 7.5px;
  }

  .pg-city-list{
    margin: auto;
  }

  .vet-tag {
    font-size: 16px;
    font-weight: 600;
    margin-top: 3ch;
    margin-bottom: -30px;
}

  .faq-text{
    margin-bottom: 2ch;
  }

  #pt-dh{
    display: none;
  }
}

/***pet trainer***/

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

  .pg_hero_main{
    display: none;
  }

  .pt_hero_main{
    display: none;
  }

  .pb_hero_main{
    display: none;
  }

  .pg-comma {
    position: absolute;
    bottom: 6ch;
    left: 1ch;
    width: 80px;
}

  .pg-input{
    width: 25ch !important;
    margin: 0;
    padding: 7.5px;
  }

  .pg-city-list{
    margin: auto;
  }

  .vet-tag {
    font-size: 16px;
    font-weight: 600;
    margin-top: 3ch;
    margin-bottom: -30px;
}

  .faq-text{
    margin-bottom: 2ch;
  }
}

/***pet trainer***/

.btn-consult {
  font-size: 18px;
  color: #000;
  border-radius: 18px;
  font-weight: 600;
  transition: 0.5s ease;
  padding: 1.5ch;
  border: 3px solid #1A5E6B;
  background: #fdc161;
  //
  background: linear-gradient(180deg, #F7F7F7 0%, #E9E9E9 100%);
}

.pt-card{
  width: 50% !important;
  margin: auto;
}

.pt-grid-head{
  font-size: 16px;
<<<<<<< HEAD
}

.pt-grid-head1{
  font-size: 16px;
}

.pt-grid-para{
  color: #707070;
}

.inside-cbtn{

border: 2px solid #fdc161;

background: #fdc161;

padding: 1ch;

border-radius: 30px;

font-size: 13px;

font-weight: 800;

color: #000;
}
/*****/



=======
}

.pt-grid-head1{
  font-size: 16px;
}

.pt-grid-para{
  color: #707070;
}
/*****/


.faq-list{
  margin: auto;
  background: #F8F8F8;
  display: table;
  padding: 4ch;
  list-style: none;
  font-weight: 600;
  border-radius: 6px;
  margin-top: 6ch;
}

.faq-list li{
  margin-bottom: 15px;
  //
  position: relative;
}

.faq-list li a{
  text-decoration: none;
  color: #434343;
}

.faq-list li{
  position: relative;
}

.faq-list li:nth-child(1):hover::after{
  position: absolute;
  content: '';
  height: 2px;
  bottom: -5px;
  margin: 0 auto;
  left: -5px;
  right: 0;
  background: #FDC161;
  width: 97%;
}

.faq-list li:nth-child(2):hover::after{
  position: absolute;
  content: '';
  height: 2px;
  bottom: -6px;
  margin: 0 auto;
  left: 0px;
  right: 0;
  background: #FDC161;
}

.faq-list li:nth-child(3):hover::after{
  position: absolute;
  content: '';
  height: 2px;
  bottom: -4px;
  margin: 0 auto;
  left: -27px;
  right: 0;
  background: #FDC161;
  width: 73%;
}

.faq-head{
  color: #434343;
  font-size: 18px;
  font-weight: 600;
}

.faq-p{
  margin-bottom: 7ch;
  font-size: 16px;
}

.faq-underline{
  position: relative;
}

.faq-underline:after{
    position: absolute;
    content: '';
    height: 2px;
    bottom: -4px;
    margin: 0 auto;
		left: 0;
    right: 0;
		background: #FDC161;
}

.collapsible {
  outline: none;
  background-color: #fff;
  font-weight: 600;
  color: #434343;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight:700;
  border: 2px solid #0000001a;
  border-width: 2px 2px 0px 2px;
}

.collapsible:last-of-type {
    border-width: 2px 2px 2px 2px;
}

.collapsible:focus{
  outline: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collapsible:hover {
  background-color: #fff;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0px 10px;
  display: none;
  overflow: hidden;
  background-color: rgb(255 255 255);
  margin-top: -1.8ch;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  background: #EEFAFD;
}

.collapsible:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  font-size: 23px;
  float: right;
  margin-left: 5px;
  border: 2px solid;
  border-radius: 50%;
  padding: 0ch 0.7ch;
}

.collapsible.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
  background:#EEFAFD;
}

.collapsible.active{
  background:#EEFAFD;
  border-width: 2px 0px 0px 0px;
}

/******vet****/

.vet-tag{

font-size: 16px;

font-weight: 600;

margin-top: 3ch;

margin-bottom: -30px;
}

.vet_hero_main {
    width: 600px;
    position: relative;
    bottom: 11ch;
    right: -41px;
}