.contain {
max-width: 1380px;
    padding-left: 20px;
    padding-right: 20px;
    float: none !important;
    margin: auto !important;
z-index: 2;
  position: relative;
  text-align: left;
}

.contain:has(.pad-on-dt) {
max-width: 1800px;
}
  
  .tiers-grid {
margin-top: 3em; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px;
  }



.tier-card {
transition: all 300ms ease;
  border: 1px solid transparent;
}

.tier-card:hover {
box-shadow: 0px 5px 30px 0px #CDA257;
  border: 1px solid #9A6F25 !important;
}

.tier-card:nth-of-type(2):hover {
box-shadow: 0px 5px 30px 0px #6D59CF;
  border: 1px solid #2B1887 !important;
}

.tier-card:nth-of-type(3):hover {
box-shadow: 0px 5px 30px 0px #FF768F;
  border: 1px solid #F14972 !important;
}





.pavilion-for-teams {
display: flex;
gap: 40px;
color: white;
background: var(--blue-700);
border-radius: 12px;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 25px;
  grid-column: 1 / -1;

}

.pavilion-for-teams h5, .pavilion-for-teams p {
color: white !important; 
} 

.pft-top {
display: flex;
flex-direction: row;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
  
@media screen and (max-width: 991px) {
    .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  .pavilion-for-teams {
  flex-direction: column;
  grid-column: unset !important;
    text-align: left;
    align-items: start;
    justify-content: start;
  }
    
@media screen and (max-width: 500px) {
    
  .tiers-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .pft-top {flex-direction: row; align-items: center;}


  .hideonmobile {display: none !important;}
}