/* Sticky Header */
.sticky-header {
  position: fixed;
  top: 0px;
  z-index:1;
  width: 100%;
background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
	}
/* Sticky Header_Contact hover btn animation */
.scale-hover-effect li#menu-item-763 > a.hfe-menu-item.elementor-button {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.scale-hover-effect li#menu-item-763 > a.hfe-menu-item.elementor-button:hover {
  transform: scale(1.08);
}


/* Sticky Header_Contact_Button Active color*/
.menu-item.current-menu-item a.hfe-menu-item.elementor-button{
   color: #fff !important;  
	 background-color:#1A237E!important; 
}
.linkclr a:active{
	color:#212121;
}
/*Banner image_Contact_Button*/
.cta-btn-2 .elementor-button .elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-content p{
	color:#ffff;
}
.cta-btn-2 .elementor-button .elementor-button-icon {
    background: #fff;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
   color:#212121;
  
	
}
.elementor-button-icon svg{
  stroke-width: 1px !important;  
  stroke: #212121; !important;      
  fill: none !important;         
}

.cta-btn-2 .elementor-button {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 50px;
}


.cta-w-165 .elementor-button{
    width: 160px;
}
.pulse-orr .elementor-button:hover {
          animation: pulses-orrange 1s;
          box-shadow: 0 0 0 2em transparent;
}
@keyframes pulses-orrange {
  0% {
    box-shadow: 0 0 0 0 #ff512a;
  }
}

/*our Company Values_Section*/
.value-hover {
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.value-hover:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
/*Meet our team_Section*/
.profile-img {
  border-radius: 10%;
  transition: transform 0.3s ease;
}

.profile-img:hover {
  transform: scale(1.1);
}


body, .form-control, .btn, .sidebar, .tab-section, .topbar {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  
}
   .sidebar {
     min-height: 100vh;
    width: 350px;
    background-color: #f8f9fa;
    padding-top: 20px;
}
    
.sidebar-tab {
      display: block;
      padding: 12px 20px;
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

.owner-dashboard-container
{

min-height: 100vh;
    display: flex
;
}
    .sidebar-tab.active {
      background-color: #e0e0e0;
      font-weight: bold;
    }

    .tab-section {
      display: none;
    }

    .tab-section.active {
      display: block;
    }

    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      background-color: #fff;
      border-bottom: 1px solid #ddd;
    }

    .container-fluid {
      flex-grow: 1;
      padding-left: 0;
    }

    /* Progress bar */
    .progress {
      height: 6px;
    }
#property-listing-form {
  padding: 0;
  max-width: 100%;
  margin: 0 auto !important;
}


  /* Mobile sidebar */
    @media (max-width: 768px) {
      .sidebar {
        width: 100%;
        min-height: auto;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
      }
      .sidebar-tab {
        flex: 1 1 50%;
        text-align: center;
      }
    }

    .btn-teal {
      background-color: #00796b;
      color: white;
    }
    .btn-teal:hover {
      background-color: #004d40;
      color: white;
    }
    .text-teal {
      color: #00796b;
    }
//owner-form radio
/* Make all radios have the same indigo border */
.form-check-input[type="radio"] {
  border: 2px solid #1a237e !important;
  background-color: #fff !important;
}

/* When checked, keep the indigo color filled */
.form-check-input[type="radio"]:checked {
  background-color: #1a237e !important;
  border-color: #1a237e !important;
}

/* Remove Bootstrap's default dull blue glow on focus */
.form-check-input[type="radio"]:focus {
  border-color: #1a237e !important;
  box-shadow: none !important;
}

/* Optional: slightly darken border on hover for nice feedback */
.form-check-input[type="radio"] {
  border-color: #0f165b !important;/* a slightly darker indigo */
}
/* Common style for radio & checkbox borders */
.form-check-input[type="radio"],
.form-check-input[type="checkbox"] {
  border: 2px solid #1a237e !important;
  background-color: #fff !important;
  cursor: pointer;
}

/* Checked state — indigo fill */
.form-check-input[type="radio"]:checked,
.form-check-input[type="checkbox"]:checked {
  background-color: #1a237e !important;
  border-color: #1a237e !important;
}

/* Focus (remove Bootstrap glow, keep color consistent) */
.form-check-input[type="radio"]:focus,
.form-check-input[type="checkbox"]:focus {
  border-color: #1a237e !important;
  box-shadow: none !important;
}

/* Hover effect — slightly darker indigo border */
.form-check-input[type="radio"]:hover,
.form-check-input[type="checkbox"]:hover {
  border-color: #0f165b !important;
}
/* Shared button style (for both availability and timing groups) */
.availability-btn,
.timing-btn {
  border: 2px solid #1a237e !important;
  color: #1a237e !important;
  background-color: #fff !important;
  border-radius: 8px;
  padding: 6px 16px;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Hover effect */
.availability-btn:hover,
.timing-btn:hover {
  background-color: #1a237e !important;
  color: #fff !important;
}

/* Active (selected) state */
.availability-btn.active,
.timing-btn.active {
  background-color: #1a237e !important;
  color: #fff !important;
  border-color: #1a237e !important;
}

/* Optional focus ring for accessibility */
.availability-btn:focus,
.timing-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(26, 35, 126, 0.25) !important;
  outline: none !important;
}
/* owner dash*/
/* Wrapper: 2 cards per row */
.orc-cards-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

/* Simple card with white background and mild border */
.orc-card {
    padding: 15px;
    background: #ffffff; /* white background */
    border: 1px solid #e0e0e0; /* mild light gray border */
    box-shadow: none;
    border-radius: 6px; /* subtle rounding */
    transition: transform 0.2s;
}

/* Optional hover effect */
.orc-card:hover {
    transform: translateY(-3px);
}

/* Renter name */
.orc-name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Status label */
.orc-status {
    background: #f2f2f2;
    padding: 3px 6px;
    border-radius: 4px;
}

/* Button */
.orc-btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    background: #1A237E;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    margin-top: 10px;
}

/* Mobile: 1 card per row */
@media(max-width: 768px){
    .orc-cards-wrapper {
        grid-template-columns: 1fr !important;
    }
}
/*pm Dashboard*/
.adc-table-wrapper {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    overflow: hidden;
}

.adc-table {
    width: 100%;
    border-collapse: collapse;
}

.adc-table thead {
    background: #0b3d1c; /* dark green */
    color: #fff;
}

.adc-table th,
.adc-table td {
    padding: 14px 16px;
    text-align: left;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.adc-table tbody tr:hover {
    background: #f9fafb;
}

/* Status badges */
.adc-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

.adc-approved {
    background: #e6f4ea;
    color: #1e7e34;
}

.adc-pending {
    background: #fff3cd;
    color: #856404;
}

.adc-rejected {
    background: #f8d7da;
    color: #721c24;
}
.pm-enquiry-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

.pm-enquiry-table th, 
.pm-enquiry-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

.pm-enquiry-table th {
    background-color: #0b3d1c;
    color: #fff;
}

.pm-enquiry-table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.pm-enquiry-table a {
    color: #1a73e8;
    text-decoration: none;
}
/*stle service request*/

/* Style checkboxes and labels */
input[type="checkbox"] {
    margin-right: 8px;
    transform: scale(1.2); /* slightly bigger checkboxes */
    vertical-align: middle;
}
input[type="checkbox"] {
    accent-color:#1a237e;
}

label {
    display: inline-block;
    margin-bottom: 8px;
    cursor: pointer;
}

/* Add space between each checkbox label */
label + label {
    margin-left: 15px;
}

/* Style the submit button */
button[type="submit"] {
    background-color: #1a237e;
    color: white;
    border: none;
    padding: 10px 18px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
    background-color:#1a237e;
}
.service_req thead tr,
.service_req tr:first-child {
    background-color: #014421;
	color:#ffff;
}