/* Global Box Sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}
.dkdplugin_card2 {
  background-color: #ffffff;
  padding: 10px 15px 40px 15px;
}
.affhomes-grid-container form {
  background: aliceblue;
 padding: 20px 15px 30px 15px;
  margin: auto;
}
/* Container */
.affhomes-grid-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px; /* Optional max width */
  margin: 0 auto; /* Centers the container */
}

/* Row */
.affhomes-grid-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* Ensures columns wrap within the row */
  margin: -10px; /* Adjusts for gutter spacing */
}

/* Column */
.affhomes-grid-col {
  padding: 10px;
  /* Ensure the padding doesn't cause overflow */
}

.affhomes-grid-col-1 {
  flex: 0 0 8.33%; /* 1/12 */
}

.affhomes-grid-col-2 {
  flex: 0 0 16.66%; /* 2/12 */
}

.affhomes-grid-col-3 {
  flex: 0 0 25%; /* 3/12 */
}

.affhomes-grid-col-4 {
  flex: 0 0 33.33%; /* 4/12 */
}

.affhomes-grid-col-5 {
  flex: 0 0 41.66%; /* 5/12 */
}

.affhomes-grid-col-6 {
  flex: 0 0 50%; /* 6/12 */
}

.affhomes-grid-col-7 {
  flex: 0 0 58.33%; /* 7/12 */
}

.affhomes-grid-col-8 {
  flex: 0 0 66.66%; /* 8/12 */
}

.affhomes-grid-col-9 {
  flex: 0 0 75%; /* 9/12 */
}

.affhomes-grid-col-10 {
  flex: 0 0 83.33%; /* 10/12 */
}

.affhomes-grid-col-11 {
  flex: 0 0 91.66%; /* 11/12 */
}

.affhomes-grid-col-12 {
  flex: 0 0 100%; /* 12/12 */
}
.form-group2 .form-control{
  width:100%;
}
/* Responsive Breakpoints */

/* Small devices (phones, 600px and below) */
@media (max-width: 751px) {
  .affhomes-grid-row {
    display: block;  /* Stack columns vertically on small screens */
    margin: 0; /* Reset margin on small screens */
  }
  .affhomes-grid-col {
    padding: 5px; /* Adjust padding for smaller screens */
  }
  .affhomes-grid-col-sm-12 {
    flex: 0 0 100%; /* Full width on small screens */
  }
}

/* Medium devices (tablets, 601px to 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .affhomes-grid-col-md-6 {
    flex: 0 0 50%; /* 2 columns on medium screens */
  }
  .affhomes-grid-col-md-12 {
    flex: 0 0 100%; /* Full width on larger columns */
  }
}

/* Large devices (desktops, 1025px and above) */
@media (min-width: 1025px) {
  .affhomes-grid-col-lg-3 {
    flex: 0 0 25%; /* 4 columns on large screens */
  }
  .affhomes-grid-col-lg-6 {
    flex: 0 0 50%; /* 2 columns on large screens */
  }
  .affhomes-grid-col-lg-12 {
    flex: 0 0 100%; /* Full width on large screens */
  }
}
.form-group2 label{
    display: block; margin-bottom: 5px;
}