section {
            padding: 60px 0;
            min-height:  ;
        }
        
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
           
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style:  ;
        }
        img {
    max-width: 100%;
    height: auto;
}
.section_title {
  margin-bottom: 40px;
}

.section_title h2 {
  color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.brand_border .fa.fa-minus {
    color: #fff;
    font-size:   ;
    height: 2px;
        background: rgba(198, 240, 60, 0.5); none repeat scroll 0 0;
    width: 100px;
}
.brand_border .fas.fa-handshake {
    font-size: 14px;
        color:#000000;
}


.section_title p {
  color: #000000;
  font-size: 14px;
  line-height: 25px;
  padding: 14px 0;
}

.choose_us .section_title {
    margin-top: 45px;
}
#service .single_service {
  padding: 32px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

#service .single_service:hover{
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.4);
}

#service .icon {
  border: 1px solid #f67107;
  border-radius: 5%;
  color: #f67107;
  font-size: 35px;
  line-height: 65px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 70px;
}

#service .single_service .single_service-left {
  padding-right: 25px;
}

.single_service-heading {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}

.single_service-body p {
  font-size: 13px;
  line-height: 25px;
}

.single_service-left {
  display: table-cell;
  vertical-align: top;
}
.single_service-body {
  color: #333333;
  display: table-cell;
  vertical-align: top;
}
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
#service .single_service:hover {
    background: #f2f2f0 none repeat scroll 0 0;
}
#service .row {
  display: flex;
  flex-wrap: wrap;
}

#service .col-md-3 {
  width: calc(33.33% - 30px); /* 調整格子之間的間距 */
  margin: 15px; /* 調整格子之間的間距 */
}

@media (max-width: 991px) {
  #service .col-md-3 {
    width: calc(50% - 30px); /* 在較小的螢幕上調整每列只顯示兩個格子 */
  }
}

@media (max-width: 767px) {
  #service .col-md-3 {
    width: 100%; /* 在較小的螢幕上讓每個格子佔據整行 */
  }
}