.material-symbols-outlined {
      font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
    }

    .bg-mesh {
      background-color: #eaf5ff;
      background-image:
        radial-gradient(at 0% 0%, hsla(210, 100%, 10%, 0.80) 0, transparent 35%),
        radial-gradient(at 50% 0%,
          hsla(16, 100%, 60%, 0.15) 0,
          transparent 35%);
    }

    .ambient-shadow {
      box-shadow: 0px 24px 48px rgba(11, 29, 45, 0.06);
    }

    .bg-surface-overlay {
      background: linear-gradient(0deg, 
          rgba(4, 22, 39, 0.8) 0%, 
          rgba(65, 105, 225, 0.4) 50%,
          transparent 100%
      ), #041627;
    }

    .spotlight-img-container {
      overflow: hidden;
      border-radius: 10px;
      transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    }

    .spotlight-img-container:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    .animate-card {
      opacity: 0;
      transform: translateY(-180px) scale(0.95);
    }

    .content-animate .h2,
    .content-animate .p1,
    .content-animate .step-item,
    .content-animate button {
      opacity: 0;
      transform: translateY(60px);
      will-change: transform, opacity;
    }

    .content-animate .step-item .number {
      transform: scale(0);
      opacity: 0;
    }



    .card {
      min-width: calc(50% - 12px);
      background: white;
      border-radius: 28px;
      padding: 20px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      transition: all .4s ease;
    }

    .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 35px rgba(0,0,0,0.15);
    }

    .img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      border-radius: 22px;
      margin-bottom: 16px;
      transition: transform .6s ease;
    }

    .card:hover .img {
      transform: scale(1);
    }

    .card h3 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 6px;
    }

    .card p:nth-child(1) {
      color: #FE6A34;
      font-size: 14px;
      font-weight: 800;
    }

    /* md = 3 cards */
    @media(min-width:768px){
      .card{
        min-width: calc(33.333% - 16px);
      }
    }

    /* lg = 4 cards */
    @media(min-width:1024px){
      .card{
        min-width: calc(25% - 20px);
      }
    }
    /* xl = 5 cards */
      @media(min-width:1444px){
      .card{
        min-width: calc(20% - 20px);
      }
    }

    .card-2 {
      min-width: calc(100% - 12px);
      background: white;
      border-radius: 28px;
      padding: 20px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      transition: all .4s ease;
    }

    .card-2:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 35px rgba(0,0,0,0.15);
    }



    /* md = 3 cards */
    @media(min-width:768px){
      .card-2{
        min-width: calc(50% - 16px);
      }
    }

    /* lg = 3 cards */
    @media(min-width:1024px){
      .card-2{
        min-width: calc(33.33% - 20px);
      }
    }


    .instragram_feed .elfsight-app-85910794-c46b-4ab4-9ec3-8593e9fc2481 .eapps-instagram-feed-container .eapps-instagram-feed-content 
    .eapps-instagram-feed-header-container .eapps-instagram-feed-header.es-header {
      background: #f09433 !important; /* Fallback for old browsers */
      background: linear-gradient(
        45deg, 
        #f09433 0%, 
        #e6683c 25%, 
        #dc2743 50%, 
        #cc2366 75%, 
        #bc1888 100%
      ) !important;
    }

    /* .instragram_feed .elfsight-app-85910794-c46b-4ab4-9ec3-8593e9fc2481 .eapps-instagram-feed-container .eapps-instagram-feed-content 
    .eapps-instagram-feed-header-container .eapps-instagram-feed-header.es-header .eapps-instagram-feed-header-inner 
    .eapps-instagram-feed-header-follow-button-wrapper .eapps-instagram-feed-header-follow-button.es-header-follow-button{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 24px;
      border-radius: 5px;
      color: #ffffff;
      font-weight: 700;
      border: none;
      cursor: pointer;
      background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    } */



    /* Target the attribution link specifically by its href or its position */
    .facebook_feed .elfsight-app-d44a9706-cf6c-41dd-b9fe-025babd66eae.eapps-facebook-feed-large a[href*="elfsight"] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }