.fast-air{

  display: grid;

  grid-template-columns: repeat(3,1fr);

  gap: 1.042rem;

  .item{

    height: 13.333rem;

    display: flex;

    align-items: center;

    justify-content: center;

    .desc{

      padding: 2rem;

      display: flex;

      flex-direction: column;

      justify-content: center;

      text-align: center;

      color: #fff;

      h4{

        font-weight: normal;

        font-size: 1rem;

        padding-bottom: .6rem;

      }

      p{

        font-size: 0.667rem;

        font-weight: normal;

        font-stretch: normal;

        line-height: 1rem;

        letter-spacing: 0rem;

      }

    }

    

    &:hover{

      img{

        transform: scale(1.06);

      }

    }

  }

}

.map{

  display: flex;

  justify-content: space-between;

  height: 28.333rem;

  .card{

    margin-top: 5rem;

    width: 12.917rem;

    border-radius: 0.417rem;

    background-color: #ffffff1c;

    border: solid 0.042rem #ffffff1c;

    padding: 1.5rem;

    h4{

      font-size: 1rem;

      font-weight: normal;

      font-stretch: normal;

      line-height: 1rem;

      letter-spacing: 0rem;

      color: #ffffff;

      margin: 10px 0;

    }

    span{

      display: block;


         padding:0 1rem;

      margin: 10px 0;


      height: 1.25rem;

      line-height: 1.25rem;

      text-align: center;

      background-color: #0671b9;

      border-radius: 0.604rem;

      font-size: 0.667rem;

      color: #fff;

    }

    p{

      font-size: 0.667rem;

      font-weight: normal;

      font-stretch: normal;

      line-height: 1.25rem;

      letter-spacing: 0rem;

      white-space: pre-line;

      color: #ffffff;

    }

  }

  .map-center{

    font-size: 0.75rem;

    line-height: 1rem;

    color: #e5e5e5;

    text-align: center;

    margin-top: -1rem;

    h3{

      font-size: 1.5rem;

      line-height: 1.5rem;

      padding-bottom: 1rem;

      color: #fff;

    }

  }

}



.company{

  display: grid;

  grid-template-columns: repeat(6,1fr);

  gap: 0.667rem;

  >div{

	    border: solid 0.042rem #eeeeee;

      padding: .5rem;

      &:hover{

        img{

          transform: scale(1.06);

        }

      }

      img{

        transition:transform .3s ease;

        max-width: 100%;

      }

  }

}

.contact{

  .grid{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 0.9rem;

    padding-bottom: 0.9rem;

  }

  .label{

    font-size: 0.667rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 1rem;

    letter-spacing: 0rem;

    color: #000000;

  }

  .require::after{

    content: "*";

    color: #ff0000;

  }

  input{

    height: 2.083rem;

    box-sizing: border-box;

    padding:  0 0.6rem;	

    background-color: #ffffff;

    border: solid 1px #e5e5e5;

    font-size: 0.667rem;

    color: #000;

    width: 100%;

    box-sizing: border-box;

    &::placeholder {

      font-size: 0.667rem;

      color: #ffffff;

    }

    &:focus,

    &:hover{

      outline: unset;

      border-color: #fff;

    }

  }

  button{

    display: block;

    margin: 2rem auto;

    width: 7.5rem;

    height: 2.083rem;

    font-size: 0.667rem;

    color: #fff;

    background-color: #0671b9;

  }

  textarea{

    width: 100%;

    display: block;

    padding: 0.6rem;

    box-sizing: border-box;

    background-color: #ffffff;

    border: solid 1px #e5e5e5;

    min-height: 6.25rem;

    &:focus,

    &:hover{

      outline: unset;

      border-color: #fff;

    }

  }

}

.advantage{

  ul{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    text-align: center;

    gap: 3rem;

    padding-bottom: 4rem;

    li{

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      font-size: 0.75rem;

      font-weight: normal;

      font-stretch: normal;

      line-height: 1.25rem;

      letter-spacing: 0rem;

      color: #666666;

      img{

        height: 2.917rem;

        margin-bottom: 1rem;

      }

    }

  }

}

.pk{

  display: flex;

  height: 23.458rem;

  text-align: center;

  position: relative;

  &::after{

    position: absolute;

    content: 'PK';

    display: block;

    width: 5rem;

    height: 5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: #0671b9;

    font-size: 2rem;

	  color: #ffffff;

    top: calc(50% - 2.5rem);

    left: calc(50% - 2.5rem);

  }

  >div{

    flex: 1;

    flex-direction: column;

  }

  h3{

    font-size: 2.5rem;

    font-weight: normal;

    color: #ffffff;

    padding-bottom: 1rem;

  }

  p{

    white-space: pre-line;

    font-size: 1rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 2rem;

    letter-spacing: 0rem;

    color: #ffffff;

  }

}

@media (max-width: 992px) {

  .contact .grid{

    grid-template-columns: repeat(1,1fr);

  }

  .company{

    grid-template-columns: repeat(3,1fr);

  }

  .map{

    height: unset;

    gap: 1rem;

    .map-center{

      display: none;

    }

    .card{

      margin-top: 0;

      background-color: #0671b9ae;

      span{

        background-color: #fff;

        color: #0671b9;

      }

    }

  }

  .fast-air{

    grid-template-columns: repeat(1,1fr);

    .item{

      .img-box{

        overflow: hidden;

        height:unset;

      }

      img{

        height: unset;

        width: 100%;

        object-fit: fill;

        transition: transform .3s ease;

      }

    }

  }

  .advantage ul{

    grid-template-columns: repeat(2,1fr);

  }

  .pk{

    &::after{

      width: 2rem;

      height: 2rem;

      font-size: 1rem;

      top: calc(50% - 1rem);

      left: calc(50% - 1rem);

    }

    h3{

      font-size: 1rem;

    }

  }

}