.services .cta{
  text-align: left;
  margin-bottom: 130px;
  height: auto;
  padding-top: 4.5em;
}

.services .ots-center{
  width: 100%;
  max-width: 1100px;
}

.services h2{
  width: 100%;
  text-align: left;
  font-size: 45px;
  margin-bottom: 0px;
}

.services .sub-title{
  font-size: 1.8em;
  font-weight: 500;
  text-align: left;
  width: 100%;
  margin: 0px 0px .65em 0px;
  border-bottom: 1px solid rgba(000,000,000, .2);
  padding-bottom: .5em;
}

.services .service{
  width: 533px;
  padding: 15px 20px 15px 20px;
  margin-right: 15px;
  margin-bottom: 15px;
  background: #fff6da;
}

.services .ots-grid{
  width: 100%;
  display: grid;
  grid-template-columns: 31% 31% 31%;
  gap: 2.3%;
}

.services .ots-grid .package{
  padding: 3.5em 2em 2em 2em;
  box-shadow: 0px 20px 20px rgba(000,000,000, .1);
  border-radius: 5px;
}

.services .ots-grid .package .info{
  min-height: 38em;
}

.services .ots-grid .package h2{
  font-size: 2em;
  font-weight: 800;
  margin: 0px;
  text-align: left;
}

.services .ots-grid .package p{
  font-size: .75em;
  color: black !important;
  margin: .5em 0px 1.2em 0px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
}

.services .ots-grid .package h3{
  font-size: 1.1em;
  font-weight: 700;
  text-align: left;
  width: 100%;
  margin: 0px 0px .65em 0px;
  font-family: 'Rubik', sans-serif;
}

.services .ots-grid .package h4{
  font-size: 2.9em;
  font-weight: 700;
  text-align: left;
  width: 100%;
  margin: 0px 0px .55em 0px;
  color: black !important;
  font-family: 'Rubik', sans-serif;
  opacity: 1;
  border-bottom: 1px solid black;
  display: inline-block;
}

.services .ots-grid .package h4 span{
  font-size: .45em;
  line-height: 2.9em;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: black !important;
  margin-left: .2em;
}

.services .ots-grid .package ul {
  display: inline-block;
  position: relative;
}

.services .ots-grid .package ul li{
  display: list-item;
  list-style-position: outside;
  text-align: left;
  margin-bottom: 1em;
  margin-left: 1em;
  font-size: .85em;
}

.services .ots-grid .package .learnmore{
      width: 100%;
      height: 49px;
      margin: 1.7em 0px 0px 0px;
      text-align: center;
      font-size: 1em;
      line-height: 49px;
      color: white;
      background-color: #a2094b;
      text-decoration: none;
}

.services .ots-grid .package .package-download{
  text-align: center;
  width: 100%;
  font-size: .85em;
  margin: 1em 0px 0px 0px;
  padding: 0px;
  font-weight: 400;
  text-decoration: underline;
  color: black;
  opacity: .45;
}

.services .faq-widget{
  width: 100%;
  margin: 4em 0px 2em 0px;
}

.services .faq-widget .h1{
  width: 100%;
  margin-bottom: .2em;
  border-bottom: 1px solid rgba(000,000,000, .2);
  padding-bottom: .1em;
}

.services .faq-widget .question{
  width: 100%;
  text-align: left;
  background-color: #f8f8f8;
  border-radius: 5px;
  padding: 15px 20px 15px 20px;
  margin-bottom: 15px;
}

.services .faq-widget .question h3{
  font-size: 1.6em;
  margin: 0px 0px .7em 0px;
}

@media(max-width: 980px){

  .services h2{
    width: 100%;
    font-size: 2.6em;
    text-align: left;
  }

  .services h2 span{
    width: auto;
    text-align: left;
  }

  .services .cta{
    margin-top: 25px;
    margin-bottom: 0px;
    padding-top: 0px;
  }

  .services .service{
    width: 100%;
  }

  .services .ots-grid{
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    gap: 0%;
  }

  .services .ots-grid .package{
    padding: 3.5em 2em 2em 2em;
    box-shadow: 0px 20px 20px rgba(000,000,000, .1);
    border-radius: 5px;
    margin-bottom: 1.5em;
  }

  .services .ots-grid .package .info{
    min-height: 1em;
  }
}
