.r24_loader {
    width: 80px;
    aspect-ratio: 2;
    --c:linear-gradient(#F9B66E 25%,#76C8D4 0 50%,#F8C4BC 0 75%,#B7C0DA 0);
    background: var(--c), var(--c), var(--c), var(--c);
    background-size: 26% 400%;
    background-position: calc(0*100%/3) 100%,calc(1*100%/3) 100%,calc(2*100%/3) 100%,calc(3*100%/3) 100%;
    background-repeat: no-repeat;
    animation: l10 2s infinite; 
  }
  @keyframes l10 {
    0%     {background-position: calc(0*100%/3) calc(3*100%/3),calc(1*100%/3) calc(3*100%/3),calc(2*100%/3) calc(3*100%/3),calc(3*100%/3) calc(3*100%/3)}
    8.33%  {background-position: calc(0*100%/3) calc(2*100%/3),calc(1*100%/3) calc(3*100%/3),calc(2*100%/3) calc(3*100%/3),calc(3*100%/3) calc(3*100%/3)}
    16.67% {background-position: calc(0*100%/3) calc(2*100%/3),calc(1*100%/3) calc(2*100%/3),calc(2*100%/3) calc(3*100%/3),calc(3*100%/3) calc(3*100%/3)}
    25%    {background-position: calc(0*100%/3) calc(2*100%/3),calc(1*100%/3) calc(2*100%/3),calc(2*100%/3) calc(2*100%/3),calc(3*100%/3) calc(3*100%/3)}
    30%,
    33.33% {background-position: calc(0*100%/3) calc(2*100%/3),calc(1*100%/3) calc(2*100%/3),calc(2*100%/3) calc(2*100%/3),calc(3*100%/3) calc(2*100%/3)}
    41.67% {background-position: calc(0*100%/3) calc(1*100%/3),calc(1*100%/3) calc(2*100%/3),calc(2*100%/3) calc(2*100%/3),calc(3*100%/3) calc(2*100%/3)}
    50%    {background-position: calc(0*100%/3) calc(1*100%/3),calc(1*100%/3) calc(1*100%/3),calc(2*100%/3) calc(2*100%/3),calc(3*100%/3) calc(2*100%/3)}
    58.33% {background-position: calc(0*100%/3) calc(1*100%/3),calc(1*100%/3) calc(1*100%/3),calc(2*100%/3) calc(1*100%/3),calc(3*100%/3) calc(2*100%/3)}
    63%,
    66.67% {background-position: calc(0*100%/3) calc(1*100%/3),calc(1*100%/3) calc(1*100%/3),calc(2*100%/3) calc(1*100%/3),calc(3*100%/3) calc(1*100%/3)}
    75%    {background-position: calc(0*100%/3) calc(0*100%/3),calc(1*100%/3) calc(1*100%/3),calc(2*100%/3) calc(1*100%/3),calc(3*100%/3) calc(1*100%/3)}
    83.33% {background-position: calc(0*100%/3) calc(0*100%/3),calc(1*100%/3) calc(0*100%/3),calc(2*100%/3) calc(1*100%/3),calc(3*100%/3) calc(1*100%/3)}
    91.67% {background-position: calc(0*100%/3) calc(0*100%/3),calc(1*100%/3) calc(0*100%/3),calc(2*100%/3) calc(0*100%/3),calc(3*100%/3) calc(1*100%/3)}
    97%,
    100%   {background-position: calc(0*100%/3) calc(0*100%/3),calc(1*100%/3) calc(0*100%/3),calc(2*100%/3) calc(0*100%/3),calc(3*100%/3) calc(0*100%/3)}
  }
      .rw24_overlay
      {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0,0,0,.8);
          z-index: 1000000;
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .rw24_modal
      {
          background-color: white;
          border-radius: 3px;
          width: 1200px;
          height: 600px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 0px;
      }
      .rw24_img {
          background-size: cover;
          background-position: center;
          position:relative;
      }
      .rs24_content {
          padding: 20px;
          background-color: #f5f5f5;
      }
      a.rs24_cta {
          padding: 10px;
          background-color: #ec622c;
          color: white;
          font-weight: 800;
          margin-top: 20px;
          float: left;
      }
      .rs24_content > h2 {
          font-weight: 800;
          color: black;
          font-size: 36px;
      }
      .rs24_content > h5 {
          font-weight: 800;
          color: #ec622c;
          font-size: 18px;
      }
      .rw24_nav {
          width: 50px;
          height: 50px;
          background-color: rgba(0,0,0,.5);
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%2C23%20C5.92486775%2C23%201%2C18.0751322%201%2C12%20C1%2C5.92486775%205.92486775%2C1%2012%2C1%20C18.0751322%2C1%2023%2C5.92486775%2023%2C12%20C23%2C18.0751322%2018.0751322%2C23%2012%2C23%20Z%20M12%2C21%20C16.9705627%2C21%2021%2C16.9705627%2021%2C12%20C21%2C7.02943725%2016.9705627%2C3%2012%2C3%20C7.02943725%2C3%203%2C7.02943725%203%2C12%20C3%2C16.9705627%207.02943725%2C21%2012%2C21%20Z%20M9.20710678%2C14%20C9.07449854%2C14%208.94732158%2C13.9473216%208.85355339%2C13.8535534%20C8.65829124%2C13.6582912%208.65829124%2C13.3417088%208.85355339%2C13.1464466%20L11.6464466%2C10.3535534%20C11.8417088%2C10.1582912%2012.1582912%2C10.1582912%2012.3535534%2C10.3535534%20L15.1464466%2C13.1464466%20C15.2402148%2C13.2402148%2015.2928932%2C13.3673918%2015.2928932%2C13.5%20C15.2928932%2C13.7761424%2015.0690356%2C14%2014.7928932%2C14%20L9.20710678%2C14%20Z%22%20transform%3D%22rotate(90%2012%2012)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
          background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
      }
      .rw24_prev {
          left: 0;
      }
      .rw24_next {
          right: 0;
      }
      .r24_dots {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          display: flex;
          justify-content: center;
      }
      .r24_dot {
          width: 10px;
          height: 10px;
          background-color: white;
          border-radius: 50%;
          margin: 5px;
          cursor: pointer;
      }
      .r24_dot_active {
          background-color: #ec622c;
      }
      @media only screen and (min-width: 1200px) {
          .rw24_modal {
              width: 1200px;
              height: 600px;
          }
      }
      @media only screen and (max-width: 1200px) {
          .rw24_modal {
              width: 900px;
              height: 450px;
          }
      }
      @media only screen and (max-width: 900px) {
          .rw24_modal {
              width: calc(100% - 110px);
              height: calc(100% - 110px);
              grid-template-columns: 1fr 1fr;
          }
          .rs24_content > h2{
              font-size: 24px;
          }
          .rs24_content > *{
              font-size: 15px;
              padding: 0px;
          }
      }
      @media only screen and (max-width: 600px) {
          .rw24_modal {
              width: calc(100vw - 8px);
              height: calc(100vh - 80px);
              grid-template-columns: 1fr;
              grid-template-rows: 250px 1fr;
              overflow: scroll;
          }
      }
      .rs24_close {
          width: 38px;
          height: 38px;
          background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
          background-size: 30px;
          position: absolute;
          left: 10px;
          background-size: 23px;
          background-position: center;
          top: 10px;
          background-color: #f72e2e;
          background-repeat: no-repeat;
          border-radius: 30px;
      }

      /* Cases Carousel Styling */
      .ruw24c_carroussel {
          width: 100%;
          max-width: 100%;
      }

      .ruw24c_carroussel_card {
          padding: 15px;
          position: relative;
          cursor: pointer;
      }

      .ruw24c_carroussel_card_inner {
          background-size: cover;
          background-position: center;
          height: 100%;
          width: 100%;
          padding-top: 100%;
          position: relative;
          border-radius: 2px;
          overflow: hidden;
          transition: transform 0.3s ease;
      }

      .ruw24c_carroussel_card:hover .ruw24c_carroussel_card_inner {
          transform: scale(1.05);
      }

      .ruw24c_carroussel_card_overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: color-mix(in srgb, var(--overlay-color, #000000) 90%, transparent);
          opacity: 0;
          transition: opacity 0.3s ease;
          z-index: 2;
          border-radius: 2px;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .ruw24c_carroussel_card:hover .ruw24c_carroussel_card_overlay {
          opacity: 1;
      }

      .ruw24c_carroussel_card_title {
          color: white;
          font-size: clamp(1.5rem, 1.169rem + 1.395vw, 2.25rem); /* 24px - 36px */
          font-weight: 900;
          text-align: center;
          padding: 20px;
          line-height: 1.2;
      }

      .card_blur {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          filter: blur(20px);
          z-index: -1;
          opacity: 0.3;
      }

      .et_pb_row.ruw24c_fullWithSection {
          width: 100vw;
          margin: 0;
      }

      .et_pb_column.ruw24c_fullWithColumn {
          width: 100%;
          width: 100vw;
      }

      .et_pb_row.ruw24c_fullWithSection,
      .et_pb_column.ruw24c_fullWithColumn,
      .et_pb_module.et_pb_code,
      .et_pb_code_inner,
      .ruw24c_carroussel.slick-initialized.slick-slider,
      .slick-list.draggable {
          overflow: visible;
      }

      .ruw24c_carroussel_prev,
      .ruw24c_carroussel_next {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 50px;
          height: 50px;
          background-color: rgba(0,0,0,.5);
          cursor: pointer;
          z-index: 100;
          right: 0px;
      }

      .ruw24c_carroussel_prev {
          left: 0;
          right: unset;
      }