.home-banner{
    position:relative;
    height:clamp(380px, 40vw, 500px);
    overflow: hidden;
    display:flex;
    align-items: center;
    justify-content: center;
}

.home-banner .feature-item{
    width:100%;
    max-width: 960px;
    padding:1rem;
}

.home-banner .feature-item-img{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.home-banner .feature-item-img img{
    width:100%;
    height:100%;
    object-fit: cover;
    animation-direction: reverse;
    animation-timing-function: ease-in;
    animation-name: zoomIn;
    animation-duration: 15s;
}

@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.home-banner .feature-item-text{
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.home-banner .feature-item-title{
    font-size:2.5rem;
    font-weight: 700;
}
.home-banner .feature-item-content{
    font-size:1.5rem;
    margin-bottom: 2rem;
}

/* section 1 */

.section-1{
    padding-top: 45px;
    padding-bottom: 45px;
}
.section-1 .block-grid-row{
    border: 1px solid #e5e1e1;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    background-color:#fff;
    padding:40px;
}

.section-1 .features {
    display: flex;
    gap: 2rem;
    justify-content: center;
}

.section-1 .feature-item{
    text-align: center;
    flex:1;
}

.section-1 .feature-item-title{
    font-size:0.825rem;
    color: #788084 !important;
    margin-top:20px;
}

.section-1 .feature-item-content{
    margin-top:10px;
}

@media (max-width: 768px) {
    .section-1 .features {
        flex-direction: column;
        gap: 1.5rem;
    }
}


/* Announcement */
.announcement-section{
    margin-top:40px;
    margin-bottom:40px;
}
.home-announcement{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    width:100%;
    margin-top:40px;
}
.home-announcement > *{
    padding: 2rem;
    border-right: 1px solid #e5e1e1;
}


@media (max-width: 992px){
    .home-announcement{
        grid-template-columns:1fr;
    }
    .home-announcement > *{
        border-right: 0 solid #e5e1e1;
        border-bottom: 1px solid #e5e1e1;
    }
}

.home-announcement .post-item:last-child{
    border-right: none;
}

.home-announcement .post-title{
    font-size:1.25rem;
    font-weight: 600;
    margin-bottom:15px;
}
.home-announcement .post-date{
    font-size:0.9rem;
    color: #888888;
    margin-bottom:8px;
}

.home-announcement .read-more{
    font-size:0.825rem;
    display:inline-block;
    font-weight: 600;
    color:var(--primary-color);
}

.home-announcement .read-more::after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: var(--primary-color);
    transition: width .3s;
}
.home-announcement .read-more:hover::after{
    width: 100%;
}



/* Section 2 */
.section-2{
    padding-top:60px;
    padding-bottom:60px;
    background-image:url(/media/mw3ohkbf/161f886cae014312b89bf65125e5ca05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-2-content{
    margin-top:48px;
}
.section-2-content .block-grid-col:first-child{
    flex:1;
}
.section-2-content .block-grid-col:last-child{
    flex:2;
}

@media (max-width:992px) {
    .section-2-content .block-grid-col:last-child{
        order:1;
    }
    .section-2-content .block-grid-col:first-child{
        order:2;
    }
}

.section-2-content-right{
    padding:40px;
}


.section-2 .platform-icons td{
    width:25%;
    text-align: center;
    font-size:0.9rem;
    color:var(--second-color);
    font-weight:800;
}
.section-2 .platform-icons img{
    height: 50px;
}

.section-2-card{
    margin-top:3rem;
    background:#fff;
    padding:40px;
    border-radius: 3px;
    font-size:1.25rem;
}

.section-2-card .link-item{
    display:block;
    text-align: center;
}





/* Section 3 */

.section-3{
    padding-top:40px;
    padding-bottom:40px;
    background-color:#fff;
    background-image:url(/media/vmmn3ikj/6199f39fdc3e428d864b63c946f3615f.webp);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}
@media (min-width: 1569px) {
    .section-3{
        background-size: contain;
    }
}
@media (max-width: 768px) {
    .section-3{
        background-position: top left;
    }
}

.acc-open-enquiry{
    display:flex;
    gap:1rem;
    margin-top:1.5rem;
    width:75%;
}
@media (max-width:992px) {
    .acc-open-enquiry{
        width:100%;
    }
}

@media (max-width:768px) {
    .acc-open-enquiry{
        flex-direction: column;
    }
}

.acc-open-enquiry > div{
    flex:1;
    display:flex;
    align-items: center;
}
.acc-open-enquiry input{
    border-radius: 6px;
    background-color: #fbfbfb;
    padding: 0 14px;
    color: #60666A;
    font-size: 0.941rem;
    border: 1px solid #d0d0d0;
    height:42px;
    width:100%;
    font-size:1rem;
}
input::placeholder{
    color: #b0b0b0;
}