:root{
   --grid-gutter: 2rem;
}

.container{
   width: 100%;
   max-width: var(--page-max-width);
   margin: 0px auto;
   overflow: hidden;
   padding: 0 clamp(12px, 12px, 16px);
}


.row.row-col-responsive {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping of columns */
    gap: 4vw; /* Fixed gap between columns to prevent exceeding container width */
}

.row.row-col-responsive .col {
    box-sizing: border-box; /* Ensures padding/border are included in width calculations */
    overflow: hidden;
}

.row.row-col-responsive .col.col-main {
    flex: 0 0 calc(70% - 2vw); /* Reduce width slightly to account for gap */
    overflow: auto;
}

.row.row-col-responsive .col.col-side {
    flex: 0 0 calc(30% - 2vw); /* Reduce width slightly to account for gap */
}

@media (max-width: 959px) {
    .row.row-col-responsive {
        flex-direction: column;
    }

    .row.row-col-responsive .col-main,
    .row.row-col-responsive .col-side {
        flex: 0 0 100%;
        max-width: 100%; /* Prevents any overflow on mobile */
    }

    .row.row-col-responsive .col-side.hide-sm {
        display: none;
    }
}


.rys_grid .grid-row,
.rys_grid [class*="grid-row-"] {
   -webkit-box-direction: normal;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   justify-content: flex-start;
   margin-left: calc(var(--grid-gutter) / -2);
   margin-right: calc(var(--grid-gutter) / -2);
}

.rys_grid .grid-row,
.rys_grid [class*="grid-row-"],
.rys_grid .grid-row.reverse,
.rys_grid [class*="grid-row-"].reverse {
   -webkit-box-orient: horizontal;
}

.rys_grid .grid-row.reverse,
.rys_grid [class*="grid-row-"].reverse {
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
}
 .rys_grid .grid-col {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }
 .rys_grid .grid-col,
 .rys_grid [class*=" grid-col-"],
 .rys_grid [class^="grid-col-"] {
   margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
 }
 .rys_grid .grid-col-1 {
   -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
   flex: 0 0 calc(8.33333% - var(--grid-gutter));
   max-width: calc(8.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-1,
 .rys_grid .grid-col-2 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-2 {
   -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
   flex: 0 0 calc(16.66667% - var(--grid-gutter));
   max-width: calc(16.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-3 {
   -ms-flex: 0 0 calc(25% - var(--grid-gutter));
   flex: 0 0 calc(25% - var(--grid-gutter));
   max-width: calc(25% - var(--grid-gutter));
 }
 .rys_grid .grid-col-3,
 .rys_grid .grid-col-4 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-4 {
   -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
   flex: 0 0 calc(33.33333% - var(--grid-gutter));
   max-width: calc(33.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-5 {
   -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
   flex: 0 0 calc(41.66667% - var(--grid-gutter));
   max-width: calc(41.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-5,
 .rys_grid .grid-col-6, .rys_grid .grid-row-6 .grid-col {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-6, .rys_grid .grid-row-6 .grid-col {
   -ms-flex: 0 0 calc(50% - var(--grid-gutter));
   flex: 0 0 calc(50% - var(--grid-gutter));
   max-width: calc(50% - var(--grid-gutter));
 }
 .rys_grid .grid-col-7 {
   -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
   flex: 0 0 calc(58.33333% - var(--grid-gutter));
   max-width: calc(58.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-7,
 .rys_grid .grid-col-8 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-8 {
   -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
   flex: 0 0 calc(66.66667% - var(--grid-gutter));
   max-width: calc(66.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-9 {
   -ms-flex: 0 0 calc(75% - var(--grid-gutter));
   flex: 0 0 calc(75% - var(--grid-gutter));
   max-width: calc(75% - var(--grid-gutter));
 }
 .rys_grid .grid-col-10,
 .rys_grid .grid-col-9 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-10 {
   -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
   flex: 0 0 calc(83.33333% - var(--grid-gutter));
   max-width: calc(83.33333% - var(--grid-gutter));
 }
 .rys_grid .grid-col-11 {
   -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
   flex: 0 0 calc(91.66667% - var(--grid-gutter));
   max-width: calc(91.66667% - var(--grid-gutter));
 }
 .rys_grid .grid-col-11,
 .rys_grid .grid-col-12 {
   -webkit-box-flex: 0;
 }
 .rys_grid .grid-col-12 {
   -ms-flex: 0 0 calc(100% - var(--grid-gutter));
   flex: 0 0 calc(100% - var(--grid-gutter));
   max-width: calc(100% - var(--grid-gutter));
 }


@media screen and (max-width: 599px) {
   .rys_grid .grid-col,
   .rys_grid .grid-row-6 .grid-col,
   .rys_grid [class*="grid-row-"][class*="grid-col-"],
   .rys_grid [class*="grid-col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 100%;
   }
}



 @media screen and (min-width: 900px) {
   .rys_grid .grid-col-1-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
     flex: 0 0 calc(8.33333% - var(--grid-gutter));
     max-width: calc(8.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-2-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
     flex: 0 0 calc(16.66667% - var(--grid-gutter));
     max-width: calc(16.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-3-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(25% - var(--grid-gutter));
     flex: 0 0 calc(25% - var(--grid-gutter));
     max-width: calc(25% - var(--grid-gutter));
   }
   .rys_grid .grid-col-4-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
     flex: 0 0 calc(33.33333% - var(--grid-gutter));
     max-width: calc(33.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-5-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
     flex: 0 0 calc(41.66667% - var(--grid-gutter));
     max-width: calc(41.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-6-md, .rys_grid .grid-row-6 .grid-col-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(50% - var(--grid-gutter));
     flex: 0 0 calc(50% - var(--grid-gutter));
     max-width: calc(50% - var(--grid-gutter));
   }
   .rys_grid .grid-col-7-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
     flex: 0 0 calc(58.33333% - var(--grid-gutter));
     max-width: calc(58.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-8-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
     flex: 0 0 calc(66.66667% - var(--grid-gutter));
     max-width: calc(66.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-9-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(75% - var(--grid-gutter));
     flex: 0 0 calc(75% - var(--grid-gutter));
     max-width: calc(75% - var(--grid-gutter));
   }
   .rys_grid .grid-col-10-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
     flex: 0 0 calc(83.33333% - var(--grid-gutter));
     max-width: calc(83.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-11-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
     flex: 0 0 calc(91.66667% - var(--grid-gutter));
     max-width: calc(91.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-12-md {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - var(--grid-gutter));
     flex: 0 0 calc(100% - var(--grid-gutter));
     max-width: calc(100% - var(--grid-gutter));
   }
 }
 @media screen and (min-width: 1200px) {
   .rys_grid .grid-col-1-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(8.33333% - var(--grid-gutter));
     flex: 0 0 calc(8.33333% - var(--grid-gutter));
     max-width: calc(8.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-2-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(16.66667% - var(--grid-gutter));
     flex: 0 0 calc(16.66667% - var(--grid-gutter));
     max-width: calc(16.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-3-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(25% - var(--grid-gutter));
     flex: 0 0 calc(25% - var(--grid-gutter));
     max-width: calc(25% - var(--grid-gutter));
   }
   .rys_grid .grid-col-4-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(33.33333% - var(--grid-gutter));
     flex: 0 0 calc(33.33333% - var(--grid-gutter));
     max-width: calc(33.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-5-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(41.66667% - var(--grid-gutter));
     flex: 0 0 calc(41.66667% - var(--grid-gutter));
     max-width: calc(41.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-6-lg, .rys_grid .grid-row-6 .grid-col-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(50% - var(--grid-gutter));
     flex: 0 0 calc(50% - var(--grid-gutter));
     max-width: calc(50% - var(--grid-gutter));
   }
   .rys_grid .grid-col-7-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(58.33333% - var(--grid-gutter));
     flex: 0 0 calc(58.33333% - var(--grid-gutter));
     max-width: calc(58.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-8-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(66.66667% - var(--grid-gutter));
     flex: 0 0 calc(66.66667% - var(--grid-gutter));
     max-width: calc(66.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-9-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(75% - var(--grid-gutter));
     flex: 0 0 calc(75% - var(--grid-gutter));
     max-width: calc(75% - var(--grid-gutter));
   }
   .rys_grid .grid-col-10-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(83.33333% - var(--grid-gutter));
     flex: 0 0 calc(83.33333% - var(--grid-gutter));
     max-width: calc(83.33333% - var(--grid-gutter));
   }
   .rys_grid .grid-col-11-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(91.66667% - var(--grid-gutter));
     flex: 0 0 calc(91.66667% - var(--grid-gutter));
     max-width: calc(91.66667% - var(--grid-gutter));
   }
   .rys_grid .grid-col-12-lg {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - var(--grid-gutter));
     flex: 0 0 calc(100% - var(--grid-gutter));
     max-width: calc(100% - var(--grid-gutter));
   }
 }