.elementor-kit-22{--e-global-color-primary:#EC008C;--e-global-color-secondary:#334F80;--e-global-color-text:#121245;--e-global-color-accent:#FDB515;--e-global-color-d3ae19d:#FFFFFF;--e-global-color-785b64d:#334F80BA;--e-global-color-b41e63e:#EC008C;--e-global-color-4ade329:#334F80BA;--e-global-color-ec25634:#FFFFFF;--e-global-color-8fa36e4:#334F80BA;--e-global-color-a047deb:#121245;--e-global-color-07414c8:#FFFFFF00;--e-global-color-0880601:#D2562A;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-size:11px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:3px;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-size:12px;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:3px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:21px;--e-global-typography-accent-font-weight:200;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1.4em;--e-global-typography-47eb6c6-font-family:"Nunito";--e-global-typography-47eb6c6-font-size:16px;--e-global-typography-47eb6c6-font-weight:400;--e-global-typography-47eb6c6-text-transform:capitalize;--e-global-typography-47eb6c6-line-height:1.5em;--e-global-typography-21f41f0-font-family:"Nunito";--e-global-typography-21f41f0-font-size:38px;--e-global-typography-21f41f0-font-weight:400;--e-global-typography-21f41f0-text-transform:capitalize;--e-global-typography-21f41f0-line-height:1.2em;--e-global-typography-48207f0-font-family:"Jost";--e-global-typography-48207f0-font-size:28px;--e-global-typography-48207f0-font-weight:400;--e-global-typography-48207f0-text-transform:capitalize;--e-global-typography-48207f0-line-height:1.3em;--e-global-typography-1ce1d7e-font-family:"Nunito";--e-global-typography-1ce1d7e-font-size:21px;--e-global-typography-1ce1d7e-font-weight:400;--e-global-typography-1ce1d7e-text-transform:capitalize;--e-global-typography-1ce1d7e-line-height:1.4em;--e-global-typography-86332c7-font-family:"DM Sans";--e-global-typography-86332c7-font-size:50px;--e-global-typography-86332c7-font-weight:100;--e-global-typography-86332c7-line-height:1.1em;--e-global-typography-d66b33e-font-family:"Nunito";--e-global-typography-d66b33e-font-size:68px;--e-global-typography-d66b33e-font-weight:600;--e-global-typography-d66b33e-text-transform:capitalize;--e-global-typography-d66b33e-line-height:1em;--e-global-typography-906ded2-font-family:"DM Sans";--e-global-typography-906ded2-font-size:15px;--e-global-typography-906ded2-font-weight:400;--e-global-typography-906ded2-line-height:1.5em;--e-global-typography-906ded2-letter-spacing:0px;--e-global-typography-5ec7628-font-family:"DM Sans";--e-global-typography-5ec7628-font-size:13px;--e-global-typography-cae1a9c-font-family:"Nunito";--e-global-typography-cae1a9c-font-size:50px;--e-global-typography-cae1a9c-font-weight:400;--e-global-typography-cae1a9c-text-transform:capitalize;--e-global-typography-cae1a9c-line-height:1.1em;color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-kit-22 button:hover,.elementor-kit-22 button:focus,.elementor-kit-22 input[type="button"]:hover,.elementor-kit-22 input[type="button"]:focus,.elementor-kit-22 input[type="submit"]:hover,.elementor-kit-22 input[type="submit"]:focus,.elementor-kit-22 .elementor-button:hover,.elementor-kit-22 .elementor-button:focus{background-color:var( --e-global-color-b41e63e );color:var( --e-global-color-secondary );}.elementor-kit-22 e-page-transition{background-color:var( --e-global-color-text );}.elementor-kit-22 p{margin-block-end:1.5em;}.elementor-kit-22 a{color:var( --e-global-color-primary );}.elementor-kit-22 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d66b33e-font-family ), Sans-serif;font-size:var( --e-global-typography-d66b33e-font-size );font-weight:var( --e-global-typography-d66b33e-font-weight );text-transform:var( --e-global-typography-d66b33e-text-transform );line-height:var( --e-global-typography-d66b33e-line-height );}.elementor-kit-22 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-cae1a9c-font-family ), Sans-serif;font-size:var( --e-global-typography-cae1a9c-font-size );font-weight:var( --e-global-typography-cae1a9c-font-weight );text-transform:var( --e-global-typography-cae1a9c-text-transform );line-height:var( --e-global-typography-cae1a9c-line-height );}.elementor-kit-22 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-21f41f0-font-family ), Sans-serif;font-size:var( --e-global-typography-21f41f0-font-size );font-weight:var( --e-global-typography-21f41f0-font-weight );text-transform:var( --e-global-typography-21f41f0-text-transform );line-height:var( --e-global-typography-21f41f0-line-height );}.elementor-kit-22 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-48207f0-font-family ), Sans-serif;font-size:var( --e-global-typography-48207f0-font-size );font-weight:var( --e-global-typography-48207f0-font-weight );text-transform:var( --e-global-typography-48207f0-text-transform );line-height:var( --e-global-typography-48207f0-line-height );}.elementor-kit-22 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-1ce1d7e-font-family ), Sans-serif;font-size:var( --e-global-typography-1ce1d7e-font-size );font-weight:var( --e-global-typography-1ce1d7e-font-weight );text-transform:var( --e-global-typography-1ce1d7e-text-transform );line-height:var( --e-global-typography-1ce1d7e-line-height );}.elementor-kit-22 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-47eb6c6-font-family ), Sans-serif;font-size:var( --e-global-typography-47eb6c6-font-size );font-weight:var( --e-global-typography-47eb6c6-font-weight );text-transform:var( --e-global-typography-47eb6c6-text-transform );line-height:var( --e-global-typography-47eb6c6-line-height );}.elementor-kit-22 label{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-906ded2-font-family ), Sans-serif;font-size:var( --e-global-typography-906ded2-font-size );font-weight:var( --e-global-typography-906ded2-font-weight );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-kit-22 input:not([type="button"]):not([type="submit"]),.elementor-kit-22 textarea,.elementor-kit-22 .elementor-field-textual{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-4ade329 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1302px;}.e-con{--container-max-width:1302px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-22{--e-global-typography-21f41f0-font-size:28px;--e-global-typography-21f41f0-line-height:1.3em;--e-global-typography-d66b33e-font-size:50px;--e-global-typography-d66b33e-line-height:1.1em;--e-global-typography-cae1a9c-font-size:38px;--e-global-typography-cae1a9c-line-height:1.2em;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-22 h1{font-size:var( --e-global-typography-d66b33e-font-size );line-height:var( --e-global-typography-d66b33e-line-height );}.elementor-kit-22 h2{font-size:var( --e-global-typography-cae1a9c-font-size );line-height:var( --e-global-typography-cae1a9c-line-height );}.elementor-kit-22 h3{font-size:var( --e-global-typography-21f41f0-font-size );line-height:var( --e-global-typography-21f41f0-line-height );}.elementor-kit-22 h4{font-size:var( --e-global-typography-48207f0-font-size );line-height:var( --e-global-typography-48207f0-line-height );}.elementor-kit-22 h5{font-size:var( --e-global-typography-1ce1d7e-font-size );line-height:var( --e-global-typography-1ce1d7e-line-height );}.elementor-kit-22 h6{font-size:var( --e-global-typography-47eb6c6-font-size );line-height:var( --e-global-typography-47eb6c6-line-height );}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-22 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-22{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-22 h1{font-size:var( --e-global-typography-d66b33e-font-size );line-height:var( --e-global-typography-d66b33e-line-height );}.elementor-kit-22 h2{font-size:var( --e-global-typography-cae1a9c-font-size );line-height:var( --e-global-typography-cae1a9c-line-height );}.elementor-kit-22 h3{font-size:var( --e-global-typography-21f41f0-font-size );line-height:var( --e-global-typography-21f41f0-line-height );}.elementor-kit-22 h4{font-size:var( --e-global-typography-48207f0-font-size );line-height:var( --e-global-typography-48207f0-line-height );}.elementor-kit-22 h5{font-size:var( --e-global-typography-1ce1d7e-font-size );line-height:var( --e-global-typography-1ce1d7e-line-height );}.elementor-kit-22 h6{font-size:var( --e-global-typography-47eb6c6-font-size );line-height:var( --e-global-typography-47eb6c6-line-height );}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-22 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.cat_container {
  display: flex;
  flex-direction: row;
  align-items: c;
  gap: 15px;
  background: white;
  padding: 5px;
  border-radius: 5px;
  
    
}
  
    
    


.dce-view-form-filters-row {
    line-height: 275%;

}

.dce-view-exposed-form-action {
    max-width: 10%;
    vertical-align: baseline !important;
    align-self: end;
    
}

.dce-button {
    margin: 0px;
    margin-left:10px;
    max-height: 47px;
    border-radius: 10px !important;
    border-width: 0px !important;
    
    
}

.home {
    padding-top: 0px !important;
}


/* Resource Page Styling */
/* General Layout and Container Styling */
.filter-resources-section {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.filter-resources-section h3 {
  font-size: 1.5em;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 600;
}

.resources-filter-form .filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between filter groups */
  margin-bottom: 20px;
}

.filter-group {
  flex: 1; /* Allow groups to grow and shrink */
  min-width: 200px; /* Minimum width before wrapping */
  display: flex;
  flex-direction: column;
}

.filter-group label {
  font-size: 0.85em;
  color: #555;
  margin-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
}

.filter-group select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0.95em;
  color: #333;
  -webkit-appearance: none; /* Remove default browser styling for select */
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M205.15%2099.16L128%20176.31%2050.85%2099.16l-10.85%2010.84L128%20198%20216%20110z%22%2F%3E%3C%2Fsvg%3E'); /* Custom arrow */
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  cursor: pointer;
}

.filter-group select:focus {
  outline: none;
  border-color: #007bff; /* Highlight on focus */
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Active Filters Display */
.active-filters {
  background-color: var(--e-global-color-primary); /* Pink color from image */
  color: #fff;
  font-weight: 500;
  padding: 8px 15px;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 40px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.active-filters strong {
  color: #fff;
  margin-right: 5px;
}

/* Resource List Wrapper */
.resources-list-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Responsive grid */
  gap: 25px; /* Space between resource cards */
  padding-top: 20px; /* Space from the HR line */
}

/* Resource Card Item */
.resource-card-item {
  background-color: #f0f4f8; /* Light blue-gray background */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Pushes buttons to bottom */
  min-height: 280px; /* Ensure cards have a consistent minimum height */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  overflow: hidden; /* Important for containing overflow within the card */
  box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}

.resource-card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.resource-card-item h4 {
  font-size: 1.3em;
  color: #2c3e50;
  margin-top: 0;
  margin-bottom: 10px;
  min-height: 50px; /* Allocate space for longer titles */
  font-weight: 600;
}

.resource_body {
  flex-grow: 1; /* Allows content to take available space */
  margin-bottom: 15px; /* Space above buttons */
  padding-right: 10px; /* Added for breathing room within the card content */
}

.resources_contant_person,
.resources_phone {
  font-size: 0.9em;
  color: #555;
  margin-bottom: 5px;
}

.cat_container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* Space between category tags */
  margin: 10px 0;
}

.resources_category1,
.resources_category2 {
  background-color: #e0e0e0; /* Light gray background for tags */
  color: #333;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: bold;
  white-space: nowrap; /* Prevent wrapping within a tag */
  background-color: #dedede; /* Slightly darker grey for Capacity/Connections/Type */
}

.resources_reason {
  font-size: 0.9em;
  color: #666;
  line-height: 1.5;
  margin-top: 10px;
}

/* Adjusting the resource_buttons */
.resource_buttons {
  display: flex;
  gap: 10px; /* Space between buttons */
  margin-top: 15px; /* Space above buttons */
  flex-wrap: wrap; /* NEW: Allow buttons to wrap to new line if space is too narrow */
  justify-content: flex-start; /* Align buttons to the start */
}

.resource_buttons .btn {
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap; /* Keep button text on one line */
  flex-grow: 0; /* NEW: Prevents buttons from excessively growing to fill space */
  flex-shrink: 1; /* NEW: Allows buttons to shrink if space is tight */
  flex-basis: auto; /* NEW: Base size is content */
  min-width: fit-content; /* NEW: Ensure it's at least as wide as its content */
  max-width: 100%; /* NEW: Prevent a single button from exceeding container width */
}

.resource_buttons .btn-primary {
  background-color: var(--e-global-color-primary);; /* Pink color for primary buttons */
  color: #fff;
  border: 1px solid var(--e-global-color-primary);;
}

.resource_buttons .btn-primary:hover {
  background-color: #e02665; /* Darker pink on hover */
  border-color: #e02665;
}

/* Reset Button in Filter */
.filter-actions {
  display: flex;
  justify-content: flex-end; /* Align reset button to the right */
  margin-top: -10px; /* Pull it up slightly to align with dropdowns */
}

.btn-reset {
  background-color: #6c757d; /* Gray color for reset button */
  color: #fff;
  border: 1px solid #6c757d;
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-reset:hover {
  background-color: #5a6268; /* Darker gray on hover */
  border-color: #545b62;
}

/* Horizontal Rule Styling */
hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 30px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .resources-filter-form .filter-row {
    flex-direction: column;
    gap: 15px;
  }

  .filter-group {
    min-width: unset; /* Remove min-width on smaller screens */
    width: 100%; /* Take full width */
  }

  .resources-list-wrapper {
    grid-template-columns: 1fr; /* Single column on small screens */
  }

  .resource-card-item {
    min-height: unset; /* Allow height to adjust naturally */
  }

  .active-filters {
    padding: 10px;
    font-size: 0.85em;
  }
}

@media (max-width: 480px) {
  .resource-card-item h4 {
    font-size: 1.2em;
  }

  .resources_reason,
  .resources_contant_person,
  .resources_phone,
  .cat_container {
    font-size: 0.85em;
  }

  .resource_buttons {
    flex-direction: column; /* Stack buttons vertically on very small screens */
    gap: 8px;
  }

  .resource_buttons .btn {
    width: 100%; /* Make buttons take full width when stacked */
    text-align: center;
  }
}/* End custom CSS */