.maincontent {
    max-width: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  h2{
    font-size: 42px;
  }
  
  .windows-why{
      padding: 30px 12px;
      max-width: 75%;
      margin: 0 auto;
  }
  .offerings-title{
      color: white;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
  .svc-offerings{
      background-image: url("/imageserver/AdminMedia/Paralax_Backgrounds/2000x800siding.jpg");
      background-size: cover;
      background-attachment: fixed;
      padding: 2% 2%;
  
  }
  .offerings-content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      justify-content: center;
      align-items: center;
  }
  .offer-item{
      margin: 2%;
      padding: 1%;
      color: #222;
      background-color: white;
      border-radius: 25px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
  
  }
  .item-wrapper{
      display: flex;
  
  }
  .offer-item>p{
      line-height: 1.6;
  }
  .offerings-image{
      max-width: 100%;
      height: auto;
  }
  .svc-area-column{
    background-image: url("/imageserver/AdminMedia/Paralax_Backgrounds/solar-blue-bg.jpg");
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
  }
  
  .svc-area-left, .svc-area-right{
    background-color: white;
    padding: 1%;
    margin: 1%;
    max-width: 45%;
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
  
  }
  
  .svc-area-right>p{
    line-height: 1.5;
    
  }
  .contact-button-container{
    display: flex;
    justify-content: center;
  }
  /* .window-products{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin: 5%;
  } */
  .products-header{
      margin: 0 5%;
  }
  .window-item-wrapper{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-image: url("/imageserver/AdminMedia/Paralax_Backgrounds/2200windowsAlside-26007A.jpg");
      background-size: cover;
      background-attachment: fixed;
  }
  .window-item{
      background-color: white;
      /* background-color: #08559C; */
      max-width: 30%;
      height: auto;
      margin: 1%;
      border-radius: 25px;
      padding: 1%;
      line-height: 1.5;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  @media (max-width: 768px){
    .svc-area-column{
      flex-direction: column;
      align-items: center;
    }
    .svc-area-left,.svc-area-right{
        max-width: 100%;
    }

  }
  /* -- Home - Services -- */

  .services-card-front>img{
    max-width: 100%
  }
  
  .services-global {
      padding: 50px 20px;
      text-align: center;
  }
  .services-global>h2{
    text-transform: uppercase;
    color: black;
  }
  .services-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      list-style: none;
      margin: 40px auto;
      padding: 0;
  }
  .services-card {
      position: relative;
      margin: 10px 1%;
      
  }
  .services-card hr {
      border: none;
      border-top: 2px solid #fff;
      width: 150px;
      margin: 15px auto;
  }
  
  .services-card-front,
  .services-card-back {
      width: 100%;
      height: 100%;
      transition: transform 1.5s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-clip-path: polygon(0 5%, 5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%);
      clip-path: polygon(0 5%, 5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%);
      color: white;
  }
  .services-card-front {
      background: var(--light-blue);
      color: #222;
      padding: 15px;
  }
  .services-card-front i {
      font-size: 2.5em;
      background: var(--accent-color);
      color: #fff;
      margin-top: 15px;
      padding: 8px;
      border-radius: 50%;
  }
  .services-card-front h3 {
      font-size: 1.44em;
      margin: 15px auto;
      color: white;
      position: absolute;
      width: 90%;
      bottom: 15px;
      padding: 2%;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
  
  .services-card-back {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #08559C;
      transform: rotateY(180deg);
      background-size: cover;
      background-position: center;
      padding: 2% 1%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .services-card-back>.site_button{
    color: black;
    background: white;

  }

  .services-card-back>p{
    font-size: 14px;


  }
  
  .services-card:hover .services-card-front {
      transform: rotateY(180deg);
  }
  .services-card:hover .services-card-back {
      transform: rotateY(0deg);
  }
  
  /* .services-back-image-1 {
      background-image: url(https://www.gaf.com/-/media/side-card-panel/featured-contractorwarranty.jpg?w=2048&hash=785B05C43BFE4CD5D6324203F1477B2749319EAB&);
  }
  .services-back-image-2 {
      background-image: url(https://www.gaf.com/-/media/side-card-panel/featured-contractorwarranty.jpg?w=2048&hash=785B05C43BFE4CD5D6324203F1477B2749319EAB&);
  }
  .services-back-image-3 {
      background-image: url(https://www.gaf.com/-/media/side-card-panel/featured-contractorwarranty.jpg?w=2048&hash=785B05C43BFE4CD5D6324203F1477B2749319EAB&);
  }
  .services-back-image-4 {
      background-image: url(https://www.gaf.com/-/media/side-card-panel/featured-contractorwarranty.jpg?w=2048&hash=785B05C43BFE4CD5D6324203F1477B2749319EAB&);
  } */
  
@media(max-width: 992px){
    .services-card-back>p{
        font-size: 15px;
    }
    .item-wrapper{
        flex-direction: column;
    }
}

@media (max-width: 768px){
    .services-card-back>p{
        font-size: 20px;
    }
}