.banner {
  width: 100%;
  position: relative;
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
  height: 80vh; }
  .banner h2 {
    font-size: 66px;
    color: white;
    font-weight: bold;
    line-height: 1.091;
    position: absolute;
    top: 34%;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    transform: translateY(-50%); }
  .banner p {
    font-size: 20px;
    color: white;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0px 2px 1.94px rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 66%;
    transform: translateX(25%);
    top: 45%; }

.sec1 {
  width: 100%;
  height: auto;
  padding-top: 3.5%;
  padding-bottom: 3.5%;
  /* padding: 3.5% auto; */
 }
  .sec1 .piece {
    width: 83.33%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Poppins', sans-serif; }
    .sec1 .piece h2 {
      font-size: 46px;
      color: #292929;
      text-transform: uppercase;
      line-height: 1.565; }
    .sec1 .piece p {
      font-size: 20px;
      color: #333;
      line-height: 1.5;
      width: 75%;
      margin: 0 auto; }
    .sec1 .piece .pie-box {
      width: 100%;
      margin-top: 3%;
      height: 100%; }
      .sec1 .piece .pie-box .item2 {
        height: 485px;
        box-shadow: 0 0 15px #e4e1e1;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%; }
        .sec1 .piece .pie-box .item2 .con2 {
          padding: 11% 0; }
          .sec1 .piece .pie-box .item2 .con2 h2 {
            font-size: 28px;
            color: #292929;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 2.571;
            text-shadow: 0px 2px 1.94px rgba(0, 0, 0, 0.3); }
          .sec1 .piece .pie-box .item2 .con2 p {
            font-size: 16px;
            color: #404142;
            line-height: 1.5; }

.pie-box .item2:nth-child(3n) {
  margin-right: 0 !important; }

@media (min-width: 1365px) and (max-width: 1600px) {
  .sec1 .piece .pie-box .item2 {
    height: 545px; }
    .sec1 .piece .pie-box .item2 .con2 h2 {
      line-height: 1.5; }
    .sec1 .piece .pie-box .item2 .con2 p {
      width: 79%; } }
@media (min-width: 1024px) and (max-width: 1364px) {
  .banner {
    height: 45vh; }

  .sec1 .piece .pie-box .item2 {
    width: 49%;
    height: 495px; }
    .sec1 .piece .pie-box .item2 .con2 {
      width: 100%; }
      .sec1 .piece .pie-box .item2 .con2 h2 {
        line-height: 1.5; }

  .pie-box .item2:nth-child(2n) {
    margin-right: 0 !important; }

  .pie-box .item2:nth-child(3n) {
    margin-right: 2% !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .banner {
    height: 45vh; }
    .banner h2 {
      font-size: 60px; }
    .banner p {
      font-size: 16px; }

  .sec1 .piece h2 {
    font-size: 40px; }
  .sec1 .piece p {
    font-size: 16px; }
  .sec1 .piece .pie-box .item2 {
    width: 49%; }
    .sec1 .piece .pie-box .item2 .con2 h2 {
      font-size: 22px;
      line-height: 1.5; }
    .sec1 .piece .pie-box .item2 .con2 p {
      font-size: 15px;
      width: 100%; }

  .pie-box .item2:nth-child(2n) {
    margin-right: 0 !important; }

  .pie-box .item2:nth-child(3n) {
    margin-right: 2% !important; } }
@media (min-width: 0px) and (max-width: 767px) {
  .banner {
    height: 80vh; }
    .banner h2 {
      font-size: 35px; }
    .banner p {
      font-size: 14px; }

  .sec1 .piece {
    width: 88%; }
    .sec1 .piece h2 {
      font-size: 30px;
      line-height: 35px; }
    .sec1 .piece p {
      width: 100%;
      font-size: 16px; }
    .sec1 .piece .pie-box .item2 {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10%;
      height: 450px; }
      .sec1 .piece .pie-box .item2 .con2 h2 {
        font-size: 22px;
        line-height: 1.5; }
      .sec1 .piece .pie-box .item2 .con2 p {
        font-size: 14px; } }

/*# sourceMappingURL=service.css.map */