@import url("https://fonts.googleapis.com/css2?family=Alex+Brush&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
:root {
  --color-primary: #375dd9;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-border: #bdbdbd;
  --color-orange: #ff6600;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.col-33 {
  width: calc(33.33%);
  padding: 0 15px;
}

/* 
======================
BUYERS MAIN SEC
======================
 */
.buyers-sec {
  padding: 50px;
}
.buyers-img-part {
  margin-top: 50px;
}
.buyers-hdr-wrapper {
  text-align: center;
  margin: 0 auto 50px;
}
.buyers-heading {
  max-width: 804px;
  font-size: 64px ;
  font-weight: bold ;
  color: var(--color-black);
  line-height: calc(83 / 64);
  font-family: "DM Sans", sans-serif;
  margin: auto;
  text-transform: capitalize;
}
.buyers-sec span {
  color: #375dd9;
  margin-left: 15px;
}

.buyers-hdr-pera {
  max-width: 586px;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 15px auto 50px;
  line-height: calc(26 / 20);
  color: #535353;
  text-transform: capitalize;
}

/* search box */
.search-box {
  display: flex;
  align-items: center;
  padding: 20px 5px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-white);
  width: 100%;
  max-width: 777px;
  margin: 0 auto;
}

/* search icon */
.search-icon svg {
  width: 19px;
  height: 19px;
}
.search-icon {
  display: flex;
  align-items: center;
}

/* input text */
.search-box input {
  border: none;
  outline: none;
  margin-left: 10px;
  flex: 1;
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
}

.search-box input::placeholder {
  color: #535353;
}

/* buyers menu */
.buyers-menu-list {
  margin: 50px auto 0;
   display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
}
.buyers-menu-list a {
  border: 0.5px solid var(--color-border);
  padding: 10px 20px;
  border-radius: 50px;
  color: var(--color-black);
   margin: 5px 10px 5px 0; 
  font-size: 20px;
  font-family: "DM Sans", sans-serif;
   white-space: nowrap;

}
.last-menu {
  margin: 0;
}
.buyers-menu-list .active {
  background: var(--color-primary);
  color: var(--color-white);
}
.buyers-menu-list a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

/* BUYERS CARD PART */
.buyers-card-hdr-wrpr {
  margin-bottom: 50px;
}

.title-3 {
  max-width: 331px;
  font-size: 36px;
  font-weight: bold;
  font-family: " DM Sans" sans-serif;
  text-transform: capitalize;
  line-height: calc(47 / 36);
  color: var(--color-black);
  margin-bottom: 15px;
}
.buyers-subtitle {
  max-width: 271px;
  font-size: 20px;
  font-weight: 500;
  color: #535353;
  line-height: calc(26 / 20);
  text-transform: capitalize;
  font-family: " DM Sans" sans-serif;
}

/* card card img part */

.buyers-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.buyers-card {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

/* image */
.buyers-card-img {
  height: 230px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  position: relative;
}

.buyers-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* descriptions */
.buyers-card-descriptions {
  padding: 20px 30px 40px;
  background: var(--color-white);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 20px 20px;

  display: flex;
  flex-direction: column;
  flex: 1;
}

.buyers-property-price {
  color: var(--color-orange);
  font-size: 30px;
  font-weight: bold;
  font-family: "DM Sans", sans-serif;
  margin-bottom: 15px;
  line-height: calc(39 / 30);
}

.buyers-card-txet {
  max-width: 308px;
  font-size: 20px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  color: var(--color-black);
  line-height: calc(26 / 20);
  margin-bottom: 15px;
}

/* location */
.buyers-location {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.buyers-location svg {
  width: 16px;
  height: 20px;
}

.buyers-location p {
  font-size: 15px;
  margin-left: 10px;
  color: #535353;
  text-transform: capitalize;
}

/* bottom 3 icons */
.buyers-bottom-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.buyers-icons {
  display: flex;
  align-items: center;
}

.buyers-icons svg {
  display: block;
  width: 35px;
  height: 35px;
  margin-right: 6px;
}

.buyers-icons span {
  font-size: 20px;
  color: var(--color-black);
  line-height: 1;
  margin-left: 6px;
}

/* view details button */
.buyers-card-btn {
  display: block;
  width: fit-content;
  background: var(--color-primary);
  padding: 10px 60px;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: auto;
}

.buyers-card-btn a {
  display: inline-block;
  color: var(--color-white);
  font-size: 20px;
  font-family: "DM Sans", sans-serif;
  text-transform: capitalize;
}

.buyers-card-btn svg {
  margin-left: 20px;
}

/* wish icon */
.wishlist-icon {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 45px;
  height: 45px;
  background: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.wishlist-icon svg {
  font-size: 18px;
  color: var(--color-black);
}

/* villa right */
.property-villa {
  position: absolute;
  top: 15px;
  right: 15px;
  background: var(--color-orange);
  color: var(--color-white) !important;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
  z-index: 2;
  text-transform: capitalize;
}

/* 
===========================
BUYERS MAIN SEC RESPONSIVE
===========================
 */

  /* -------1200------- */
 @media screen and (max-width:1200px){
  .col-33{
    width: 50%;
  }

 }
 /* -------992------- */
 @media screen and (max-width:992px){
  .buyers-heading{
    font-size: 48px;
  }

    .search-box {
    max-width: 90%;
    padding: 16px 8px;
  }

  .search-box input {
    font-size: 15px;
  }

  /* buyers menu*/
   .buyers-menu-list a {
    font-size: 16px;
    padding: 8px 16px;
  }
  
/* card */
.col-33{
  width: 50%;
}

 }

/* --------768-------- */
  @media screen and (max-width:768px){
  .buyers-heading{
    font-size: 36px;
  }
  .buyers-hdr-pera{
    font-size: 18px;
  }
  
  /* card */

  .col-33{
  width: 100%;
}
  
 }


 /* --------576-------- */
  @media screen and (max-width:576px){
  .buyers-heading{
    font-size: 28px;
  }
   .buyers-hdr-pera{
    font-size: 14px;
  }

    .search-box {
    max-width: 100%;
    padding: 12px 6px;
    border-radius: 8px;
  }

  .search-icon svg {
    width: 16px;
    height: 16px;
  }

  .search-box input {
    font-size: 14px;
  }

  .search-box input::placeholder {
    font-size: 13px;
  }


  /* buyers menu */
    .buyers-menu-list {
    flex-wrap: wrap;        
    overflow-x: hidden;    
    justify-content: center;
  }

  .buyers-menu-list a {
    font-size: 14px;
    padding: 6px 14px;
  }

  
 }


  /* --------320-------- */
  @media screen and (max-width:320px){
  .buyers-heading{
    font-size: 22px;
  }

  /* buyers menu */
  .buyers-menu-list a {
    font-size: 12px;
    padding: 5px 12px;
    margin-right: 6px;
  }
  
 }

/*
========================
 LOOKING FOR SEC 
========================
*/
.looking-for-sec {
  padding: 50px 0;
  background: url("../image/buyers-section/looking-for-bg-img.png") no-repeat
    center/cover;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
}
.looking-for-wrpr {
  max-width: 995px;
  margin: 0 auto;
  text-align: center;
}

.looking-for-heading {
  color: var(--color-white);
  font-size: 36px;
  font-weight: bold;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  line-height: calc(44 / 36);
}
.looking-for-pera {
  color: var(--color-white);
  font-size: 24px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  line-height: calc(29 / 24);
  margin: 35px 0;
}

/* btn */
.looking-for-btn {
  background: var(--color-white);
  padding: 20px 25px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: auto;
}
.looking-for-btn a {
  color: var(--color-primary);
  font-size: 24px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
}