@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);/* responsive breakpoints */
.container {
  padding: 0;
  margin: 0 auto; }
  @media (max-width: 991.98px) {
    .container {
      padding: 0 16px !important; } }

.comp-content-txt-1,
.comp-content-txt-2,
.comp-content-txt-3,
.comp-content-txt-4,
.comp-content-txt-5,
.col-animate-up,
.col-animate-down,
.animate-img {
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.mas-grid-container {
  margin: 0 auto;
  display: grid;
  --gutter: 3.2%;
  --narrow: 1.6%;
  --none: 0;
  --align_start: start;
  --align_center: center;
  --align_end: end;
  --auto_height: stretch;
  --align_items: var(--auto_height);
  --align_content: var(--align_start);
  --colg: var(--gutter);
  --c1: 1fr;
  --c2: 1fr 1fr;
  --c3: 1fr 1fr 1fr;
  --c4: 1fr 1fr 1fr 1fr;
  --c5: 1fr 1fr 1fr 1fr 1fr;
  --c6: 1fr 1fr 1fr 1fr 1fr 1fr;
  --c1_2: 1fr 2.1025fr;
  --c2_1: 2.1025fr 1fr;
  --c1_3: 1fr 3.2831fr;
  --c3_1: 3.2831fr 1fr;
  --c1_1_2: 1fr 1fr 2.1415fr;
  --c1_2_1: 1fr 2.1415fr 1fr;
  --c2_1_1: 2.1415fr 1fr 1fr;
  --col: repeat(auto-fit,minmax(1%,1fr));
  -ms-flex-line-pack: var(--align_content);
      align-content: var(--align_content);
  -webkit-box-align: var(--align_items);
      -ms-flex-align: var(--align_items);
          align-items: var(--align_items);
  gap: var(--rowg, 0) var(--colg);
  grid: var(--row, none)/var(--col);
  grid-auto-columns: 1fr;
  grid-template-areas: var(--area);
  --area5_3: "col1 col1 col2 col2 col3 col3" "col4 col4 col5 col5 . .";
  --area5_1_2: "col1 col2 col2" "col3 col4 col5";
  --area5_2_1: "col1 col1 col2" "col3 col4 col5";
  --area5_1_3: "col1 col2 col2 col2" "col3 col4 col4 col4" "col5 col5 col5 col5";
  --area5_3_1: "col1 col1 col1 col2" "col3 col4 col4 col5";
  --area5_1_1_2: "col1 col2 col3 col3" "col4 col4 col5 col5";
  --area5_1_2_1: "col1 col2 col2 col3" "col4 col4 col5 col5";
  --area5_2_1_1: "col1 col1 col2 col3" "col4 col4 col5 col5";
  --aream2_auto: "col1" "col2";
  --aream3_auto: "col1" "col2" "col3";
  --aream4_auto: "col1" "col2" "col3" "col4";
  --aream5_auto: "col1" "col2" "col3" "col4" "col5";
  --areat6_auto: "col1 col2 col3" "col4 col5 col6";
  --aream6_auto: "col1 col2" "col3 col4" "col5 col6";
  --areat7_auto: "col1 col2" "col3 col4" "col5 col6" "col7 col7";
  --aream7_auto: "col1" "col2" "col3" "col4" "col5" "col6" "col7";
  --areat8_auto: "col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";
  --aream8_auto: "col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8";
  position: relative; }

.mas-grid-inner {
  grid-area: auto;
  -ms-flex-line-pack: inherit;
      align-content: inherit;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: grid;
  float: none;
  margin-inline: 0;
  max-width: none;
  width: auto; }
  @media (max-width: 768.98px) {
    .mas-grid-inner {
      display: block; } }

.mas-grid-layout {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
  position: relative; }

.mas-grid {
  height: auto;
  display: grid !important;
  gap: 5px 0;
  grid-auto-rows: 285px;
  grid-template-columns: repeat(3, 25%) calc(25% - 5px);
  letter-spacing: normal;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (max-width: 768.98px) {
    .mas-grid {
      display: block !important; } }

.mas-grid-layout::after,
.mas-grid::after {
  clear: both;
  content: "";
  display: table; }

.experience-pd_assets-pdPlusMasonaryImgItem {
  height: auto !important;
  left: 0 !important;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative !important;
  top: 0 !important;
  width: auto !important;
  overflow: hidden;
  opacity: 1;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: none; }
  @media (max-width: 768.98px) {
    .experience-pd_assets-pdPlusMasonaryImgItem {
      float: none;
      display: block;
      margin-bottom: 6px; } }
  .experience-pd_assets-pdPlusMasonaryImgItem figure {
    -webkit-transition: width .3s ease-in-out , -webkit-transform .3s ease-in-out;
    transition: width .3s ease-in-out , -webkit-transform .3s ease-in-out;
    transition: width .3s ease-in-out , transform .3s ease-in-out;
    transition: width .3s ease-in-out , transform .3s ease-in-out , -webkit-transform .3s ease-in-out;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 1; }
    @media (max-width: 768.98px) {
      .experience-pd_assets-pdPlusMasonaryImgItem figure {
        position: static !important;
        display: block; } }
    .experience-pd_assets-pdPlusMasonaryImgItem figure a {
      display: block;
      height: 100%;
      width: 100%;
      color: #000;
      text-decoration: none;
      -webkit-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      font-family: "Oswald", sans-serif; }
      .experience-pd_assets-pdPlusMasonaryImgItem figure a img {
        border: 0;
        height: 100%;
        margin: 0;
        -o-object-fit: cover;
           object-fit: cover;
        padding: 0;
        width: 100%;
        max-width: 100%;
        vertical-align: bottom;
        -webkit-transition: width .3s ease-in-out , -webkit-transform .3s ease-in-out;
        transition: width .3s ease-in-out , -webkit-transform .3s ease-in-out;
        transition: width .3s ease-in-out , transform .3s ease-in-out;
        transition: width .3s ease-in-out , transform .3s ease-in-out , -webkit-transform .3s ease-in-out; }
      .experience-pd_assets-pdPlusMasonaryImgItem figure a:hover {
        text-decoration: none;
        border: 0;
        outline: 0; }
        .experience-pd_assets-pdPlusMasonaryImgItem figure a:hover img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
        .experience-pd_assets-pdPlusMasonaryImgItem figure a:hover .mas-img-txt {
          bottom: 0; }

.mas-grid > :nth-of-type(7n+5) {
  grid-column: span 2; }

.mas-grid > :nth-of-type(7n+2),
.tf_tiles_5 > :nth-of-type(5n+2),
.tf_tiles_6 > :nth-of-type(6n),
.tf_tiles_6 > :nth-of-type(6n+2),
.tf_tiles_6 > :nth-of-type(6n+5) {
  grid-column: span 2;
  grid-row: span 2; }

.mas-grid > :nth-of-type(7n+3),
.tf_tiles_5 > :nth-of-type(5n+3),
.tf_tiles_6 > :nth-of-type(6n+3) {
  grid-row: span 2;
  margin-right: 0 !important; }

.mas-grid > :nth-of-type(7n),
.tf_tiles_6 > :nth-of-type(6n) {
  margin-right: 0 !important; }

.mas-img-txt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.65)), to(#fff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.65) 40%, #fff);
  bottom: -100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  inset-inline: 0;
  overflow: hidden;
  padding: 3em 1em 10px;
  position: absolute;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-property: background-color , color , opacity , top , bottom;
  transition-property: background-color , color , opacity , top , bottom;
  width: 100%;
  z-index: 1;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  font-size: 25px;
  font-family: "Oswald", sans-serif; }
  .mas-img-txt:hover {
    color: #ee2e23; }

.mas-top-btn .btn {
  font-family: "Oswald", sans-serif; }