@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
:root{
    --btnprimarycolor:#a658a1;
    --btnprimarycolorHover:#A658A2;

    --CloseBtn:#211220;



    --selectoptionbg:#211220;
    --selectoptionText:#FBFCFF;
    --selectoptionTextHover:#A658A1;


    --Navbartextcolor:#211220;


}




.navbartextmain{

   background-color:transparent !important;

}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
background-color: white !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds shadow for better visibility */
}
/* main{
    padding-top: 100px;
} */

.navbartextmain ul li a span{
    color:var(--Navbartextcolor);
    font-family: Rethink Sans !important;
    font-weight: 500;
    padding-top: 5px;
}
.image-slider::-webkit-scrollbar {
  width: 10px;

}

.image-slider::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.image-slider::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #d2d0d0;
}
.selectItems {
  padding: 8px 20px;
  background-color: rgba(237, 222, 236, 0.5);
  font-weight: bold;
  border-radius: 25px;
  gap: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}
.selectItems img {
  width: 17px;
}
.inputfields {
  padding: 8px 8px;
  width: 100%;
  text-transform: capitalize;
  border-radius: 4px;
  outline: none;
  border: 1px solid rgba(237, 222, 236, 1);
}
.custom {
  padding-left: 1px;
}
.mainPara{
  font-size: 20px !important;
  font-weight: 400;
  font-family: Rethink Sans !important;
}
.quantityAdd {
  padding: 1px 5px;
  background-color: #eddeec;
  position: absolute;
  right: 25px;
  top: 8px;
}
body {
  background-color: #fbfcff;
}
.modalDescription {
  background: #f2f2f2;
}
.p-search {
  position: absolute;
  top: 8px;
  left: 87%;
  color: rgba(154, 162, 177, 1);
}
.circledogs {
  display: flex;
  width: 10%; 
  background: #d9d9d9;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.card-bodyBlack {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
}

.viewAdBottom {
  margin-top: auto;
  padding-top: 10px;
}
.viewAdBottomTwo {
  margin-top: auto;
  /* padding-top: 75px; */
}

 

.circledogs {
  display: flex;
  align-items: center;
}

.pinkc {
  color: var(--btnprimarycolor);
}
.pinkShadeBg {
  background: url("../images/pinkShadepng.png");
  background-size: cover;
  background-size: 100% 100%;
}
.border-trainer {
  border: 1.16px solid var(--btnprimarycolor);
}
.margin-top-minus {
  margin-top: -35px;
}
.card-yellow-bg {
  background-color: #fbf3f3;
}
.dotdogpage {
  min-height: 6px;
  background-color: #d9d9d9;
  min-width: 6px;
  border-radius: 50%;
}
.meowoff-bg {
  padding: 40px 0px;
  background-image: url("../images/meowoff-bg.png");
  background-size: cover;
}
.loginbtn {
  color: white;
  background: var(--btnprimarycolor);
  color: white;
}
.loginbtn:hover {
  background: var(--btnprimarycolorHover);
  color: white;
}
.pinkbtn {
  background: var(--btnprimarycolor);
  color: white;
}
.pinkbtn:hover {
  background: var(--btnprimarycolorHover);
  color: white;
}
.border-left {
  border-left: 10px solid var(--btnprimarycolor);
  border-radius: 10px;
}
.pink-bg {
  background-color: #eddeec;
}
.hero-dropdown {
  background: #eddeec;
  width: 100%;
}
.hero-dropdown:hover {
  background: #eddeec;
}
.mainsrachfile {
  border: none;
}
@media (max-width: 992px) {
  .sIcon{
    top: 40px !important;
  }

    .mainsrachfilemain input {
    border: 2px solid #a658a2 !important;
    }
  .hero-dropdown {
    width: 100%;
  }
  .pinkbtn {
    width: 100%;
  }
  .mainsrachfile {
    border: 1px solid;
    border-radius: 30px !important;
  }
}
.hero-heading {
  font-size: 52px;
}
.hero-subheading {
  font-size: 50px;
  color: var(--btnprimarycolor);
}
.hero-para {
  width: 700px;
}
.catdog-para {
  width: 545px;
}
.dog-like-svg {
  top: 18px;
  right: 18px;
}
.mainhomecardtext{
    font-size: 15px;
    line-height: 25.91px !important;
}
.mainhomecardtext strong{
    font-weight: 500 !important;
}
.dog-like-svg:hover .svg-fill {
  fill: var(--btnprimarycolorHover);
}
.dog-like-svg:hover .svg-white {
  fill: white;
}
.date-badge {
  top: 5%;
  right: 0%;
}
.date {
  top: 5%;
  right: 7%;
  color: white;
}
.cards-event {
  top: -20%;
  left: 10%;
}

.dog-price {
  color: var(--btnprimarycolor);
  font-size: 18px;
}
.services-bg {
  background-color: #eddeec4d;
}
.pink {
  color: var(--btnprimarycolor) !important;
  font-weight: bold;
}
.custom-dropdown-toggle::after {
  display: none !important;
}
.badge-color {
  background-color: #fff3f4;
  color: var(--btnprimarycolor);
}

.meowoff-container {
  background-color: #eddeec;
  border-radius: 30px;
}
.footer-bg {
  color: white;
}
.social-btnTwo{
  width: 260px;
}
.social-btn-footer {
  width: 130px;
}

.footer-nav {
  line-height: 40px;
}
.footer-last-div {
  background-color: #2a292e;
}
.blog-header {
  background: url("../images/blogHeaderImage.png");
  background-size: 100% 100%;
}
.view-all {
  font-family: Rethink Sans;
  font-weight: 400;
  font-size: 16px;
}
.pagination-hover :hover {
  background-color: #eddeec;
  color: var(--btnprimarycolorHover);
}
.blog-desc {
  border: 1.15px solid #ebe3cc;
  padding: 25px;
}
.comments-bg {
  background-color: #f7f7f7;
}

/* AYOUB MODALS CSS */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.category {
  background: url("../images/chose cate.png") no-repeat center;
  background-size: 100% 100%;
  height: 90vh;
}
.custom-close-btn {
  background-color:var(--CloseBtn);
  color: #ffffff;
  border: none;
  opacity: 1;
  position: absolute;
  right: 10px;
  padding: 0px 5px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}
.custom-close-btn-ad {
  background-color: rgba(33, 18, 32, 1);
  color: #ffffff;
  border: none;
  opacity: 1;
  position: absolute;
  left: 90%;
  padding: 5px 10px;
  border-radius: 50%;
}
 
.foundpet-btn {
  font-size: 16px;
  font-weight: 500;
  background-color:var(--btnprimarycolor);
  color: rgba(255, 255, 255, 1);
  border: 2px solid  transparent;
}
.lostpetbtn {
  font-size: 16px;
  font-weight: 500;
  border: 2px solid  var(--btnprimarycolor);
  color: var(--btnprimarycolor);
}
.foundpet-btn:hover {
  border: 2px solid  var(--btnprimarycolor);
  color: var(--btnprimarycolor);
}
.lostpetbtn:hover {
    background-color:var(--btnprimarycolorHover);
    color: rgba(255, 255, 255, 1);
}
.label-text {
  font-size: 18px;
  font-weight: 500;
  color: rgba(33, 18, 32, 1);
}
.titleinput {
  border: 1.81px solid  #EDDEEC;
}
.titleinput:focus{
    box-shadow: none;
    outline: none;
  border: 1.81px solid  var(--btnprimarycolorHover);
}
.titleinput::placeholder {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: rgba(153, 157, 160, 1);
}
.form-check-input:checked {
  background-color: rgba(166, 88, 161, 1);
  border-color: rgba(166, 88, 161, 1);
}
.form-check-label {
  color: rgba(153, 157, 160, 1);
}
.form-check-input[type="radio"]:checked + .form-check-label {
  color: rgba(33, 18, 32, 1);
}

.found input{
    border:1.81px solid  #EDDEEC;
}
.found input:focus{
     outline: none;
     box-shadow: none;
}
.found input:hover {
  border: 1.81px solid rgba(166, 88, 161, 1);
}
.search-icon {
  position: absolute;
  top: 8px;
  left: 10px;
}
.search-icon i {
  color: rgba(166, 88, 161, 1);
  font-size: 18px !important;
}
.searchin input{
    border:1.81px solid  #EDDEEC !important;
    width: 100%;
}
.btn-collar {
  background: rgba(237, 222, 236, 1);
  border:1.81px solid  rgba(237, 222, 236, 1);
  border-radius: 30px;
  color: #211220 !important;

}
.btn-collar option{
    background-color:var(--selectoptionbg);
    color: var(--selectoptionText);



}
.btn-collar option:hover{
    color: var(--selectoptionTextHover) !important;
    background-color: transparent !important;
}
.btn-collar:focus{

  border:1.81px solid var(--btnprimarycolorHover);
  box-shadow: none;
}
.btn-collar:hover {
  background: rgba(237, 222, 236, 1);
  border:1.81px solid var(--btnprimarycolorHover);
}


.drop-zone {

  max-width: 100%;
  height: 150px;
  padding: 10px;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #cccccc;
  background-color: rgba(245, 239, 231, 1);
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}
input[type="file"] {
  display: none;
}
.uploadimage {
  width: 700px;
}
.basicinfo {
  width: 700px;
}
.descript-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.09em;
  text-align: left;
  color: rgba(153, 157, 160, 1);
}

/*  */
.petsale {
  background-color: rgba(24, 156, 171, 0.08);
  border-right: 5px solid rgba(153, 157, 160, 1);
}
.petsale h4 {
  color: rgba(153, 157, 160, 1);
}
.petsale h5 a {
  color: rgba(153, 157, 160, 1);
}
.petsale p {
  color: rgba(153, 157, 160, 1);
}
.sale2 {
  background-color: rgba(24, 156, 171, 0.08);
}
.sale2 p {
  font-size: 18px;
  font-weight: 500;
  color: rgba(6, 45, 62, 0.84);
}
.selact {
  background-color: rgba(237, 222, 236, 0.5);
  padding: 4px 12px;
}
.dropbotn {
  border: 1px solid rgba(191, 185, 191, 0.5);
  outline: none;
}
.iconsort {
  position: absolute;
  left: 90%;
}
.dropdown-menu {
  background-color: rgba(33, 18, 32, 1);
}
.dropdown-menu li a {
  color: rgba(255, 255, 255, 1);
}
.dropdown-menu li a:hover {
  background-color: transparent;
  color: rgba(166, 88, 161, 1);
}
.add {
  background-color: rgba(237, 222, 236, 1);
  position: absolute;
  top: 4px;
  left: 75%;
  padding: 2px 10px;
  color: rgba(166, 88, 161, 1);
}
.add a {
  color: rgba(166, 88, 161, 1);
}
.upload-btn {
  background-color: rgba(255, 72, 128, 1);
  font-size: 16px;
  font-weight: 500;
  color: rgba(251, 252, 255, 1);
}
.upload-btn:hover {
  background-color: rgba(255, 72, 128, 1);
  color: rgba(251, 252, 255, 1);
}
.dogcat-font {
  font-family: Rethink Sans !important;
  font-weight: 600;
  font-size: 25px;
}
.dogSpace{
  padding-top: 130px !important;
}
.dogTextP{
  font-family: Rethink Sans;
  font-weight: 600 !important;
  /* font-size: 40px !important; */
}
.mobiles-font{
  font-family: Josefin Sans !important;
  font-weight: 400;
  font-size: 29px !important;
}


@media screen and (min-width: 320px) {
  .svg {
    width: 170px;
  }
  .meowoff-bg {
    padding: 40px 10px;
  }
  .hero-para {
    width: 300px;
    font-size: 12px;
  }
  .hero-dropdown {
    background: #eddeec;
  }
  .hero-heading {
    font-size: 21px;
  }
  .hero-subheading {
    font-size: 20px;
    color: var(--btnprimarycolor);
  }
  .catdog-para {
    width: 300px;
    font-size: 14px;
  }
  .social-btn {
    width: 130px;
  }
  .cards-event {
    top: -25%;
    left: 2%;
  }
  .card-border {
    border-radius: 40px;
  }
  .mobiles-font {
    padding-top: 20px;
    font-size: 16px;
    line-height: 25px;
  }
  .footer-bg {
    margin-top: 30px;
    background-size: cover;
    background-image: url("../images/footerbg.png");
    object-fit: cover !important;
    /* height: 100% !important; */
    background-repeat: no-repeat;
    background-position-x: 61%;
  }
  .blog-heading {
    font-size: 18px;
  }
  .breadcrumb-nav {
    font-weight: 600;
    font-size: 10px !important;
    padding: 5px;
  }
  .blog-published {
    font-size: 14px !important;
  }
  .blog-card-heading {
    font-size: 15px !important;
  }
  .small-image {
    min-width: 111px;
  }
  .big-right-images {
    min-width: 150px;
  }
  .big-image-list ul {
    height: auto;
    width: 709px;
  }
  .small-image-list ul {
    width: 709px;
    height: auto;
  }
}

@media screen and (min-width: 450px) {
  .hero-para {
    width: 500px;
    text-align: justify;
  }
  .hero-dropdown {
    background: #eddeec;
  }
  .hero-heading {
    font-size: 16px;
    text-align: left;
  }
  .hero-subheading {
    font-size: 25px;
    color: var(--btnprimarycolor);
  }
  .social-btn {
    width: 170px;
  }
  .mobiles img {
    width: 400px !important;
  }
}

@media screen and (min-width: 576px) {
  .hero-dropdown {
    background: #eddeec;
  }
  .hero-heading {
    font-size: 30px;
  }
  .hero-subheading {
    font-size: 30px;
    color: var(--btnprimarycolor);
  }
  .social-btn {
    width: 200px;
  }
  .cards-event {
    top: -20%;
    left: 10%;
  }
  .mobiles-font {
    padding-top: 30px;
    font-size: 20px;
    line-height: 40px;
  }
  .footer-bg {
    margin-top: 30px;
    background-size: cover;
    background-image: url("../images/footerbg.png");
    background-repeat: no-repeat;
    background-position-x: 65%;
  }
  .blog-heading {
    font-size: 22px;
  }
  .breadcrumb-nav {
    font-weight: 600;
    font-size: 14px !important;
    padding: 5px;
  }
  .blog-published {
    font-size: 16px !important;
  }
  .blog-card-heading {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 768px) {

  .social-btn {
    width: 250px;
  }
  .hero-heading {
    font-size: 30px;
  }
  .hero-subheading {
    font-size: 30px;
    color: var(--btnprimarycolor);
  }
  .cards-event {
    top: -17%;
    left: 10%;
  }

  .mobiles-font {
    padding-top: 30px;
    font-size: 23px;
    line-height: 40px;
  }
  .mobiles img {
    width: 450px !important;
  }
  .border-right {
    border-right: 2px solid var(--btnprimarycolor);
  }
  .big-image-list ul {
    width: auto;
    height: 400px;
  }
  .product-image {
    display: block;
  }

  .product-image img.active {
    display: block;
    margin-bottom: 0.75rem;
  }

  .image-list img {
    width: 100%;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

  .image-list img:hover {
    opacity: 0.7;
  }
  .big-image-list ul {
    height: auto;
    width: 709px;
  }
}

@media screen and (min-width: 992px) {
  .hero-heading {
    font-size: 40px;
  }
  .hero-subheading {
    font-size: 35px;
    color: var(--btnprimarycolor);
  }
  .card-border {
    border-radius: 50px 45px 20px 140px;
  }
  .cards-event {
    top: -20%;
    left: 10%;
  }
  .dogcat-font {
    font-size: 25px;
  }
  .mobiles-font {
    padding-top: 30px;
    font-size: 33px;
    line-height: 40px;
  }
  .mobiles {
    top: -90px;
    right: 60px;
  }
  .blog-heading {
    font-size: 26px;
  }

  .breadcrumb-nav {
    font-weight: 600;
    font-size: 16px !important;
    padding: 5px;
  }
  .big-right-images {
    width: 150px;
  }
  .big-image-list ul {
    height: 400px;
    width: 100%;
  }
}
.footer-last-div {
  position: relative;
  padding-left: 190px !important;
  color: #f8f9fa; /* text-light color */
  border-top: 1px solid #6c757d; /* border-secondary color */
}

.footer-last-div::before,
.footer-last-div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Full viewport width */
  height: 1px;
  background-color: #3B3C3E; /* border-secondary color */
}

.footer-last-div::after {
  top: auto;
  bottom: 100%; /* Position the line above the div */
}

.hero-paragrapgh{
    font-size: 20px;
}

@media screen and (min-width: 1400px) {
    .hero-heading {
      font-size: 65px;
      font-family: Rethink Sans;
      font-weight: 400;


    }
}
@media screen and (min-width: 1200px) {
  .hero-heading {
    font-size: 55px;
    font-family: Rethink Sans;
    font-weight: 400;



  }
  .hero-subheading {
    font-size: 50px;
    color: var(--btnprimarycolor);
    font-family: Rethink Sans;
    font-weight: 400;
  }

  .footer-bg {
    margin-top: 30px;
    background-size: cover;
    background-image: url("../images/footerbg.png");
    object-fit: cover !important;
    height: 450px !important;
    background-repeat: no-repeat;
    /* background-position-x: 61%; */
  }
  .big-right-images {
    width: 100%;
  }
  .big-image-list ul {
    height: 400px;
    width: 100%;
  }
}

/* ##############> Profile Css Start <###############  */

.profilepagemain h3 {
  color: #211220;
  font-weight: 600;
}
.tabsnavlink {
  color: black !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: black !important;
  font-weight: 600;
  background-color: #eddeec;
}

.aboutprifle {
  background-color: white;
  border-radius: 12px;
}
.aboutprifle h4,
p {
  color: #211220;
}
.editprofilebtn button {
  background-color: #a558a0;
  color: white;
  font-weight: 600;
  border-radius: 30px;
  transition: 0.3s;
}
.editprofilebtn button:hover {
  border:2px solid #9b4095;
  color: #9b4095 !important;
  font-weight: 600;
  border-radius: 30px;
}
.editprofilebtndelet button {
  background-color: #e91d1d;
  color: white;
  font-weight: 600;
  border-radius: 30px;
  transition: 0.3s;
}
.editprofilebtndelet button:hover {
  background-color: #b73a3a;
  color: white;
  font-weight: 600;
  border-radius: 30px;
}  
  

 
.edit-btn:hover .edit-icon {
  color: #9b4095; 
}




/* .mainprofilebanner {
  position: relative;
} */
.mainprofileimg img {
  width: 100%;
  height: 60vh;
}

.bennercontentmain {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 8px;
  background-color: white;
}

.starsset {
  width: 20px !important;
}
.probansocial {
  font-size: 23px;
  padding: 10px;
}

/* .mainprofilebanner {
  background: url("../images/profilehero.png");
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 50vh;
} */
.profilebnsect {
  position: absolute;
  bottom: 10px;
}

.profileformsetting label {
  font-weight: 600;
  padding-bottom: 8px;
}
.profileformsetting input {
  padding: 10px;
  background-color: #efefef;
}
.profileformsetting input:focus {
  padding: 10px;
  background-color: #efefef;
  outline: none;
  box-shadow: none;
  border: none;
}
.signUp:hover{ 
  color: #a558a0 !important;
  border-bottom: 2px solid #a558a0 !important ;
}

.form-check-input:checked {
  background-color: #a558a0 !important;
  border-color: #a558a0 !important;
}
.myExpertise{
  font-family: Rethink Sans !important;
  font-weight: 500;
  font-size: 23px !important;
}
.myExpertisePara{
  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #211220B2 !important;
}

.form-check-label {
  color: #999da0;
}
.profilePic{
  height: 150px;
  width: 150px;
  object-fit: cover !important;
  border-radius: 50%;
}
.profileImage{
  border-radius: 50% !important;
}
.userName{
  font-family: Rethink Sans !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color:#211220 !important;
  
}
.userEmail{
  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  color: #21122099 !important;
  font-size: 19px !important;
}
.form-check-input:checked + .form-check-label {
  font-weight: 600;
  color: black;
}
.ol,
ul {
  padding-left: 0px;
}
@media (max-width: 992px) {
  /* .mainprofilebanner {
    background: url("../images/profilehero.png");
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
  } */
  .profilebnsect {
    position: static;
  }
}
@media (max-width: 330px) {
  .latestAdHeading{
   font-size: 20px !important
  }
}
/* ##############> Profile Css End   <###############*/

@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@500&display=swap");

.custom-background {
  position: relative;
  width: 100%;
  /* max-width: 1640.92px; */
  height: 88px;
  /* height: auto; */
  padding: 0px 27px 0px 38.92px;
  border-radius: 11px;
  background: #eddeec;
  display: flex;
  align-items: center;
}
.custom-shape {
  position: absolute;
  width: 14.03px;
  height: 88px;
  /* height: auto; */
  top: 0;
  left: 0;
  border-radius: 11px 0px 0px 11px;
  background: var(--btnprimarycolor);
}

.custom-text {
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #211220b2;
}

@media (max-width: 458px) {
  .custom-text {
    font-size: 9px !important;
  }
}

.path {
  width: 100%;
  /* border: 1px solid #828282 !important; */
  border: 1px solid #e8e6e6 !important;
}

.custom-input {
  /* width: 100%;
   max-width: 310px; */
  height: 40px;
  padding: 14px 50px 14px 30px;
  border-radius: 42px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 22px; */
  font-weight: 400;
  line-height: 59px;
  letter-spacing: -0.05em;
  text-align: left;
  color: #989898 !important;
}

.custom-input::placeholder {
  font-family: "Rethink Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 59px;
  letter-spacing: -0.05em;
  text-align: left;
  color: #989898;
}

.custom-button {
  background-color: var(--btnprimarycolor);
  color: white;
  border: none;
  /* padding: 14px 30px;  */
  padding: 10px 16px;
  border-radius: 42px;
  font-family: "Rethink Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

.custom-button:hover {
  background-color: #924790;
}
/* <!-- Main cards --> */

.cust-card-img {
  height: 100%;
  width: 100%;
  border-radius: 12px !important;
}

.cust-card-pub {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 23.81px;
  color: #8ea49c !important;
}

.custom-card {
  background: #fbfcff;
  box-shadow: 0px 1px 25px 6px #0000000d;
  border: none;
}
.custom-cardTwo {
  background: #fbfcff;
  box-shadow: 0px 1px 25px 6px #0000000d;
  border: none;
}

.image-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.overlay-rectangle {
  position: absolute;
  width: 89.22px;
  height: 60px;
  top: 10px;
  right: 16px;
  border-radius: 6px;
  background: #c6aa58;
  opacity: 1;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  text-align: center;
}

.img-rect1,
.img-rect2 {
  margin: 0;
  font-family: "Rethink Sans", sans-serif;
  color: #fbfcff;
}

.img-rect1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.img-rect2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.cust-title-end {
  font-weight: 700;
  color: var(--btnprimarycolor);
}

.small-txt {
  font-family: "Rethink Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #8ea49c;
  display: flex;
  align-items: center;
  /* text-align: center;  */
}

@media (max-width: 380px) {
  .small-txt {
    font-size: 8.6px !important;
  }
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8ea49c;
  /* background-color: black; */
  /* margin: 0 10px; */
  align-items: center !important;
  text-align: center;
  margin-left: 10px;
}
.paraR{
  color: #211220 !important;
  font-weight: 500 !important;
  font-family: Rethink Sans !important;
  font-size: 27px !important;
}

.cust-para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
  text-align: left;
  color: #211220;
}

.btn-endcard-cust {
  border: 0.72px solid var(--btnprimarycolor);
  background: #eddeec;
  border-radius: 19.57px;
  color: var(--btnprimarycolor);
  font-family: "Rethink Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 17.39px;
  text-align: center;
  padding: 10px 16px;
  max-width: 129.94px;
  width: 100%;
  height: 36.24px;
}
.btn-endcard-cust:hover {
  border: 0.72px solid var(--btnprimarycolor);
  background: var(--btnprimarycolor);
  border-radius: 19.57px;
  /* color: var(--btnprimarycolor); */
  font-family: "Rethink Sans", sans-serif;
  color: white !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 17.39px;
  text-align: center;
  padding: 10px 16px;
  max-width: 129.94px;
  width: 100%;
  height: 36.24px;
}


.circle {
  /* width: 57px;
   height: 57px; */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #d9d9d98f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.heart-icon {
  color: black;
}

/* <!-- right side of cards --> */

.rectangle-container {
  /* padding: 23px 34px 26px 35px; */
  padding: 12px 11px 17px 11px;
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
  max-height: 590px;
  overflow-y: auto;
}

.rectangle-container::-webkit-scrollbar {
  width: 6px;
  height: 20px;
  border-radius: 11px;
  background: white;
}

.rectangle-container::-webkit-scrollbar-thumb {
  background: #d9d9d9c9;
  border-radius: 11px;
}

.filtr-heding {
  font-family: "Rethink Sans", sans-serif;
  font-weight: 600;
  line-height: 41.66px;
  text-align: left;
  color: var(--btnprimarycolor);
}

.filtr-below {
  font-family: "Rethink Sans", sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 28.64px;
  text-align: left;
}

.form-check-input {
  border: 1px solid var(--btnprimarycolor);
}

.form-check-input:checked {
  border: 3.14px solid var(--btnprimarycolor);
}

.custom-input1 {
  border-radius: 42px;
  border: 1px solid #ebe3cc;
  background: #fbfcff;
}

.custom-button1 {
  border-radius: 25px;
  border: 0.93px;
  background: #fbfcff;
  border: 0.93px solid #ebe3cc;
  /* padding: 10px 16px; */
  width: 100%;
  /* max-width: 118.22px; */
  /* height: 47.48px; */
  opacity: 0px;
  max-width: 80.22px;
  height: auto;
}

.corner-heading {
  font-family: "Rethink Sans", sans-serif;
  font-size: 22.42px;
  font-weight: 500;
  line-height: 36.99px;
  text-align: left;
  color: #211220;
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.small-square {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid var(--btnprimarycolor);
  background-color: #fbfcff;
}

.small-square-btn {
  width: 100%;
  max-width: 48px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid var(--btnprimarycolor);
  background-color: #fbfcff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999da0;
  font-family: "Rethink Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  cursor: pointer;
}
.foundpet-btn .svg-icon path {
  fill: currentColor;
}
.foundpet-btn:hover .svg-icon path {
  fill: currentColor;  
}


 .inputFieldTwo{
  background: none !important;
 }
.small-square-btn:hover {
  background-color: #eddeec;
  color: var(--btnprimarycolor);
}

.small-square-btn.active {
  background-color: #eddeec;
  color: var(--btnprimarycolor);
}

.sal-head {
  font-family: "Rethink Sans", sans-serif;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.font-c {
  font-family: "Rethink Sans";
}

.form-check-input:checked {
  background-color: var(--btnprimarycolor) !important;
  border-color: var(--btnprimarycolor) !important;
}

.formainsetting input {
  background: transparent !important;
}
.formainsetting {
  background-color: #e1e5ea;
  padding: 10px;
  border-radius: 15px;
}

/* ########################### > Pages Css Start <###################  */

@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@500&display=swap");

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.row .col-2 img {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 117.28px;
  height: 111px;
  border: 1.2px;
  opacity: 0px;
  border: 1.2px solid var(--btnprimarycolor);
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}

.btn-number {
  border: transparent;
  border-radius: 42px;
  background: #eddeec99;
  font-family: "Rethink Sans", sans-serif;
  line-height: 35.99px;
  text-align: center;
  color: #211220;
  max-width: 270px !important;
  width: 100%;
}
.btn-number:hover {
  border: transparent;
  border-radius: 42px; 
  font-family: "Rethink Sans", sans-serif;
  line-height: 35.99px;
  text-align: center;
  max-width: 270px !important; 
  font-size: 16px; 
    font-weight: 500;
    background-color: var(--btnprimarycolor);
    color: rgba(255, 255, 255, 1);
    border: 2px solid transparent;
}

.endbtn-cardlost {
  background: var(--btnprimarycolor);
  max-width: 270px !important; 
  width: 100%;
  border: transparent;
  border-radius: 42px; 
  font-family: "Rethink Sans", sans-serif; 
  font-weight: 500;
  line-height: 35.99px;
  text-align: center;
}
.endbtn-cardlost:hover {
  border: 2px solid  var(--btnprimarycolor);
  color: var(--btnprimarycolor);
  background: #eddeec99 !important;
}

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 26px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 33.06px;
  /* font-weight: 500; */
  /* line-height: 58.67px; */
  /* text-align: center; */
  color: var(--btnprimarycolor);
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.boost-ad-btn {
  width: 135px;
  border-radius: 19px;
  background: #34a853;
  font-family: "Rethink Sans", sans-serif;
  font-size: 18px;
  cursor: pointer;
  margin-top: 20px;
  margin-left: -100px;
  border: none;
}

.boost-ad-btn:hover {
  background: white;
  border: 1px solid #34a853;
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
  background: transparent !important;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}

.greytext-table {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  color: #999da0 !important;
  font-size: 20px;
  background: transparent !important;
  font-weight: 500;
  border: none !important;
}

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.boardingimg-cust {
  /* width: 1110px; */
  /* height: auto; */
  height: 468px;
  /* border-radius: 9px; */
}

.boardinghead-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 21px;
}

.write-review-btn {
  width: 205.92px;
  height: 43.74px;
  border-radius: 19px;
  background: var(--btnprimarycolor);
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 29.95px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

.write-review-btn:hover {
  background: white;
  border: 1px solid var(--btnprimarycolor);
  color: var(--btnprimarycolor) !important;
}

.lost-h1 {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  font-size: 20px;
}

.cust-cmnt-card {
  border: none;
}

.cmnt-card-date {
  /* background: #FFFFFF !important; */
  font-family: "Rethink Sans";
  font-size: 13.5px;
  /* font-weight: 600; */
  line-height: 28.77px;
  color: #858585;
}

.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}

.circle-container-cmnt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}

.cmnt-circle {
  width: 37.78px;
  height: 37.78px;
  background: #dddee5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5465ff;
  font-weight: 500;
  font-size: 16px;
  opacity: 0.8;
}

.cmntcircle-text-black {
  font-family: "Rethink Sans";
  font-size: 16px;
  font-weight: 500;
  line-height: 25.89px;
  text-align: center;
  color: #0d0c22;
}

.random-comment {
  margin-top: 10px;
  color: white;
}

.comment-section {
  margin-top: 20px;
  color: #211220;
}

.comment-section textarea {
  width: 100%;
  height: 80px;
  /* padding: 10px; */
  border-radius: 5px;
  border: 1px solid transparent;
}

textarea::placeholder {
  font-family: "Rethink Sans";
  /* font-size: 22px; */
  font-weight: 500;
  line-height: 25.89px;
  color: #0d0c22;
  font-size: 16px;
}

.cmnt-belowline {
  width: 100%;
  max-width: 1006.87px;
  height: 3.09px;
  background: #f8f7f4;
}

/* cat ad description */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.card-top-img-cust {
  width: 105.89px !important;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}
 

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 26px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 33.06px;
  /* font-weight: 500; */
  /* line-height: 58.67px; */
  /* text-align: center; */
  color: var(--btnprimarycolor);
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 16px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}
 

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.latest {
  font-family: "Rethink Sans";
}

@media (max-width: 768px) { 
  
  .cust-icon-margin {
    margin-left: 5px !important;
    font-size: 10px !important;
    font-weight: 500;
  }
  .footer-last-div {
    position: relative;
    padding-left: 0px !important;
    text-align: center;
    color: #f8f9fa; /* text-light color */
    border-top: 1px solid #6c757d; /* border-secondary color */
  }
 
}
/* @media (max-width: 600px) { 
  .circledogs{
    width: 9% !important;
  }
} */
 
@media (max-width: 400px) { 
  .circledogs{
    width: 14% !important;
  }
  .sIcon{
    top: 43px !important;
  }
}
 
/* Dog ad Descritpion Start  */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}
 

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 26px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 33.06px;
  /* font-weight: 500; */
  /* line-height: 58.67px; */
  /* text-align: center; */
  color: var(--btnprimarycolor);
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}
 

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

/* Cat Profile Start  */

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
  /* height: 100vh; */
  object-fit: cover !important;
  background-repeat: no-repeat !important;
  min-height: 100vh !important;


}
.Regmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
  height: 100%;
}


.inputs-container {
  background-color: rgb(19, 18, 18);
  width: 100%;
  border-radius: 15px;
}

.paraLogin{
  color: #211220 !important;
  font-family: Rethink Sans !important;
  font-weight: 500 !important;
  font-size: 30px !important;
}
.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;
  padding-top: 10px;
}

.head-1 {
  font-size: 25px;
  font-weight: 600 !important;
  font-family:Rethink Sans !important;
}
.headLogin{
  color: #FFFFFF !important;
  font-family: Rethink Sans !important;
  font-weight: 500 !important;
  font-size: 25px !important;
}
.labelP{
  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  color: #FBFCFF !important;
  font-size: 12px !important;
}

.form-control {
  border-radius: 30px;
  padding-block: 7px;
}

.custom-btn {
  background-color: rgba(166, 88, 161, 1);

  border-radius: 25px;
  border: none;
  cursor: pointer;
  color: #FBFCFF !important;
  font-family: Rethink Sans !important;
  font-size: 18px !important;
}
.custom-btnTwo {
  background-color:var(--btnprimarycolor);
  border-radius: 30px;

  border: none;
  cursor: pointer;
  color: #FBFCFF !important;
  font-family: Rethink Sans !important;
  font-size: 18px !important;

  padding-block: 10px;

}
.custom-btnTwo:hover {
  background-color: rgba(166, 88, 161, 1) !important;

  border: none;
  color: #FBFCFF !important;
  font-family: Rethink Sans !important;
  font-size: 18px !important;
}
.custom-btn:hover {
  background-color: rgba(166, 88, 161, 1) !important;
  border-radius: 25px;
  border: none;
  color: #FBFCFF !important;
  font-family: Rethink Sans !important;
  font-size: 18px !important;
}
.forgetText{
  /* color: rgba(252, 239, 226, 0.56); */
  color: #FCEFE2;
  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.forgetTextq{
  color: rgba(252, 239, 226, 0.56) !important;

  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.input-container {
  position: relative;
  width: 100%;
  border-radius: 30px;
}



.input-container input {
  padding-left: 40px;
  /* Adjust padding to fit the icon inside */
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
  /* Adjust padding to fit the icon inside */
}

.Forgot {
  /* color:rgba(252, 239, 226, 0.56); */

  color: #FCEFE2;
  font-size: 15px;

  font-family: Rethink Sans !important;
  font-weight: 400 !important;

}

.recaptcha-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  padding: 10px;
  border-radius: 5px;
  max-width: 100%;
  margin: 20px auto;
}

.recaptcha-checkbox {
  margin-right: 10px;
}

.recaptcha-logo {
  margin-left: 170px;
}

.Robot {
  color: rgba(95, 97, 101, 1);
  /* font-weight: 400; */
}

.black-placeholder::-webkit-input-placeholder {
  color: black;
  font-family: Rethink Sans !important;
  font-size: 700 !important;
}

.black-placeholder::-moz-placeholder {
  color: black;
}

.black-placeholder:-ms-input-placeholder {
  color: black;
}

.black-placeholder:-moz-placeholder {
  color: black;
}

.btn-skip-custom {
  border: 2px solid rgba(166, 88, 161, 1);
  /* Custom border color */
  border-radius: 25px;
  height: 50px;
  width: 100%;
}
.cattery {
  font-size: 16px;
}

@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: auto;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
  }
}

/* #################> Descritopn Page Start <###############  */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}
 

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 25px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 33.06px;
  /* font-weight: 500; */
  /* line-height: 58.67px; */
  /* text-align: center; */
  color: var(--btnprimarycolor);
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}
 

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.latest {
  font-family: "Rethink Sans";
}

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
  /* height: 100vh; */
  object-fit: cover !important;
  background-repeat: no-repeat !important;
}


.inputs-container {
  background-color: rgb(19, 18, 18);
  width: 100%;
  border-radius: 15px;
}

.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;

  /* padding-left: 10%; */
  padding-top: 10px;
}


.form-control {
  border-radius: 9px;
}

.input-container {
  position: relative;
  width: 100%;
  border-radius: 30px;
}



.input-container input {
  padding-left: 40px;
  /* Adjust padding to fit the icon inside */
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
  /* Adjust padding to fit the icon inside */
}


.recaptcha-checkbox {
  margin-right: 10px;
}

.recaptcha-logo {
  margin-left: 170px;
}

.Robot {
  color: rgba(95, 97, 101, 1);
  /* font-weight: 400; */
} 
.btn-skip-custom {
  border: 2px solid rgba(166, 88, 161, 1);
  /* Custom border color */
  border-radius: 25px;
  height: 50px;
  width: 100%;
}
.cattery {
  font-size: 16px;
}

@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: auto;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
  }
}

/* #################> Descritopn Page End   <###############*/

/* Found Page Start  */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
} 

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  font-family: "Rethink Sans", sans-serif;
  line-height: 41.66px;
  text-align: left;
  font-size: 25.5px;
  font-weight: 500;
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

/* Login Page Start  */

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
  /* height: 100vh; */
  object-fit: cover !important;
  background-repeat: no-repeat !important;
}


.inputs-container {
  background-color: rgb(19, 18, 18);
  width: 100%;
  border-radius: 15px;
}


.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 30px;

  /* padding-left: 10%; */
  padding-top: 10px;
}




.custom-btn {
  background-color: rgba(166, 88, 161, 1);
  height: 45px;
}

.input-container {
  position: relative;
  width: 100%;
}

/* Login Page Icons  */
.input-container .locks {
    position: absolute;
    top: 14px !important;
    width: 30px;
    left: 10px;
    object-fit: cover !important;
    height: 22px !important;
    width: 16px !important;
  }
/* Login Page Icons  */

.input-container .lock {
  position: absolute;
  top: 12px;
  width: 30px;
  left: 10px;
  height: 22px;
  width: 25px;
  object-fit: cover !important;
}
.input-container .lockMessage {
  position: absolute;
  top: 14px;
  width: 30px;
  left: 10px;
  height: 22px;
  width: 25px;
  object-fit: cover !important;
}

 



.input-container input {
  padding-left: 40px;
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
}

@media (max-width: 1186px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: auto;
  }
}

@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: auto;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
  }
}

/*##############> Meowoolfost Start <########### */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13.59px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.row .col-2 img {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 117.28px;
  height: 111px;
  border: 1.2px;
  opacity: 0px;
  border: 1.2px solid var(--btnprimarycolor);
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  /* background: #EDDEEC; */
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}
 
.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  font-family: "Rethink Sans", sans-serif;
  line-height: 41.66px;
  text-align: left;
  font-size: 25.5px;
  font-weight: 500;
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

/* My Ad Start  */

.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.row .col-2 img {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 117.28px;
  height: 111px;
  border: 1.2px;
  opacity: 0px;
  border: 1.2px solid var(--btnprimarycolor);
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
} 

.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 25px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 33.06px;
  /* font-weight: 500; */
  /* line-height: 58.67px; */
  /* text-align: center; */
  color: var(--btnprimarycolor);
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
    font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}
 

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.ser-cust {
  font-weight: 500;
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 30px;
}

.oph-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.cust-cmnt-card {
  border: none;
}

.cmnt-card-date {
  /* background: #FFFFFF !important; */
  font-family: "Rethink Sans";
  font-size: 13.5px;
  /* font-weight: 600; */
  line-height: 28.77px;
  color: #858585;
}

.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}

.circle-container-cmnt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}

.cmnt-circle {
  width: 37.78px;
  height: 37.78px;
  background: #dddee5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5465ff;
  font-weight: 500;
  font-size: 16px;
  opacity: 0.8;
}

.cmntcircle-text-black {
  font-family: "Rethink Sans";
  font-size: 16px;
  font-weight: 500;
  line-height: 25.89px;
  text-align: center;
  color: #0d0c22;
}

.random-comment {
  margin-top: 10px;
  color: white;
}

.comment-section {
  margin-top: 20px;
  color: #211220;
}

.comment-section textarea {
  width: 100%;
  height: 80px;
  /* padding: 10px; */
  border-radius: 5px;
  border: 1px solid transparent;
}

textarea::placeholder {
  font-family: "Rethink Sans";
  /* font-size: 22px; */
  font-weight: 500;
  line-height: 25.89px;
  color: #0d0c22;
  font-size: 16px;
}

.cmnt-belowline {
  width: 100%;
  max-width: 1006.87px;
  height: 3.09px;
  background: #f8f7f4;
}

.write-review-btn {
  width: 205.92px;
  height: 43.74px;
  border-radius: 19px;
  background: #eddeeccc;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 28.82px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  color: #211220;
  border: 1px solid var(--btnprimarycolor)33;
}

.write-review-btn:hover {
  background: white;
  border: 1px solid var(--btnprimarycolor)33;
  color: var(--btnprimarycolor) !important;
}

.thought-h {
  font-family: "Rethink Sans";
  font-size: 28px;
  font-weight: 500;
  line-height: 49.48px;
}

/* My Profile Start  */

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;

  height: 100%;
  object-fit: cover !important;
  background-repeat:  no-repeat !important;
}

.inputs-container {
  background-color: rgb(19, 18, 18);
  width: 100%;
  border-radius: 15px;
}


.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;

  /* padding-left: 10%; */
  padding-top: 10px;
}

.form-control {
  border-radius: 9px;
}


.input-container {
  position: relative;
  width: 100%;
  border-radius: 30px;
}



.input-container input {
  padding-left: 40px;
  /* Adjust padding to fit the icon inside */
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
  /* Adjust padding to fit the icon inside */
}

.recaptcha-checkbox {
  margin-right: 10px;
}
.recaptcha-logo {
  margin-left: 170px;
}
.Robot {
  color: rgba(95, 97, 101, 1);
  /* font-weight: 400; */
}

@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: 100%;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
  }

  @media (max-width: 360px) {
    .recaptcha-logo {
      margin-left: 132px !important;
    }
  }
}

/* Services Page start  */

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
   height: 100%;
  object-fit: cover !important;
}


.inputs-container {
  background-color: rgb(19, 18, 18);
  width: 100%;
  border-radius: 15px;
}

.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;

  /* padding-left: 10%; */
  padding-top: 10px;
}



.input-container {
  position: relative;
  width: 100%;
  border-radius: 30px;
}



.input-container input {
  padding-left: 40px;
  /* Adjust padding to fit the icon inside */
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
  /* Adjust padding to fit the icon inside */
}



@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: 100%;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
    object-fit: cover !important;
  }
}

.recaptcha-checkbox {
  margin-right: 10px;
}

.recaptcha-logo {
  margin-left: 170px;
}

.Robot {
  color: rgba(95, 97, 101, 1);
  /* font-weight: 400; */
} 
.btn-skip-custom {
  border: 2px solid rgba(166, 88, 161, 1);
  /* Custom border color */
  border-radius: 25px;
  height: 50px;
  width: 100%;
}
.custom-select option {
  background-color: black;
  color: white;
}

.custom-select option:first-child {
  font-weight: bold;
  color: rgba(166, 88, 161, 1);
}

.Loginmain {
  background: url("../images/loginbg.png");
  width: 100%;
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover !important;
}

.inputs-container {
  background-color:#211220;
  width: 100%;
  border-radius: 15px;
}

.heading {
  font-family: Rethink Sans !important;
  font-size: 50px;
  font-weight: 500;
  color: #211220 !important;
}

.para {
  font-family: "Rethink Sans", sans-serif;
  font-size: 25px;


  padding-top: 10px;
}


.input-container {
  position: relative;
  width: 100%;
  border-radius: 30px;
}
.input-container input{
  padding-block: 10px !important;

  border-radius: 30px;
}



.input-container input {
  padding-left: 40px;
  /* Adjust padding to fit the icon inside */
  font-weight: 500;
}

.input-container .form-control {
  padding-right: 30px;
  /* Adjust padding to fit the icon inside */
}



.recaptcha-checkbox {
  margin-right: 10px;
}

.recaptcha-logo {
  margin-left: 170px;
}

.Robot {
  color: rgba(95, 97, 101, 1);
  /* font-weight: 400; */
  padding-left: 15px;
} 

.btn-skip-custom {
  border: 2px solid rgba(166, 88, 161, 1);
  /* Custom border color */
  border-radius: 25px;
  height: 50px;
  width: 100%;
}

@media (max-width: 1150px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    height: auto;
    object-fit: cover !important;
  }
}

@media (max-width: 992px) {
  .Loginmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
    object-fit: cover !important;
  }
  .Regmain {
    background-image: url("../images/loginbg.png");
    background-size: cover;
    background-position: center;
    background-color: rgb(243, 194, 221);
    height: 100%;
  }
}
/* Shelter Page Start  */
.maintestbox {
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background-color: #4a4a4a;
}
.searchseemain{
    padding-block: 12px;
}
.mainsrachfile{

    width: 100%;
  color:black !important;
  outline: none !important;
  border: none !important;
}
.mainsrachfiletwo{

    width: 100%;
    color: #FFFFFF !important;
  outline: none !important;
  border: none !important;
}

.mainsrachfilemain input::placeholder{
    color:#211220  !important;
}
.mainsrachfile:focus{
  outline: none !important;
  border: 1px solid #a658a2 !important;
box-shadow: none;

}
.footerSignText{
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-family: Rethink Sans !important;
}
.mainsrachfiletwo::placeholder {
  color: #FFFFFF !important;
  font-family: Rethink Sans;
  font-weight: 400;
  font-size: 18px;
}
.foundDog{
  color: #211220 !important;
  font-weight: 600 !important;
  font-family: Rethink Sans !important;
  font-size: 17px !important;
}
.dogLocation{
 color: #5F6165 !important;
 font-family: Rethink Sans !important;
 font-weight: 400 !important;
 font-size: 15px;
}
.card-img-top{
  object-fit: cover !important;
  overflow: hidden !important;
  border-radius: 20px;
}
.crossHead{
  color: #211220 !important;
  font-weight: 600 !important;
  font-family: Rethink Sans !important;
  font-size: 24px !important;
}

/* Vet Ad Start  */
.pub-cust {
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  line-height: 23.81px;
  color: #989c9d;
}

.cust-icon-margin {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.big-image img {

  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 783px;
  /* height: 566px; */
  border-radius: 9px;
  opacity: 0px;
}

.small-images img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  max-width: 302px;
  height: 224px;
}

.row .col-2 img {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 117.28px;
  height: 111px;
  border: 1.2px;
  opacity: 0px;
  border: 1.2px solid var(--btnprimarycolor);
}

.card-top-img-cust {
  width: 105.89px;
  height: 106.89px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover;
}
.card-title-lost {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 39.03px;
  text-align: center;
  color: var(--btnprimarycolor);
}
.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}
.reviews {
  font-family: "Rethink Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 5px;
}

.reviews2 {
  font-family: "Rethink Sans";
  font-size: 13.5px;
  font-weight: 500;
  line-height: 19.41px;
  text-align: center;
  color: #5e6282;
  padding: 0 13px;
}

.subtitle-lost,
.card-text-lost {
  font-family: "Rethink Sans", sans-serif;
  text-align: center;
  color: #062d3ec2;
}
.subtitle-lost {
  /* font-size: 19.52px; */
  font-size: 14.4px;
  font-weight: 500;
  /* line-height: 33.46px; */
}
.card-text-lost {
  /* font-size: 22.3px; */
  font-size: 17px;
  font-weight: 500;
  /* line-height: 33.46px; */
}

.btn-customlost {
  font-family: "Rethink Sans", sans-serif;
  width: 100%;
  font-size: 12px;
  /* max-width: 157.52px; */
  max-width: 115.52px;
  height: 36px;
  /* padding: 1.39px 18.12px; */
  gap: 13.94px;
  border: transparent;
  border-radius: 12.55px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  background: #eeeeef;
  color: var(--btnprimarycolor);
}

.btn-customnxt {
  font-family: "Rethink Sans", sans-serif;
  /* font-family: Rethink Sans; */
  font-size: 26px;
  font-weight: 500;
  line-height: 35.99px;
  text-align: left;
  color: #211220;
  background: #eddeec;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 77px;
  /* padding: 21px 78px 20px 96px; */
  border: transparent;
  border-radius: 42px;
  opacity: 0px;
}

.btn-custom svg {
  margin-right: 5px;
}
 
.borderlost {
  border-radius: 15px;
  /* background: #FBFCFF !important; */
  border: 1px solid #c4c4c4;
}

.lost-h {
  color: #211220;
  font-family: "Rethink Sans", sans-serif;
  line-height: 36.66px;
  /* font-size: 25.5px; */
  font-size: 26px;
  /* font-weight: 600; */
}

.foundfive {
  font-family: "Rethink Sans";
  font-size: 19px;
  font-weight: 500;
  line-height: 28.64px;
  color: #211220;
}

.lost-report {
  width: 113px;
  height: 34px;
  border-radius: 25px;
  border: 1px solid var(--btnprimarycolor);
  opacity: 1;
  font-family: "Rethink Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation-duration: 0ms;
}

.lost-report:hover {
  background: #c5b3c4;
  color: white;
}

.cust-lostpara {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 14.2px;
  font-weight: 400; */
  line-height: 35px;
  text-align: left;
  color: #062d3ec2;
}

.custom-tab {
  background-color: none;
  border-bottom-width: transparent;
  box-shadow: none;
}

.leftside {
  color: var(--btnprimarycolor) !important;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.custo-imag {
  width: 100%;
  /* max-width: 244.17px; */
  /* height: 185.54px; */
}

.relaxcat-text1 {
  font-size: 18px !important;
  color: #999da0 !important;
  font-family: "Rethink Sans", sans-serif;
}

.relaxcat-text2 {
  font-family: "Rethink Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #211220;
}

.cust-lost-border {
  border: none;
}

.man-card {
  border: 1.16px solid var(--btnprimarycolor);
}

.rectangle-container2 {
  padding: 12px 11px 17px 11px;
  /* padding: 23px 34px 23px 34px; */
  border-radius: 11px;
  border: 1.16px solid var(--btnprimarycolor)69;
}

.cust-border {
  border: none;
}

.corner-cardtext {
  color: #999da0 !important;
  font-size: 13.49px;
  font-weight: 400;
}

.line {
  width: 100%;
  /* max-width: 425.34px; */
  height: 0px;
  border: 1.32px;
  opacity: 0.17px;
  /* border: 1.32px solid #707070 !important; */
  border: 1.32px solid #e2dddd !important;
}

.customize {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}

.lost-serviceads {
  font-family: "Rethink Sans", sans-serif;
  /* font-size: 26.42px; */
  font-size: 21px;
  line-height: 36.99px;
  /* color: #211220; */
}

.pinkfiv {
  color: #ff4880;
  font-family: "Rethink Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.green-verified {
  color: #34a853 !important;
}

.table.custom-tab tr,
.table.custom-tab td {
  border-bottom: none;
}

.micro-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.secondtable-cust {
  font-family: "Rethink Sans";
  line-height: 36.46px;
  font-size: 17px;
  font-weight: 500;
}
 

.blaktext-table {
  font-family: "Rethink Sans";
  font-size: 20px;
  font-weight: 500;
  line-height: 36.46px;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.cust-uk {
  font-family: "Rethink Sans";
  color: #5f6165 !important;
}

.tbl-txt {
  font-family: "Rethink Sans";
  color: #211220 !important;
}

.ser-cust {
  font-weight: 500;
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 30px;
}

.oph-cust {
  font-family: "Rethink Sans";
  line-height: 39.06px;
  color: #211220;
  font-size: 24px;
}

.cust-cmnt-card {
  border: none;
}

.cmnt-card-date {
  /* background: #FFFFFF !important; */
  font-family: "Rethink Sans";
  font-size: 13.5px;
  /* font-weight: 600; */
  line-height: 28.77px;
  color: #858585;
}

.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.stars svg {
  margin-right: 2px;
}

.circle-container-cmnt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}

.cmnt-circle {
  width: 37.78px;
  height: 37.78px;
  background: #dddee5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5465ff;
  font-weight: 500;
  font-size: 16px;
  opacity: 0.8;
}

.cmntcircle-text-black {
  font-family: "Rethink Sans";
  font-size: 16px;
  font-weight: 500;
  line-height: 25.89px;
  text-align: center;
  color: #0d0c22;
}

.random-comment {
  margin-top: 10px;
  color: white;
}

.comment-section {
  margin-top: 20px;
  color: #211220;
}

.comment-section textarea {
  width: 100%;
  height: 80px;
  /* padding: 10px; */
  border-radius: 5px;
  border: 1px solid transparent;
}

textarea::placeholder {
  font-family: "Rethink Sans";
  /* font-size: 22px; */
  font-weight: 500;
  line-height: 25.89px;
  color: #0d0c22;
  font-size: 16px;
}

.cmnt-belowline {
  width: 100%;
  max-width: 1006.87px;
  height: 3.09px;
  background: #f8f7f4;
}

.write-review-btn {
  width: 205.92px;
  height: 43.74px;
  border-radius: 19px;
  background: #eddeeccc;
  font-family: "Rethink Sans", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 28.82px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  color: #211220;
  border: 1px solid var(--btnprimarycolor)33;
}

.write-review-btn:hover {
  background: white;
  border: 1px solid var(--btnprimarycolor)33;
  color: var(--btnprimarycolor) !important;
}

.thought-h {
  font-family: "Rethink Sans";
  font-size: 28px;
  font-weight: 500;
  line-height: 49.48px;
}

/* ########################### > Pages Css End   <###################*/




.form-select {
    --bs-form-select-bg-img:none !important;

    -moz-appearance: auto;
    appearance: auto !important;

}

/* How It Works Start  */

.workcontent p{
    font-family: "Rethink Sans", sans-serif;

    font-weight: 400;
    line-height: 40px;
    color: #211220
  ;
  }
  .workcontent h3{
    font-family: "Rethink Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 50px;
  color: #211220
  ;
  }
  /* How It Works End  */


  /* contact Us Page Start  */


  .mewocontacyhead h6{
    font-family: "Rethink Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 60px;
  }
  .meocontact label{
    font-family: "Rethink Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 50px;
  }
  .meocontact  input{
    background-color: #F9E5F7;
  }
  .meocontact   textarea{
    background-color: #F9E5F7;
  }
  .meocontact   button{
    background-color: #A658A1;
    font-family: "Rethink Sans", sans-serif;
  font-weight:600;
  font-size: 22px;
  color: white;
  }
  .meocontact   button:hover{
    background-color: #A658A1;
    font-family: "Rethink Sans", sans-serif;
  font-weight:600;
  font-size: 22px;
  color: white;
  }
  /* Hide the default arrow */
.custom-selectTwo {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    padding-right: 30px; 
}
.custom-selectTwo option {
  background-color: black;
  color: white;
}

.custom-selectTwo option:first-child {
  font-weight: bold;
  color: rgba(166, 88, 161, 1);
}
 
.custom-dropdown-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;  
  font-size: 16px;
}


.para-customize {
  font-size: 12px;
  font-family:Rethink Sans !important;
  font-weight: 400 !important; 
  color: #FBFCFF !important;
}

.support-tex {
  font-weight: 700;
  font-size: 14px;
}
.completeReg{
  font-family: Rethink Sans !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
.CategoryR{
  font-family: Rethink Sans !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.black-placeholder{
  font-family: Rethink Sans !important;
  font-size: 400 !important;
}
.labelFont{
  font-family: Rethink Sans !important;
  font-weight: 400 !important;
  font-size: 17.72px !important;
}
.bold-placeholder::placeholder {
  font-weight: bold !important;
}

  /* contact Us Page End  */




  .custom-card {
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.cust-para {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
    transition: max-height 0.3s ease;
    max-height: 8em;
}

.cust-para.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.viewAdBottomTwo {
    margin-top: auto;
}

.read-more-btn {
  color: rgba(166, 88, 161, 1);
    cursor: pointer;
    font-weight: bold;
    border: none;
    background: none;
    padding: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .custom-card {
        flex-direction: column;
    }
    .cust-para {
        -webkit-line-clamp: 4;
        max-height: 8em;
    }
}



.vetBorderClass{
   border: 1.32px solid #A658A169;
  border-radius: 11px;
}
.boostBorder{
  border: 2px solid #A658A169;
  border-radius: 11px;
}
.hrTag{
  
  color: #A658A169;
}



.vet-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;  
  height: 100%;  
}

.vetHeart {
  position: relative; 
  margin-top: auto;  
  display: flex;
  justify-content: space-between;  
}

.filtersBorder{
  border: 1.16px solid #A658A169;
  border-radius: 11px;
  background: #FDFDFD !important;
}
.vet-heart-icon {
  color: #A658A1;  
}
.cardHeaderBg{
   background-color: #A658A1;
}

.boost-ad-container {
  text-align: right; /* Aligns the button to the right of the column */
}