.elementor-1664 .elementor-element.elementor-element-7819175 > .elementor-container{max-width:1920px;}.elementor-1664 .elementor-element.elementor-element-7819175{margin-top:80px;margin-bottom:0px;overflow:visible;}.elementor-1664 .elementor-element.elementor-element-43e9abb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1664 .elementor-element.elementor-element-43e9abb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1664 .elementor-element.elementor-element-474e4b4{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-1664 .elementor-element.elementor-element-474e4b4 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-1664 .elementor-element.elementor-element-474e4b4 .elementor-heading-title{font-family:"Cal Sans", Sans-serif;font-size:40px;font-weight:600;letter-spacing:2px;color:#003674;}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:880px){.elementor-1664 .elementor-element.elementor-element-7819175{margin-top:10px;margin-bottom:0px;}}@media(max-width:767px){.elementor-1664 .elementor-element.elementor-element-7819175{margin-top:0px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1664 .elementor-element.elementor-element-474e4b4{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;text-align:center;}}/* Start custom CSS for html, class: .elementor-element-8425fbd */.main-grid {
      background-color: transparent;
      background-size: cover;
      background-position: center;
      transition: background 0.3s ease-in-out;
      font-family: "Cal Sans", sans-serif;
      overflow-x: hidden;
    }

    .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
      width: 100vw;
      height: 100vh;
    }

    .grid-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: white;
      background: rgba(0, 0, 0, 0.1);
      transition: background 0.3s ease;
      border: 1px solid rgba(255, 255, 255, 0.1);
      overflow: hidden;
      padding: 20px;
      position: relative;
    }

    .content-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.3s ease;
    }

    .grid-item.hovered .content-wrapper {
      transform: translateY(-10px);
    }

    .single-text {
      font-size: 28px;
      font-weight: 500;
      margin-bottom: 15px;
      animation: growIn 0.3s ease forwards;
    }

    .tile_description,
    .check-icon {
      opacity: 0;
      transform: translateY(30%);
      animation: fadeUp 0.3s ease forwards;
    }

    .tile_description {
      width: 100%;
      text-align: center;
      color: white;
      font-size: 16px;
      font-weight: 400;
      animation-delay: 0.1s;
    }

    .check-icon {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background-color: #5B9D24;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 12px;
      animation-delay: 0.2s;
    }

    .icon-image {
      width: 24px;
      height: 24px;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes growIn {
      0% {
        transform: scale(0.8);
        opacity: 0;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }
    
    @media (min-width: 769px) and (max-width: 1024px) {
         .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
      width: 100vw;
      height: 60vh;
    }
    }

    /* Mobile styles */
    @media (max-width: 768px) {
      .grid-container {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        width: 100vw;
        height: 50vh;
      }

      .grid-item {
        scroll-snap-align: center;
        flex: 0 0 100%;
        height: 100%;
      }

      .icon-image {
      width: 24px;
      height: 24px;
    }
    .grid-item{
        justify-content: end;
    }
    }/* End custom CSS */