img.img-content {
    width: 100%;
}

h2.title-content {
    text-align: center;
}
p.detail-content {
    text-align: center;
}

/*section.block-content {
    text-align: center;
}*/

.service-block-three{
    position:relative;
    margin-bottom:50px; 
}
.block-content .col-md-3 {
    padding: 0px 10px;
}
.service-block-three .inner-box{
    position:relative;
        border-radius: 20px;
    background: rgba(255, 255, 255, 0.05); /* โปร่งใสนิดหน่อย */
    backdrop-filter: blur(10px); /* Glassmorphism */
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 
        0 4px 30px rgba(0, 0, 0, 0.1),   /* เงาด้านนอก */
        0 0 25px rgba(255, 255, 255, 0.15), /* Glow ขาวนวล */
        inset 0 0 10px rgba(255, 255, 255, 0.05); /* เงาด้านในบางๆ */

    border: 1px solid rgba(255, 255, 255, 0.2); /* ขอบใสแบบ Apple */
    transition: all 0.3s ease;
}

.service-block-three .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:#2f3ef8;
}

.service-block-three .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block-three .inner-box:hover .image img{
    opacity:0.7;
    transform:rotate(0deg) scale(1.09,1.09);
}

.service-block-three .inner-box .lower-content {
    border-radius: 0px 0px 20px 20px;
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 30px 5px 30px;
    border-bottom: 0px solid #cccccc;
}

.service-block-three .inner-box .lower-content:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(1, 0);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    background-image: -ms-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -moz-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -o-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0A1496), color-stop(100, #313ffa));
    background-image: -webkit-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: linear-gradient(to bottom, #0A1496 0%, #313ffa 100%);
}

.service-block-three .inner-box:hover .lower-content:before{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.service-block-three .inner-box h4 {
    position: relative;
    line-height: 1.3em;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* height: 53px; */
}

.service-block-three .inner-box h4 a{
    position:relative;
    color:#222222;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.service-block-three .inner-box:hover .text,
.service-block-three .inner-box:hover h4 a{
    color:#ffffff;
}


.service-block-three .inner-box .text{
    position:relative;
    color:#666666;
    font-size:16px;
    line-height:1.7em;
    margin-top:12px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    text-align: left;
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.author-detail {
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    color: #fff;
    background: #e80505;
    display: inline-block;
    border-radius: 30px;
    position: absolute;
    top: -17px;
    left: 30px;
}
.service-block-three .inner-box .author-detail .post-meta-date{
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 12px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.service-block-three .inner-box:hover .author-detail .post-meta-date{color: #fff;}
.service-block-three .inner-box .lower-content .plus-box{
    position:absolute;
    left:0px;
    bottom:-20px;
    width:130px;
    height:40px;
    color:#ffffff;
    opacity:0;
    text-align:center;
    line-height:40px;
    border-radius:50px;
    font-weight:700;
    display:inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background-image: -ms-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -moz-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -o-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0A1496), color-stop(100, #313ffa));
    background-image: -webkit-linear-gradient(top, #0A1496 0%, #313ffa 100%);
    background-image: linear-gradient(to bottom, #0A1496 0%, #313ffa 100%);
}

.service-block-three .inner-box:hover .lower-content .plus-box{
    left:50%;
    opacity:1;
    margin-left:-60px;
}

.service-block-three.style-two .inner-box .image{
    background-color:#000;
}
ul.carousel.list.carousel-loaded.owl-carousel.owl-theme.owl-loaded {
    padding-left: 0px;
}
.service-block-three.style-two .inner-box .lower-content:before {
    border-radius: 0px 0px 20px 20px;
    background-image: -ms-linear-gradient(top, #c22a29 0%, #d0641a 100%);
    background-image: -moz-linear-gradient(top, #c22a29 0%, #d0641a 100%);
    background-image: -o-linear-gradient(top, #c22a29 0%, #d0641a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c3393), color-stop(100, #2c3393));
    background-image: -webkit-linear-gradient(top, #c22a29 0%, #d0641a 100%);
    background-image: linear-gradient(to bottom, #6091f7 0%, #032261 100%);
}

.service-block-three.style-two .inner-box .lower-content .plus-box{
    background-color:#000000;
    background-image:none;
}

@media (max-width: 480px){

.service-block-three .inner-box .image img {height: 100%;}


}