@media (min-width:1280px) {
    .container {
        width: 1280px
    }
}

p {
    margin: 0
}

.custom-navbar .nav>li>a {
    color: #fff !important
}

.custom-navbar .nav>li>.menuItem {
    color: #fff !important
}

.custom-navbar .down-arrow:after {
    border-color: #fff !important
}

.custom-navbar.top-nav-collapse .nav>li>a {
    color: #000 !important
}

.custom-navbar.top-nav-collapse .nav>li>span {
    color: #000 !important
}

.custom-navbar.top-nav-collapse .down-arrow:after {
    border-color: #000 !important
}

.custom-navbar .navbar-brand {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAArCAYAAADVLSWwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjYtMDEtMTFUMTU6MjY6MDUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTAxLTExVDE1OjM5OjA3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI2LTAxLTExVDE1OjM5OjA3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwOWU0MGY5LWIw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) no-repeat !important;
    background-size: 100% auto !important
}

.custom-navbar.top-nav-collapse .navbar-brand {
    background: url(data:image/png;base64,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) no-repeat !important;
    background-size: 100% auto !important
}

.contact-btn {
    border: 1px solid #ccc
}

#blog-top {
    height: 667px;
    padding-top: 189px;
    background: #000;
    overflow: hidden
}

#blog-top .container {
    background: url(../public/images/blog-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0;
    position: relative;
    height: 100%
}

.banner-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-slide {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .5s ease;
    left: 0
}

.banner-slide.active {
    display: block
}

.banner-slide.slide-out-left {
    display: block;
    transform: translateX(-100%)
}

.banner-slide.slide-in-right {
    display: block;
    transform: translateX(100%)
}

.banner-slide.slide-in-left {
    display: block;
    transform: translateX(-100%)
}

.banner-slide.slide-out-right {
    display: block;
    transform: translateX(100%)
}

.banner-nav {
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 10
}

.slide-indicator {
    display: flex;
    gap: 10px
}

.indicator {
    width: 36px;
    height: 6px;
    background-color: hsla(0, 0%, 100%, .2);
    cursor: pointer;
    transition: all .3s ease
}

.indicator.active {
    background-color: hsla(0, 0%, 100%, .9)
}

#blog-top .banner-content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    height: 100%
}

#blog-top .banner-text {
    max-width: 535px
}

#blog-top .banner-text h2 {
    margin-bottom: 24px;
    font-family: Rubik;
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    background: linear-gradient(90deg, #fff, #32b9ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

#blog-top .banner-desc {
    font-family: Rubik !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: hsla(0, 0%, 100%, .65);
    margin-bottom: 32px
}

#blog-top .btn-enquire {
    display: inline-block;
    padding: 15px 50px;
    background-color: rgba(50, 185, 255, .9);
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color .3s
}

#blog-top .btn-enquire:hover {
    background-color: #32b9ff
}

#blog-top .banner-image {
    position: relative;
    width: 624px
}

#blog-top .banner-image img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

#blog-top .banner-image .banner-image-ipad {
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(50px);
    animation: slideUp .8s ease forwards;
    animation-delay: .3s;
    width: 624px;
    height: 351px;
    -o-object-fit: cover;
    object-fit: cover
}

#blog-top .banner-image .decoration-left {
    position: absolute;
    width: 248px;
    height: auto;
    left: -110px;
    top: 50%;
    margin-top: -124px;
    z-index: 1;
    opacity: 0;
    transform: translateY(50px);
    animation: slideUp .8s ease forwards;
    animation-delay: .8s
}

#blog-top .banner-image .decoration-right {
    position: absolute;
    width: 112px;
    height: auto;
    right: 30px;
    bottom: 180px;
    z-index: 2;
    opacity: 0;
    transform: translateY(50px) rotate(18.19deg);
    animation: slideUpR .8s ease forwards;
    animation-delay: 1s
}

@keyframes slideUpR {
    0% {
        opacity: 0;
        transform: translateY(50px) rotate(18.19deg)
    }

    to {
        opacity: 1;
        transform: translateY(0) rotate(18.19deg)
    }
}

.banner-slide:not(.active) .banner-image-ipad,
.banner-slide:not(.active) .decoration-left,
.banner-slide:not(.active) .decoration-right {
    opacity: 0;
    animation: none
}

.banner-slide.active .banner-image-ipad,
.banner-slide.active .decoration-left,
.banner-slide.active .decoration-right {
    animation-play-state: running
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width:992px) {
    #blog-top {
        height: auto;
        padding-top: 120px;
        padding-bottom: 60px
    }

    #blog-top .banner-content {
        flex-direction: column;
        text-align: center;
        height: auto;
        gap: 0
    }

    #blog-top .banner-text {
        max-width: 100%;
        text-align: left;
        padding-top: 20px;
        order: 2
    }

    #blog-top .banner-image {
        position: relative;
        width: 100%;
        margin-top: 30px;
        order: 1
    }

    #blog-top .banner-image .banner-image-ipad {
        width: 100%;
        height: auto
    }

    #blog-top .banner-image .decoration-left {
        width: 150px;
        left: -50px
    }

    #blog-top .banner-image .decoration-right {
        width: 80px;
        right: 10px;
        bottom: 100px
    }
}

@media (max-width:576px) {
    #blog-top {
        height: 850px;
        padding: 100px 10px 0
    }

    #blog-content-top {
        height: 300px !important
    }

    #blog-content .container {
        padding: 0 20px !important
    }

    .blog-article__header .title {
        font-size: 20px !important;
        font-family: Rubik !important
    }

    .blog-article__divider {
        margin: 20px auto !important
    }

    .blog-article__content h3 {
        font-size: 20px !important;
        font-family: Rubik !important
    }

    .blog-article__content p {
        font-size: 16px !important;
        margin-bottom: 20px !important
    }

    .grid-card__title {
        font-size: 22px !important
    }

    #blog-top .banner-text h2 {
        font-size: 36px;
        line-height: 1.2
    }

    #blog-top .banner-desc {
        font-size: 14px;
        font-family: Rubik !important;
        margin-bottom: 32px
    }

    #blog-top .banner-image .decoration-left {
        width: 100px;
        left: -30px
    }

    #blog-top .banner-image .decoration-right {
        width: 60px;
        right: 0;
        bottom: 80px
    }

    #more-blog .more-articles h2 {
        font-size: 32px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .blog-article__content ul li {
        font-size: 16px !important
    }
}

#blog-main {
    margin-bottom: 50px
}

.long-card {
    height: 425px;
    display: flex;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05)
}

.long-card__content {
    flex: 1;
    padding: 48px
}

.long-card__header .title {
    font-family: Rubik;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 16px;
    color: #000
}

.long-card__content .date {
    display: block;
    font-family: Rubik;
    font-size: 17px;
    color: rgba(0, 0, 0, .4);
    margin-top: 45px
}

.long-card__text {
    color: rgba(0, 0, 0, .65);
    font-family: Rubik !important;
    font-size: 17px;
    line-height: 1.5
}

.long-card__media {
    width: 50%;
    padding-left: 40px
}

.long-card__media img {
    width: 585px;
    height: 329px;
    margin-top: 48px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.grid-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
    gap: 56px 32px;
    margin-top: 40px
}

.grid-card:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.grid-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.grid-card__media {
    width: 100%;
    height: 350px
}

.grid-card__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.grid-card__content {
    padding: 24px;
    background: #fff
}

.grid-card__title {
    font-size: 28px;
    line-height: 35px;
    font-weight: 600;
    color: rgba(0, 0, 0, .9);
    margin-top: 0;
    margin-bottom: 8px;
    font-family: Rubik
}

.grid-card__date {
    line-height: 24px;
    display: block;
    margin-top: 12px;
    color: rgba(0, 0, 0, .4)
}

.grid-card__date,
.grid-card__text {
    font-family: Rubik;
    font-weight: 400;
    font-size: 17px
}

.grid-card__text {
    color: rgba(0, 0, 0, .65);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-left {
    padding-left: 0
}

@media (max-width:768px) {
    #blog-top .container {
        background: url(../public/images/blog-bg.png) no-repeat 31%;
        background-size: 200% 44%
    }

    .long-card {
        flex-direction: column;
        height: auto
    }

    .long-card__media {
        width: 100%;
        height: auto;
        padding-left: 0
    }

    .long-card__media img {
        margin-top: 10px
    }

    .long-card__content {
        padding: 32px
    }

    .long-card__header .title {
        font-size: 22px
    }

    .grid-cards {
        grid-template-columns: 1fr;
        margin-top: 72px
    }

    .grid-card__media {
        height: auto
    }

    #blog-main .container {
        padding: 0 20px !important
    }

    .about_img {
        padding: 0 32px
    }

    .long-card {
        display: inline-block !important
    }
}

#blog-content-top {
    position: relative;
    height: 660px
}

#blog-content-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    pointer-events: none
}

#blog-content-top img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

#blog-content .container {
    background: #fff;
    position: relative;
    margin-top: -100px;
    padding: 0 40px;
    clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 100%)
}

#blog-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

#blog-content .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-article {
    max-width: 920px;
    margin: 100px auto 0;
    padding: 26px 0 60px
}

.blog-article__header {
    margin-bottom: 40px;
    text-align: center
}

.blog-article__header .title {
    font-family: Rubik !important;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    color: #000
}

.blog-article__divider {
    width: 60px;
    height: 2px;
    background-color: #000;
    margin: 32px auto
}

.blog-article__header .date {
    display: block;
    font-family: Rubik;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .65)
}

.blog-article__media {
    margin-bottom: 40px;
    border-radius: 8px;
    overflow: hidden
}

.blog-article__media img {
    width: 100%;
    height: auto;
    display: block
}

.blog-article__content {
    font-family: Rubik;
    font-size: 20px;
    line-height: 1.7;
    color: rgba(0, 0, 0, .75)
}

.blog-article__content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin: 40px 0 24px
}

.blog-article__content h3 {
    font-family: Rubik !important;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    color: #000;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left
}

.blog-article__content ul {
    margin-bottom: 20px;
    padding-left: 0
}

.blog-article__content ul li {
    font-family: Rubik;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 8px
}

.blog-article__content p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 40px;
    color: rgba(0, 0, 0, .9)
}

@media (max-width:1200px) {
    .long-card__header .title {
        font-size: 32px
    }

    .long-card__media img {
        width: 100%
    }
}

@media (max-width:768px) {
    .blog-article {
        padding: 30px 15px;
        margin-top: 50px
    }

    .banner-desc {
        height: 14.4rem
    }

    .blog-article__header .title {
        font-size: 32px;
        font-family: Rubik !important
    }

    .blog-article__content h2 {
        font-size: 24px
    }

    #long-card-sbc {
        flex-direction: column !important
    }
}

#more-blog {
    background: #f5f5f5;
    padding-bottom: 100px
}

#more-blog .more-articles {
    margin-top: 40px;
    margin-bottom: 40px
}

#more-blog .more-articles h2 {
    margin-top: 100px;
    margin-bottom: 80px;
    font-family: Rubik;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}