.resources {
        padding: 0 15px;
        width: 100%;
        overflow: hidden;
      }
      .resources .container {
        width: 100%;
        max-width: 1296px;        
        margin: auto;
        padding: 120px 0 130px;
      }
      .heading-item{
        text-align: center;
        padding-bottom: 50px;
      }
      .heading-item .subheading{
        text-transform: uppercase;
        font-size: 21px;
        font-weight: 500;
        color:#4D6CFA;
      }
      .heading-item .heading{
        font-family: "Zilla Slab";
        
      }
      .heading-item .highlight{    
      position: relative; 
      display: inline-block;   
      }
      .heading-item .highlight::after{
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      height: 10px;
      width: 100%;
      background: url(https://stagingwebhost.com/altair/wp-content/uploads/2025/08/separator.svg) no-repeat top center;
      background-size: 100% 10px;
      z-index: -1;
      }
      .resources .elementor-widget-button {
        text-align: center;
      }
      .filter {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        padding-bottom: 50px;
      }
      .filter .multiselect {
        position: relative;
      }
      .filter .select-box {
        border-radius: 100px;
        padding: 17px 30px;
        cursor: pointer;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 100%;
      }
      .filter .select-box:after {
        content: " ";
        background: url(/altair/wp-content/uploads/2025/08/drop-arrow.svg)
          no-repeat center center;
        width: 13px;
        height: 7px;
      }
      .filter .selected-values {
        white-space: nowrap;
        width: calc(100% - 30px);
        overflow: hidden;
      }
      .filter .selected-values span {
        font-size: 16px;
      }
      .filter .options {
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        border-radius: 20px;
        background: #fff;
        display: none;
        padding: 30px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        z-index: 100;
      }
      .filter .options label {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 12px;
        cursor: pointer;
      }
      .filter .options label:last-child {
        padding-bottom: 0;
      }
      .filter .options input[type="checkbox"] {
        cursor: pointer;
        width: 25px;
        height: 25px;
        flex-shrink: 0;
      }
      .filter .multiselect.active .options {
        display: block;
      }
      .card {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        padding-bottom: 30px;
        position: relative;
      }
      .card::before{
        content: "";
        position: absolute;
        top: -300px;
        left: -300px;
        height: 1250px;
        width: 1250px;
        background: url(/altair/wp-content/uploads/2025/08/blue-fade.png) no-repeat top center;
        background-size: cover;
        z-index: -1;
      }
      .card::after{
        content: "";
        position: absolute;
        bottom: -200px;
        right: -300px;
        height: 1250px;
        width: 1250px;
        background: url(/altair/wp-content/uploads/2025/08/orange-fade.png) no-repeat top center;
        background-size: cover;
        z-index: -1;
      }
      .card .card-item {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
        overflow: hidden;
      }
      .card .image img {
        display: block;
        width: 100%;
      }
      .card .card-containt {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
        gap: 20px;
        padding: 30px;
      }
      .card .category {
        opacity: 60%;
        font-size: 16px;
        padding-bottom: 5px;
      }
      .card .elementor-widget-heading {
        padding-bottom: 10px;
      }
      .card .elementor-widget-heading a {
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
      }

@media(max-width: 991px){
  .resources .container {   
    padding: 90px 0;
  }
.filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 30px;
}
.card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 30px;
}
}
@media(max-width: 767px){
  .resources .container {   
    padding-top: 50px;
  }
  .heading-item{
        padding-bottom: 30px;
      }
  .filter {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 400px;
    margin: auto;
    padding-bottom: 30px;
    gap:10px;
}
.card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 400px;
    margin: auto;
}
.card::before {
    top:0;
    left: -400px;    
}
.card::after {   
    bottom: 0px;
    right: -400px;    
}

}