*{
  font-family: 'Poppins', sans-serif;  
  box-sizing: border-box; 
  }
  
  :root {
      --main-color: #913B24;
      --sec-color:#000000;
      --icon:#D4AF37;
    }
  
  .main_container{
   max-width:1400px;   
  }
  
  .btn:focus {
      /* outline: 0; */
      box-shadow:none!important;
  }


  .form-control:focus{
      color:#913B24!important;
          background-color:#fff!important;
          border-color:transparent!important;
          outline:none!important;
          box-shadow: none!important;
      
      
      }
  
  /* ================================ header page is start ================================== */
  
  
  header {
      position: absolute;
      top: 0;
      width: 100%;
  }
  
  .top_header{
  background-color:var(--main-color);
  color:#fff;
  border-radius: 10px;
  height: 113px;
  }
  
  /* .container-xl */
  
  .my_icon{
    color:var(--icon);  
  }
  
  a{
  text-decoration: none;
  color:#fff;    
  }
  
  a:hover{
  color:#fff;    
  }
  
  .location{
      display: flex;
      justify-content: center;
      gap: 2rem;
      padding-top: 10px;
  }
  
  .location span {
      font-size: 14px;
  }
  
  .social_icons{
      padding-top: 10px;   
  }
  
  
  .bottom_header {
      width: 1157px;
      height: 100px;
      flex-shrink: 0;
      border-radius: 10px;
      background: #EDF1FC;
      position: relative;
      left: 3rem;
      top: -4.5rem;
  }
  
  .pup_info a.nav-link {
     
      color: #000;
      text-align: center;
      font-family: Poppins;
      font-size:19px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px; 
  }
  
  
  .main_nav {
  padding: 1rem 0 0 1rem;
  }
  
  .main_nav ul{
  gap:1rem;
  }
  
  .bbtn {
      display: flex;
      width: 152px;
      height: 47px;
      border-radius: 18px;
      background: var(--main-color);
      color: #fff!important;
      font-size: 15px!important;
      padding-left: 1.5rem!important;
  }
  
  
  .navbar-nav {
  position:relative; 
  width:100%;
   }
  
  
   .main_nav .navbar-nav .set_nav:last-child {position:absolute; right:0}
  
  
  
   /* ================ banner sec start=============================== */
  
   .banner {
      background: url(../img/banner.png);
      background-position: center;
      background-repeat: no-repeat;
      height: 743px;
      width: 100%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }
  

   .banner_des h2{
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 45px;
      font-style: normal;
      font-weight: 800;
      line-height: 32px;
   }
  
  
   .banner_des p{
      font-size: 17px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px; 
      color:#fff;
   }
  
  
   .banner_des {
      padding-left: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: baseline;
      padding-top: 7rem;
  }
  
  
  .bbtn2 {
      width: 124px;
      height: 39px;
      flex-shrink: 0;
      border-radius: 10px!important;
      background: var(--main-color);
      border: 0;
      position: relative!important;
      left: -1rem;
      color: #fff;
  }
  
  
  
  /* .txt_field {
      width: 463px!important;
      height: 39px!important;
      flex-shrink: 0;
      border-radius: 10px;
      border: 1px solid #913B24;
      background: #EDF1FC;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  } */
  
  .main_sub_form {
      width: 100%;
      display: flex;
      max-width: 100%;
  }
  
  .txt_field {
      width: 100%!important;
      max-width: 73%;
      height: 39px!important;
      flex-shrink: 0;
      border-radius: 10px;
      border: 1px solid var(--main-color);
      background: #EDF1FC;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
  
  
  
  /* ================================================ */
  
  /* .img_box {
      text-align: center;
  } */

  .img_box {
      width: 100%;
      display: flex!important;
      flex-direction:column!important;
      align-items: center!important;
  }
  
  
  .img_box p {
      color: #000;
      font-family: Poppins;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;
      padding-top: 1.8rem;
  }
  
  .puppies_info {
      position: relative;
      top: -2rem;
  }
  
  
  
  /* ======================== fetured ============================ */
  
  
  .featured_head {
      color: var(--main-color);
      text-align: center;
      font-family: Poppins;
      font-size: 45px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;
      padding-bottom: 3rem;
  }
  
  
  section.featured {
      padding-top: 3rem;
  }
  
  
  .featured_box {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      text-align: center;
  }
  
  
  .featured p {
      color: #37474F;
  text-align: center;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  }
  
  .featured_box h3{
      color: #000;
      text-align: center;
      font-family: Poppins;
      font-size: 31px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px; 
  }
  
  
  
  /* blogs */
  
  .blog_head{
      color:var(--main-color);
      text-align: center;
      font-family: Poppins;
      font-size: 45px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px; 
      padding-bottom: 3rem; 
  }
  
  .blogs{
     padding-top: 3rem; 
     padding-bottom: 6rem;
  }
  
  
  .blog_box {
      width: 100%;
      min-width: 90%;
      height: auto;
      flex-shrink: 0;
      border-radius: 30px;
      border: 1px solid #913B24;
      /* box-shadow: 13px 78px 2px 1px #913B24; */
      padding: 1rem;
      text-align: center;
      box-shadow: 0px 15px 20px 0px #913B24;
  }


  
  
  .blog_box h3{
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  }
  
  .blog_box p{
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
  }
  
  
  .blog_col{
    position: relative;  
  }
  
  .blog_lnk {
      color: var(--main-color);
      text-align: center;
      font-family: Poppins;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 32.4px;
      /* position: relative; */
      /* top: 2rem;
      left: 7rem; */
  }

  .blog_lnk:hover{
      color:var(--icon);
  }
  


  
  /* ======================== dogs info sec ============================ */
  .dogs_info h3{
      color: #913B24;
  text-align: center;
  font-family: Poppins;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 71.111% */
  }
  
  .dogs_info p {
      color: #000;
      text-align: center;
      font-family: Poppins;
      font-size: 21px;
      font-style: normal;
      font-weight: 500;
      line-height: 26.5px;
      padding: 1rem 10rem 0 10rem;
  }
  
  
  section.sec_info {
      padding-top: 5rem;
  }
  
  
  .sec_info_box {
      border-radius: 30px;
      border: 1px solid #913B24;
      background: linear-gradient(180deg, #913B24 0%, #F4B556 100%);
      /* width: 389px; */
      width:100%;
      height: 404px;
      flex-shrink: 0;
      display: flex;
      text-align: center;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
      /* gap: 2rem; */
      padding: 2rem 3rem;
  }
  
  .sec_info_box button {
    background-color:#913B24 ;
    border: none;
    border-radius: 25px;
    padding: 5px 15px;
    color: #fff;
  }
  
  
  .sec_info_box p{
      color: #000;
      font-family: Poppins;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; /* 171.429% */
  }
  .sec_info_box h3{
      color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
  }
  
  .dogs_info {
      padding-bottom: 4rem;
  }
  
  
  .btn4{  
  width: 396px;
  height: 47px;
  /* padding: 26px 49px 26px 48px; */
  gap: 10px;
  border-radius: 10px;
  background: #913B24;
  color:#fff;
  }
  
  
  .col-lg-12.btn_txt {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 12rem;
  }
  
  

/* ===============================  videos ==================================== */

.vdo_info h3{
  color: #913B24;
text-align: center;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 71.111% */
}

.vdo_info p {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.5px;
  padding: 1rem 10rem 0 10rem;
}

.vdo_info {
  padding-top: 6rem;
}

.vdo_set {
  text-align: right;
  /* margin-right: 0!important;
  padding-right: 0!important; */
}

.vd-set1 {
  margin-bottom: 18px;
}

.ratio-1x1 {
  --bs-aspect-ratio: 115.6%;
}

/* .vdo_img2 {
  height: 460px;
  width: 100%;
} */
  
  /* ====================== testimonial ======================================= */
  
  .testimonial_info{
  text-align: center;
  padding-bottom: 5rem;
  }
  
  .testimonial_info h3{
      color: var(--main-color);
      font-family: Poppins;
      font-size: 46px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;    
  }
  
  
  .testimonial_info p{
      color: #000;
      font-family: Poppins;
      font-size: 21px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
         
  }
  
  
  .testimonial_box{
   position: relative;
   /* width: 566px; */
   width: 100%;
   max-width: 90%;
   height: auto;
   flex-shrink: 0;
   border-radius: 70px 0px;
   background: #FFF;
   /* box-shadow: 7px 7px 30px 5px #913B24; */
   /* box-shadow: 9px 0px 30px -4px #913B24; */
   /* box-shadow: -25px 0 20px -20px #913B24; */
   border: 1px solid var(--main-color);
  }
  
  
  

  .side_img {
      /* text-align: end; */
      padding-top: 1rem;
      padding-right: 1rem;
      display: flex;
      justify-content: end;
  }
  
  
  .testimonial_inner_info {
      display: flex;
      gap: 1rem;
      padding: 0 1.5rem;
      align-items: center;
      height: 188px;
  }
  
  
  .testimonial_inner_info img {
      border-radius: 30px 0px;
  }
  
  .slider {
      padding-bottom: 4rem;
  }


  /* .slick-prev:before {
      content: '←';
  }
  
  .slick-prev:before, .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: #000;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  } */


  /* ============================== footer =========================================== */
  
  .footer{
      display: flex;
      padding-top: 50px;
      flex-direction: column;
      align-items: center;
      gap: 50px;
      flex-shrink: 0; 
      background: linear-gradient(180deg, #913B24 0%, #F4B556 100%);  
  }
  
  
  
  .st_footer {
      justify-content: center;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: center;
  }
  
  .footer ul{
  margin:0;
  padding:0;
  list-style:none;
  }
  
  .footer ul li{
  padding-bottom: .5rem;
  }
  
  
  .f1 {
      display: flex;
      flex-direction: column;
      gap: 2rem;
  }
  
  .f1 p{
  padding: 0 7rem 0 0;
  line-height:1.4rem;
      
  }
  
  
  .copy-write{
  border-top:1px solid #C4C4C4;
  display: flex;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  
  }
  
  
  .c_info{
      text-align: center;
      padding-top: 1.4rem;   
  }
  
  
  .c_info span{
      color: #000;
      font-family: Poppins;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;   
  }


  /* ================================  puppies page css ============================================ */



  .banner2 {
      background: url(../img/banner2.png);
      background-position: center;
      background-repeat: no-repeat;
      height: 743px;
      width: 100%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }


  .banner_field {
      /* margin: 0 1rem; */
      border: 1px solid var(--main-color);
      border-radius: 5px!important;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      background: #EDF1FC;
  }


  .bbtn3{
      width: 124px;
      height: 39px;
      flex-shrink: 0;
      background: var(--main-color);
      border: 0;
      color: #fff; 
  }


  .banner_forms {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      max-width: 100%;
      width: 100%;
  }


  select option {
      color: #A9A9A9;
      font-family: Poppins;
      font-size: 12px!important;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;

  }


  select option selected{
      font-size: 12px!important;

  }


.banner_des2 h2 {
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 75px;
      font-style: normal;
      font-weight: 800;
      padding-bottom: 4rem;
  }

  .bbtn3:hover,.bbtn:hover{
  background-color: #F4B556;
  color:#000;

  }


  .bred{
  color:#F4B556;
  text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 500;    
  }


  .bred a{
      color:var(--main-color);
  }


  .breadcrumb-item+.breadcrumb-item::before {
      float: left;
      padding-right: 0.5rem;
      color:#F4B556;
      content: var(--bs-breadcrumb-divider, "/");
  }


  .breed_info ul{
      margin:0;
      padding:0;
      list-style: none;
      display: flex;
      gap: 1rem;
  }


  .card.puppy_card {
     
      border-radius: 24px;
      background: linear-gradient(180deg, #913B24 0%, #F4B556 100%);
      box-shadow: 10px 11px 11px 0px rgba(0, 0, 0, 0.25);
      margin-bottom: 2.5rem;
  }

  .card_img{
      padding: .8rem;
      height: 220px;
  }
  .card_img > img{
    height: 100%;
  }


  .breed_info ul li{
      font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }



  .card-body.cd_body {
      display: flex;
      flex-direction: column;
      /* gap: 1em; */
      align-items: flex-start;
  }


  .heart {
      width: 100%;
      text-align: end;
  }


  .cd_body h5{
      color: #000;
      text-align: center;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;
  }

  .bbt{
      font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
color:#000;
  }


  .btn-txt2{
      height: 5rem!important;
  }





  .page-item.active .page-link {
      z-index: 3;
      color: #fff;
      /* background-color: #0d6efd; */
      /* border-color: #0d6efd; */
      border-radius: 8px;
      background: #F4B556;
  }
  
  .page-link{
     border:0!important;
     color:#000; 
  }


  .page-link:hover{
      color:var(--main-color)!important;
      background-color: transparent;
  }


  .page_btn a{
      border-radius: 8px!important;      
      border: 1px solid #F4B556;
      background: #F4B556!important;
      padding: 8px 14px;
      color: #913B24;
      font-family: Poppins;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px

  }

  .page_btn a:hover{
      color:#fff;
  }

  li.page-item.page_btn:first-child {
      padding-right: 3rem;
  }
  
  
  
  li.page-item.page_btn:last-child {
      padding-left: 3rem;
  }


  .vdo_set{
      display: block;
  }





  /* ============================= fave page ================================================= */


  .banner3 {
      background: url(../img/banner3.png);
      background-position: center;
      background-repeat: no-repeat;
      height:675px;
      width: 100%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }



  .banner_des3 {
      display: flex;
      flex-direction: column;
      justify-content: end;
      align-items: center;
      height: 500px;
  }



  .banner_heading {
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 45px;
      font-style: normal;
      font-weight: 800;
      line-height: 32px;
  }


  .bred_crumb{
    background-color: var(--main-color); 
    height: 28px; 
    margin-bottom:3rem;
  }

  .new_bread li,.new_bread li a {
      color: #EDF1FC;
      text-align: center;
      font-family: Poppins;
      /* font-size: 15px; */
      font-size: clamp(0.4375rem, 0.3378rem + 0.5997vw, 0.9375rem);
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
  }


  .banner_txt{
  width:100%;
  height: 121px;
  background-color: var(--main-color);
  color:#FFF;
  margin-bottom: 4rem;
  }

  .txt_info_banner {
  text-align: center;
  padding-top: 1.5rem;
  }

  .txt_info_banner h3{
      font-size: 30px;
      font-style: normal;
      font-weight: 600;
  }

  .txt_info_banner p{
      font-size: 16px;
      font-style: normal;
      font-weight: 500; 
  }



  /* =================== breed link sec =================== */


  .breeds_info{
    margin:0;
    padding:0;
    list-style:none;
  }

  .breeds_info li a{
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 41.5px;
  }


  .breeds_info li a:hover{
     color: var(--icon); 
  }


  .main_head_breed{
      border-bottom: 3px solid #F4B556;
      margin-bottom: 3rem;
  }

  .main_head_breed h3{
      color:var(--main-color);
      text-align: center;
      font-size: 33px;
      font-style: normal;
      font-weight: 600;
      padding-bottom: 1rem;
  }

  section.puppies_breed {
      padding-bottom: 2rem;
  }



/* ======================== our process page =============================== */

  .btn_myinfo{
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  }


  .banner_des4 {
      display: flex;
      flex-direction: column;
      justify-content: end;
      align-items: end;
      height: 279px;
      width: 80%;
  }


  .banner_heading2 {
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 70px;
      font-style: normal;
      font-weight: 800;
      line-height: 32px;
  }

  .process_info h3,.pro h3{
      color: var(--main-color);
      font-size: 33px;
      font-style: normal;
      font-weight: 600;
  }


  .process_info p,.pro p{
      color: #000;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;

  }



  .process {
      padding-bottom: 4rem;
  }



  .banner4 {
      background: url(../img/b4.png);
      background-position: center;
      background-repeat: no-repeat;
      height: 675px;
      width: 100%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }



  /* ================================ blogs page ==================================================== */

  .banner5 {
      background: url(../img/banner4.png);
      background-position: center;
      background-repeat: no-repeat;
      height: 675px;
      width: 100%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }

      .mybanner {
          display: flex;
          flex-direction: column;
          justify-content: end;
          align-items: center;
          height: 353px;
      }


      .mybanner h2 {
          color: #FFF;
          text-align: center;
          font-family: Poppins;
          font-size: 45px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
      }


      .mycard{
          border-radius: 7px;
          background: linear-gradient(180deg, #913B24 50.45%, #F4B556 100%);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          border:none;
          max-width: 90%;
      }        

      .mybody h5{
          color: #000;
          font-family: Poppins;
          font-size: 23px;
          font-style: normal;
          font-weight: 600;
          padding-bottom: 1rem;
      }

      .mybody p{
          color: #000;
          font-family: Heebo;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; 
      }


     .info_sec3 span{
          color: #000;
          text-align: center;
          font-family: Poppins;
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          color: #000;
          background-color: #F4B556;
          border-radius: 12px;
          padding: 1px 11px;

      }


      .info_sec3 {
          display: flex;
          /* gap: 3rem; */
          padding-bottom: 1rem;
          justify-content: space-between;
         
      }



      /* =================================== customer videos page ================================ */

      .info_sec4 span {
          color: #000;
          text-align: center;
          font-family: Poppins;
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          color: #000;
          border-radius: 12px;
          padding: 1px 11px;
      }

      .title2{
          /* font-size: 20px!important; */
          font-size: clamp(0.875rem, 0.8002rem + 0.4498vw, 1.25rem)!important;
      }


      .info_sec4 {
          display: flex;
          /* gap: 3rem; */
          padding-bottom: 1rem;
          justify-content: space-between;
      }


      /* .vdo_col{
        padding:0 2rem;  
      }
*/


      .vvdo h1{
          color: var(--main-color);
          text-align: center;
          font-family: Poppins;
          font-size: 45px;
          font-style: normal;
          font-weight: 600;
          padding-bottom: 3rem;  
      }



      .set_drop{
          justify-content: center!important;
          align-items: center!important;
          display: inline-flex;    
      }
      

      .set_drop a:hover{
          color:#000!important;  
        }



/*====================================================  review page ===========================  */

.clt_card{
  display: flex;
  width: 565px;
  height: 188px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 16px;
  background: #F4B556;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;

}


.clt_card p{
  color: #913B24;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */   
}


.clt_info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}


.clt_name{
  color: #913B24;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; 
  padding-left: 11px;
} 



.clt_info span:last-child{
  color: #913B24;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */   
}


/* ============================ inner pages =================================== */
.sec_name {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sec_name h1{
color:var(--main-color);
font-family: Poppins;
/* font-size: 33px; */
font-size: clamp(1.125rem, 0.8571rem + 1.3393vw, 2.0625rem);
font-style: normal;
font-weight: 600;
}

.puppy_info span{
  color: #212121;
  text-align: center;
  font-family: Poppins;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;   
}

.set_btnn {
  border-radius: 5px;
  background: linear-gradient(180deg, #913B24 0%, #F4B556 100%);
  width: 100%;
  height: 45px;
  margin-bottom: 1rem;
  color: #fff;
}


.vdo_img {
  max-width: 100%!important;
  width: 100%;
}



.breed_img img{
width:100%;

}


.sec_name2{
  display: flex;
  align-items: center;
  gap: 1rem;  
}

.set_des{
color: var(--main-color);
text-align: center;
font-family: Poppins;
font-size: 14px!important;
font-style: normal;
font-weight: 600;
align-items:baseline;
}

.breed_description h1{
  color: #212121;
  font-family: Poppins;
  /* font-size: 33px; */
  font-size: clamp(1rem, 0.7344rem + 1.3281vw, 2.0625rem);
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.breed_infos_sec{
padding-top: 2rem;  
}


.info_breed h1{
color: var(--main-color);
text-align: center;
font-family: Poppins;
/* font-size:27px; */
font-size: clamp(1rem, 0.7889rem + 1.0557vw, 1.6875rem);
font-style: normal;
font-weight: 600;
padding: 0;
margin: 0;
}

.info_breed span{
  color: #000;
text-align: center;
font-family: Poppins;
/* font-size: 18px; */
font-size: clamp(0.875rem, 0.8125rem + 0.3125vw, 1.125rem);
font-style: normal;
font-weight: 500;
text-align: center;
}


.info_breed {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.breed_setup {
  display: flex;
  padding-top: 2rem;
  padding-bottom: 2rem;
  justify-content: space-around;
}

.breed_description p {
color: #000;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 25px; 
}


.puppy_snapshot h1{
color: #212121;
font-family: Poppins;
/* font-size: 33px; */
font-size: clamp(1rem, 0.7344rem + 1.2vw, 2.0625rem);
font-style: normal;
font-weight: 600;
}

.snap_des h1{
color: var(--main-color);
font-family: Poppins;
font-size:22px;
/* font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.375rem); */
font-style: normal;
font-weight: 600;
margin:0;

}

.span_des span{
color: #000;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 348px;
}


.snap_info {
  display: flex;
  align-items: center;
  gap:0;
  flex-grow: 1;
}



.snap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 1.5rem;
}


.snap_info img {
  max-width: 70%;
  padding-bottom: 1rem;
}

.breed_description {
  padding-right: 7rem;
}

.txt_info_banner2{
  text-align: left;
}

.txt_info_banner2 p{
font-weight: 400;
}


.sec_name3{
  padding-top:1rem;
}

.sec_name3 h1 {
  color: var(--main-color);
  font-family: Poppins;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
}

.sec_name3 span {
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
 
}


.breed_parents h1 {
  color: var(--main-color);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.breed_parents span{
font-size: 14px;
font-weight: 400;

}

.breed_parents{
align-items: baseline;   
}

.set_my_breed{
padding-top: 2.8rem;  
}


.form_info {
  text-align: center;
  padding-bottom: 3rem;
}

.form_info h1{
  color:var(--main-color);
  font-family: Poppins;
  /* font-size: 26px; */
  font-size: clamp(1.25rem, 1.1563rem + 0.4688vw, 1.625rem);
  font-style: normal;
  font-weight: 700;
 
}


.form_info p{
color: #000;
font-size: 17px;
font-style: normal;
font-weight: 500;


}



.form-control:focus,.drop_down:focus {
  color: #212529;
  background-color: #fff;
  border-color:var(--icon)!important;
  outline:none;
  box-shadow: 0 0 0 0.25rem rgb(255, 255, 255);
}

.form_set{
border-color:var(--main-color);
height: 48.622px;
}

.form_set2{
border-color:var(--main-color);

}



.form-label{
  color:var(--main-color);
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 400;
}


.btn-sas {
  letter-spacing: 1px;
  text-transform: capitalize;
  width: 203.02px;
  /* height: 58px; */
  padding: 18px 42.02px 18px 42px;
  align-items: flex-start;
  background-color: var(--main-color);
  color: #fff;
  font-size: 17px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  font-weight: 700;
  border-radius: 0;
}


.btn-sas:hover{
background-color: var(--icon);
color:var(--main-color)  
}


.set_btn_submit {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}


.form_sec {
  padding-top: 5rem;
}


.pt-contact {
  display: flex;
  flex-direction: column;
  padding-top: 14rem;
}

.pt-contact h1{
color: #913B24;
font-family: Poppins;
/* font-size: 36px; */
font-size: clamp(1.125rem, 0.8438rem + 1.4063vw, 2.25rem);  
font-style: normal;
font-weight: 700;
}


.pt-contact p{
color: #000;
font-family: Poppins;
/* font-size: 17px; */
font-size: clamp(0.9375rem, 0.9063rem + 0.1563vw, 1.0625rem);
font-style: normal;
font-weight: 400;
}

.pt-contact h1:last-child {
  padding-top: 2.8rem;
}


.more_puppies{
color: var(--main-color);
text-align: center;
font-family: Poppins;
/* font-size: 45px; */
font-size: clamp(1.125rem, 0.7031rem + 2.1094vw, 2.8125rem);
font-style: normal;
font-weight: 600;
padding: 1.6rem 0;
}


.set_slider_sec{
padding-top: 8rem;  
}



.info_snapshot_sec {
  padding-top: 3rem;
}




.puppies_info {
  overflow: hidden!important;
}


.ds_set{
  display: block;
}

.ds_set_new{
  display: none;
}



/* ======================= modal css ========================= */


/* .modal-content {
  background: #913B24;
  color: #fff;
} */




/* a[data-toggle="modal"] {
  margin: 5px;
}
.title {
  color: #757575;
  font-weight: bold;
}
.modal {
  text-align: left;
}
.modal-content {
  background: #fff;
  border:2px solid var(--main-color);
  border-radius: 12px;
      box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
}
.modal-header{
  border-bottom: 0;
  padding-top: 15px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 0px;
}
.modal-title {
  font-size:22px;
  color:var(--main-color);
}
.modal-body{
  border-bottom: 0;
  padding-top: 5px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 10px;
  font-size: 15px;
}
.modal-footer {
  border-top:0;
  padding-top: 0px;
 
  padding-bottom:26px;
  
}
.btn-default,.btn-primary {
    border: none;
    border-radius: 2px;
    display: inline-block;
    color: #424242;
    background-color: #FFF;
    text-align: center;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem; 
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    letter-spacing: .5px;
    transition: .2s ease-out;
}
.btn-default:hover{
  background-color: #FFF;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.btn-primary {
  color: #FFF;
  background-color: #2980B9;
}
.btn-primary:hover{
  background-color: #2980B9;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
footer {
  text-align: center;
  margin: 15px;
}
footer h4{
  font-size: 2.92rem;
  font-weight:100;
    margin: 1.46rem 0 1.168rem; 
}

.f-website {
  position: fixed;
  bottom: 0px;
  right: 0px;
}
.f-website h2{
  margin:0;
  font-size: 24px;
  font-weight: 100;
  padding: 5px 10px;
  font-style: italic;
  color: #EEE;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.98), 2px 2px 0px rgba(0, 0, 0, 0.96), 3px 3px 0px rgba(0, 0, 0, 0.94), 4px 4px 0px rgba(0, 0, 0, 0.92), 5px 5px 0px rgba(0, 0, 0, 0.9), 6px 6px 0px rgba(0, 0, 0, 0.88), 7px 7px 0px rgba(0, 0, 0, 0.86), 8px 8px 0px rgba(0, 0, 0, 0.84), 9px 9px 0px rgba(0, 0, 0, 0.82), 10px 10px 0px rgba(0, 0, 0, 0.8), 11px 11px 0px rgba(0, 0, 0, 0.78), 12px 12px 0px rgba(0, 0, 0, 0.76), 13px 13px 0px rgba(0, 0, 0, 0.74), 14px 14px 0px rgba(0, 0, 0, 0.72), 15px 15px 0px rgba(0, 0, 0, 0.7), 16px 16px 0px rgba(0, 0, 0, 0.68), 17px 17px 0px rgba(0, 0, 0, 0.66), 18px 18px 0px rgba(0, 0, 0, 0.64), 19px 19px 0px rgba(0, 0, 0, 0.62), 20px 20px 0px rgba(0, 0, 0, 0.6), 21px 21px 0px rgba(0, 0, 0, 0.58), 22px 22px 0px rgba(0, 0, 0, 0.56), 23px 23px 0px rgba(0, 0, 0, 0.54), 24px 24px 0px rgba(0, 0, 0, 0.52), 25px 25px 0px rgba(0, 0, 0, 0.5), 26px 26px 0px rgba(0, 0, 0, 0.48), 27px 27px 0px rgba(0, 0, 0, 0.46), 28px 28px 0px rgba(0, 0, 0, 0.44), 29px 29px 0px rgba(0, 0, 0, 0.42), 30px 30px 0px rgba(0, 0, 0, 0.4), 31px 31px 0px rgba(0, 0, 0, 0.38), 32px 32px 0px rgba(0, 0, 0, 0.36), 33px 33px 0px rgba(0, 0, 0, 0.34), 34px 34px 0px rgba(0, 0, 0, 0.32), 35px 35px 0px rgba(0, 0, 0, 0.3), 36px 36px 0px rgba(0, 0, 0, 0.28), 37px 37px 0px rgba(0, 0, 0, 0.26), 38px 38px 0px rgba(0, 0, 0, 0.24), 39px 39px 0px rgba(0, 0, 0, 0.22), 40px 40px 0px rgba(0, 0, 0, 0.2), 41px 41px 0px rgba(0, 0, 0, 0.18), 42px 42px 0px rgba(0, 0, 0, 0.16), 43px 43px 0px rgba(0, 0, 0, 0.14), 44px 44px 0px rgba(0, 0, 0, 0.12), 45px 45px 0px rgba(0, 0, 0, 0.1), 46px 46px 0px rgba(0, 0, 0, 0.08), 47px 47px 0px rgba(0, 0, 0, 0.06), 48px 48px 0px rgba(0, 0, 0, 0.04), 50px 50px 0px transparent;
}


.user_label{
  font-size:12px;
} */



/* 2nd modal  */


*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



/* img {
max-width: 100%;
} */

input,
textarea {
font-family: "PT Sans", sans-serif;
font-size: 16px;
font-size: 1rem;
}
input::-ms-clear,
textarea::-ms-clear {
display: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */


/* xsigin/signup popup  */


.cd-user-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 54, 66, 0.9);
z-index: 100;
overflow-y: auto;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
-moz-transition: opacity 0.3s 0, visibility 0 0.3s;
transition: opacity 0.3s 0, visibility 0 0.3s;
}
.cd-user-modal.is-visible {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s 0, visibility 0 0;
-moz-transition: opacity 0.3s 0, visibility 0 0;
transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.cd-user-modal-container {
position: relative;
width: 90%;
max-width: 600px;
background: #fff;
margin: 3em auto 4em;
cursor: auto;
border-radius: 0.25em;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher::after {
clear: both;
content: "";
display: table;
}
.cd-user-modal-container .cd-switcher li {
width: 50%;
float: left;
text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
border-radius: 0.25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
border-radius: 0 0.25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
background: #fff;
color: #809191;
}
.cd-user-modal-container .cd-switcher a.selected {
background: var(--icon);
color: #fff;
}
@media only screen and (min-width: 600px) {
.cd-user-modal-container {
  margin: 0 auto;
  margin-top:3rem
}
.cd-user-modal-container .cd-switcher a {
  height: 70px;
  line-height: 70px;
}
}

.cd-form {
padding: 1.4em;
}
.cd-form .fieldset {
position: relative;
margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
margin-top: 0;
}
.cd-form .fieldset:last-child {
margin-bottom: 0;
}
.cd-form label {
font-size: 14px;
font-size: 0.875rem;
}
.cd-form label.image-replace {
/* replace text with an icon */
display: inline-block;
position: absolute;
left: 15px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 20px;
width: 20px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
text-shadow: none;
background-repeat: no-repeat;
background-position: 50% 0;
}
.cd-form label.cd-username {
background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-username.svg");
}




.cd-form label.cd-email {
background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-email.svg");
}
.cd-form label.cd-password {
background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-password.svg");
}
.cd-form input {
margin: 0;
padding: 0;
border-radius: 0.25em;
}
.cd-form input.full-width {
width: 100%;
}
.cd-form input.has-padding {
padding: 12px 20px 12px 50px;
}
.cd-form input.has-border {
border: 1px solid #d2d8d8;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-form input.has-border:focus {
border-color: #343642;
box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
outline: none;
}
.cd-form input.has-error {
border: 1px solid #d76666;
}
.cd-form input[type=password] {
/* space left for the HIDE button */
padding-right: 65px;
}
.cd-form input[type=submit] {
padding: 16px 0;
cursor: pointer;
/* background: #2f889a; */
background:var(--main-color);
color: #fff;
font-weight: bold;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
background: var(--icon);
outline: none;
}
.cd-form .hide-password {
display: inline-block;
position: absolute;
right: 0;
top: 0;
padding: 6px 15px;
border-left: 1px solid #d2d8d8;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
font-size: 0.875rem;
color: #343642;
}
.cd-form .cd-error-message {
display: inline-block;
position: absolute;
left: -5px;
bottom: -35px;
background: rgba(215, 102, 102, 0.9);
padding: 0.8em;
z-index: 2;
color: #fff;
font-size: 13px;
font-size: 0.8125rem;
border-radius: 0.25em;
/* prevent click and touch events */
pointer-events: none;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
-moz-transition: opacity 0.2s 0, visibility 0 0.2s;
transition: opacity 0.2s 0, visibility 0 0.2s;
}
.cd-form .cd-error-message::after {
/* triangle */
content: "";
position: absolute;
left: 22px;
bottom: 100%;
height: 0;
width: 0;
border-bottom: 8px solid rgba(215, 102, 102, 0.9);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.cd-form .cd-error-message.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.2s 0, visibility 0 0;
-moz-transition: opacity 0.2s 0, visibility 0 0;
transition: opacity 0.2s 0, visibility 0 0;
}
@media only screen and (min-width: 600px) {
.cd-form {
  padding: 2em;
}
.cd-form .fieldset {
  margin: 2em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form input.has-padding {
  padding: 16px 20px 16px 50px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
}
}

.cd-form-message {
padding: 1.4em 1.4em 0;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
text-align: center;
}
@media only screen and (min-width: 600px) {
.cd-form-message {
  padding: 2em 2em 0;
}
}

.cd-form-bottom-message {
position: absolute;
width: 100%;
left: 0;
bottom: -30px;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
}
.cd-form-bottom-message a {
color: #fff;
text-decoration: underline;
}

.cd-close-form {
/* form X button on top right */
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: -40px;
background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-close.svg") no-repeat center center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@media only screen and (min-width: 1170px) {
.cd-close-form {
  display: none;
}
}

#cd-login,
#cd-signup,
#cd-reset-password {
display: none;
}

#cd-login.is-selected,
#cd-signup.is-selected,
#cd-reset-password.is-selected {
display: block;
}



#signup-city {
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  padding: 16px 27px 16px 50px;
  border: 1px solid #d2d8d8;
  border-radius: 0.25em;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}


#signup-city:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}


.label_set {
  position: absolute!important;
  top: 17px;
  left: 15px;
  background-image: url("../img/address.png")!important;
}

.set_address {
  width: 100%;
  max-width: 4%;
}




/* ======================= blog inner page ====================== */

.bg-cover {
background-size: cover;
}


.rounded-3 {
border-radius: 0.75rem!important;
}


.position-relative {
position: relative!important;
}


.text-sm {
font-size: .875rem!important;
}


.text-sm {
line-height: 1.5;
}


.text-primary {
/* color: #cb0c9f!important; */
color: var(--main-color)!important;
}

.blog_info_section{
padding:3rem 0;
}

.border-primary {
/* border-color: #cb0c9f!important; */
border-color: var(--main-color)!important;
}

.ms-n4 {
margin-left: -3rem!important;
}

.mb-5 {
margin-bottom: 3rem!important;
}

.mt-8 {
margin-top: 8rem!important;
}


/* ======================================== user  page =========================================== */


.user_login {
display: flex;
gap: 1rem;
justify-content:center;
align-items:center;
}



.user-nav {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


.user-status{
font-size: 10px;
}

.user-name{
font-size:12px;
}


.form_info_sec {
  width: 40%;
  margin: 0 auto;
}




.show_time {
        display: none;
      }
 


      .cd-form-bottom-message a {
        color: #000;
        text-decoration: underline;
    }
    
    
    .cd-form-bottom-message {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -12px;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        color: black;
        z-index: 999;
    }


    .is-visible {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.3s 0, visibility 0 0;
      -moz-transition: opacity 0.3s 0, visibility 0 0;
      transition: opacity 0.3s 0, visibility 0 0;
      /* overflow-y: hidden; */
  }

.process-row {
	border-bottom: 1px solid rgba(0,0,0,0.3);
}