/* section-banner */
.home #main {
    background-color: #0D0D0D;
}

#main .section-banner {
    padding: 0
}

.section-banner .section-content {
    z-index: 2
}

.admin-bar #main .section-banner .banner {
    padding-top: calc(100vh - 32px)
}

.section-banner #btn-unmute {
    z-index: 9;
    bottom: 18%;
    left: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #d3a455;
    position: absolute;
    margin: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.section-banner #btn-unmute i {
    margin: 0
}

.section-banner #btn-unmute .fa-volume,
.section-banner #btn-unmute.play .fa-volume-xmark {
    display: none
}

.section-banner #btn-unmute.play .fa-volume {
    display: block
}

.section-banner #btn-unmute .fa-volume {}

.section-banner #btn-unmute:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    background-color: rgb(255 238 203 / 30%);
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    -webkit-animation: biilogo-pulse 1s infinite;
    animation: biilogo-pulse 1s infinite;
    z-index: -1;
}

@keyframes biilogo-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(0.95, 0.95, 0.95);
        transform: scale3d(0.95, 0.95, 0.95);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.section-banner .scroll-down {
    position: absolute;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    font-size: 14px;
    color: #fff;
    gap: 15px;
    cursor: pointer;
}

.section-banner .scroll-down img {
    width: 18px;
    object-fit: contain;
    animation: showSmall 2s infinite;
}

.section-banner .banner:after {
    /* content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(22, 22, 22, 0.00) 0%, #0d0d0d 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1; */
}

@keyframes showSmall {
    0% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(10px)
    }
}

/* End section-banner */
/* sec-home-1 */
#main .sec-home-1 {
    padding-top: 30px;
    padding-bottom: 0;
}

#main .sec-home-1.sec-home-2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sec-home-1:before {
    width: 428px;
    height: 1px;
    content: "";
    position: absolute;
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
    left: 0;
    bottom: 30px;
    transition: all .5s;
    transition-delay: .3s;
    z-index: 1;
}

.sec-home-1 .section-bg {
    background-size: auto 100% !important;
    background-position: left center;
}

#main .sec-home-1 .title-home h2 {
    /* margin-bottom: 56px; */
}

.sec-home-1 .col-left {
    padding-top: 23px;
    padding-right: 15px;
    padding-left: 15px;
}

.sec-home-1 .col-right {
    padding-left: 30px;
}

.sec-home-1 .gallery-col.col {
    padding-bottom: 0
}

.sec-home-1 .row-slider {
    padding-bottom: 28px;
}

.sec-home-2 .row-slider {
    padding-bottom: 29px;
}

.sec-home-1 .row-slider:before {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 70px);
    position: absolute;
    background: linear-gradient(131deg, #222 17.71%, #2F2E2B 92.63%);
    left: 95px;
    bottom: -30px;
}

.sec-home-1 .slider .flickity-button {
    display: none;

}

.sec-home-1 .image-cover {
    border-radius: 14px;
    padding-top: 40% !important;
}

.sec-home-1 .gallery-col .col-inner {
    padding: 1px;
}

.sec-home-1 .box {
    padding: 1px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.sec-home-1 .box img {
    transition: all 1s
}

.sec-home-1 .box:hover img {
    transform: scale(1.08);
}

.sec-home-1 .box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/wp-content/themes/flatsome-child/images/line-boder-top.webp) no-repeat;
    background-position: top left;
    background-size: contain;
    z-index: 1;
}

.sec-home-1 .box:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(/wp-content/themes/flatsome-child/images/line-boder-bottom.webp) no-repeat;
    background-position: bottom right;
    background-size: contain;
}

.title-home-2 h3 {
    font-size: 26px;
    font-family: var(--medi);
    /* background: linear-gradient(90deg, #FFEECB 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    line-height: 1.2;
    position: relative;
    display: flex;
    gap: 20px;
    margin-bottom: 22px;
    color: #CEA249;
    text-shadow: 2px 2px 3px #1d1d1d66;
    color: #fff;
}

.title-home-2 {
    position: relative
}

.title-home-2:before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    background: url(/wp-content/themes/flatsome-child/images/icon-title.webp) no-repeat center;
    background-size: cover;
    top: -55px;
    left: -60px;
    opacity: 0;
    visibility: hidden
}

.title-home-2 h3:before {
    content: "01";
    display: block;
    font-size: 75px;
    line-height: 0.8;
    /* background: var(--Linear, linear-gradient(180deg, #FFFDEB 23.25%, #D3A455 77.71%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    font-family: var(--th);
}

.title-home-2 p {
    padding-left: 0;
    line-height: 22px;
    color: #f0f0f0;
    max-width: 550px;
}

#wrapper .sec-home-1 .btn-viewall {
    margin: 15px 0 0 0px;
    padding: 0;
    min-height: unset;
    height: fit-content;
}

/* End sec-home-1 */
/* sec-home-2 */

.sec-home-2 .title-home-2 h3:before {
    content: "02";
}

.sec-home-2 .row-slider:before {
    left: -65px;
}

.sec-home-2 .section-bg {
    background-position: right 40px;
}

.sec-home-2 .col-right {
    padding-left: 15px;
    padding-right: 30px
}

.sec-home-2 .col-right {
    padding-left: 15px;
    padding-right: 30px
}

.sec-home-2:before {
    display: none
}

/* End sec-home-2 */
/* home_service */
.home_service .row-service {
    min-height: calc(100vh - 100px);
}

.home_service .row-service .col {
    padding: 0
}

.home_service .row-service .col-inner {
    height: 100%;

}

.home_service .row-service .col:nth-of-type(2) h3:before {
    content: "02";
}

.home_service .row-service .col:first-child {
    border-right: 1px solid rgb(255 238 203 / 30%);
}

.home_service .row-service .item {
    position: relative;
    padding: 20% 8%;
    overflow: hidden;
    height: 100%;
}

#main .home_service {
    padding-bottom: 0;
    padding-top: 30px;
}

.home_service .row-service .item.active {
    background: linear-gradient(0deg, #161616bd 0%, #161616 100%);
}

.home_service .row-service .item.active p {
    opacity: 1
}

.home_service .row-service .item.active .btn-viewall {
    opacity: 1
}

.home_service .title-home-2 h3 {
    color: #fff;
    text-shadow: 1px 1px 1px #0d0d0d;
    justify-content: flex-start;
}

.home_service .row-service .item .box-image {
    display: none
}

.home_service .row-service .item.active .title-home-2 h3 {
    color: #CEA249;
}

.home_service .title-home-2 p {
    opacity: 0;
    padding-left: 0;
}

.home_service .btn-viewall {
    opacity: 0
}

.home_service .image-full {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    inset: 0;
    z-index: 0;
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}

.home_service .image-full.active {
    opacity: 1;
}

.home_service .image-full .img-inner {
    width: 100%;
    height: 100%;
}

.home_service .image-full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_service .row {
    z-index: 3;
}

/* End home_service */
/* home_service2 */
.home_service2 .col-image+.col-image {
    margin-top: 0;
}

.home_service2 .col-image .image-cover {
    border-radius: 0;
}

.home_service2 .col-image .image-cover img {
    transition: all 1s
}

.home_service2 .col-image .box:hover img {
    transform: scale(1.08);
}

.home_service2 .col-image .box-text {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: left;
    padding: 0 15px 5px;
    max-width: 1290px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    height: fit-content;
    padding-left: 50px;
}

.home_service2 .col-image .image-cover:before {
    border-radius: 0;
    background: rgb(29 29 29 / 50%);
    bottom: 0;
    top: unset;
    height: 100%;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
}

.home_service2 .col-image .title-home-2 {
    display: flex;
    flex-wrap: wrap;
}

.title-home-2 h3 {
    text-align: left;
}

.home_service2 .col-image:last-of-type .title-home-2 h3:before {
    content: "02"
}


/* End home_service2 */
/* home-project */
#main .home-project {
    padding-top: 30px;
    padding-bottom: 30px;
}

#main .home-project .bg {
    background-position: top
}

.home-project:before {
    width: 428px;
    height: 1px;
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
    right: 0;
    top: 0px;
    transition: all .5s;
    transition-delay: .3s;
    z-index: 1;
}

.home-project .title-home h2 {
    margin-bottom: 10px
}

.home-project .title-home p {
    max-width: 685px;
    margin: 0 auto 30px;
    color: #B8B8B8;
}

.home-project .flatsome-project-loadmore .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

.home-project .flatsome-project-loadmore .row:after {
    display: none
}

.home-project .col.post-item {
    flex-basis: 100%;
    max-width: 100%;
}

.home-project .col.post-item:nth-of-type(2) {
    grid-row: span 2;
    grid-column: span 2;
}

.box-project .box-text {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 15px 15px 20px;
    opacity: 0;
}

.box-project:hover .box-text {
    opacity: 1
}

.home-project .col.post-item:nth-of-type(2) .box-text {
    padding: 15px 39px 35px
}

.home-project .col.post-item:nth-of-type(2) .image-cover {
    padding-top: calc(75% + 10px) !important;
}

.box-project .image-cover {
    border-radius: 9px;
    z-index: 2;
}

.box-project .image-cover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, rgba(13, 13, 13, 0.90) 87.5%);
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all .3s;
}

.box-project img {
    transition: all .3s
}

.box-project:hover img {
    transform: scale(1.05);
}

.box-project:hover .image-cover:before {
    opacity: 1
}

.box-project .box-image {
    border-radius: 10px;
    padding: 1px !important;
}

.box-project .box-image:after {
    content: "";
    background: rgb(223, 198, 155);
    background: linear-gradient(190deg, rgba(223, 198, 155, 1) 0%, rgba(201, 156, 82, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transition: all 2s;
    transform: translate(-50%, -50%) scale(1.2);
}

.box-project:hover .box-image:after {
    transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
}

.box-project .post-title {
    color: #E7E7E7;
    font-family: var(--medi);
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.box-project .post-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.box-project .post-title:hover {
    color: var(--theme-color);
}

.box-project .post-title .icon-angle-right {
    width: 30px;
    height: 30px;
    border: 1px solid #D3A455;
    position: relative;
    transform: rotate(45deg);
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 1px;
    flex-shrink: 0;
    border-radius: 50%;
}

.box-project .post-title .icon-angle-right:before {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    left: 0px;
    transition: all .4s;
    transform: rotate(-45deg) translateX(-35px);
}

.box-project .post-title .icon-angle-right:after {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    left: 0px;
    transition: all .4s;
    transform: rotate(-45deg) translateX(0px);
}

.box-project .post-title:hover .icon-angle-right:before {
    transform: rotate(-45deg) translateX(0px);
}

.box-project .post-title:hover .icon-angle-right:after {
    transform: rotate(-45deg) translateX(35px);
}

#wrapper .home-project .btn-viewall2 {
    margin: 43px auto 0;
    display: flex;
    width: fit-content;
}

.home-project .scrollmagicfadeUp .project-item {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: all 0.6s;
}

.home-project .scrollmagicfadeUp .box-image img {
    transform: scale(1.2);
    opacity: 0;
    transition: all 1s;
}

.home-project .scrollmagicfadeUp .box-image:hover img {
    transform: scale(1.08) !important;
}

.home-project .scrollmagicfadeUp.scroll-css .box-image img {
    opacity: 1;
    transform: scale(1);
}

/* End home-project */
/* sec-home-3 */
#main .sec-home-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sec-home-3 .section-bg-overlay {
    background: linear-gradient(180deg, #0D0D0D 0%, rgba(13, 13, 13, 0.85) 48.5%, #0D0D0D 100%);
}

.sec-home-3 .title-home h2 {}

.review-wrapper .review-item .top {
    display: flex;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
    top: unset;
}

.review-wrapper .review-item .img {
    width: 78px;
    height: 78px;
}

.review-wrapper .review-item .image-cover {
    border-radius: 50%;
}

.review-wrapper .review-item .text {
    padding-top: 14px;
    padding-left: 14px;
}

.review-wrapper .review-item .name-customer {
    font-size: 22px;
    font-family: var(--medi);
    color: var(--theme-color);
    line-height: 1.1;
    margin-bottom: 9px;
}

.review-wrapper .review-item .position-customer {
    font-size: 15px;
    margin: 0;
    color: #B8B8B8;
}

.review-wrapper .review-item .review-project {
    padding: 12px 0;
    position: relative;
    padding-left: 38px;
    margin-bottom: 36px;
    z-index: 2;
}

.review-wrapper .review-item .review-project img {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.review-wrapper .review-item .review-project p {
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.review-wrapper .review-item .review-project:before,
.review-wrapper .review-item .review-project:after {
    content: "";
    width: 100%;
    max-width: 428px;
    height: 1px;
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
    position: absolute;

    left: 0;
}

.review-wrapper .review-item .review-project:before {
    top: 0;
}

.review-wrapper .review-item .review-project:after {
    bottom: 0;
}

.review-wrapper .review-item .review-content {
    line-height: 22px;
    color: #fff;
    margin: 0;
    z-index: 2;
    position: relative;
    height: 110px;
    overflow-y: auto;
}

.review-wrapper .review-item {
    padding: 37px 48px 57px;
    position: relative
}

.review-wrapper .review-item:before {
    content: "";
    width: 100%;
    height: 50%;
    background: url(/wp-content/themes/flatsome-child/images/bg-review-item-top.webp) no-repeat;
    background-size: cover;
    background-position: top left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.review-wrapper .review-item:after {
    content: "";
    width: 100%;
    height: 50%;
    background: url(/wp-content/themes/flatsome-child/images/bg-review-item-bottom.webp) no-repeat;
    background-size: cover;
    background-position: bottom left;
    position: absolute;
    left: 0;
    bottom: 0
}

.review-wrapper .review-item .icon-note {
    max-width: 55px;
    position: absolute;
    top: -3px;
    right: 4px;
}

.review-wrapper .col {
    padding-top: 10px
}

#main .review-wrapper {
    padding-bottom: 16px
}

.sec-home-3 .col-left {
    padding-right: 45px;
}

.sec-home-3 .col-left:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #646464;
    position: absolute;
    right: -15px;
    top: 0;
}

.sec-home-3 .col-right {
    padding-left: 85px;
}

.video-wrapper .thumb-video .item {
    padding: 0 10px
}

.video-wrapper .thumb-video .slick-list {
    margin: 0 -10px
}

.video-wrapper .thumb-video .image-cover {
    border-radius: 10px;
    border: 1px solid transparent
}

.video-wrapper .thumb-video .slick-current.slick-active .image-cover {
    border: 1px solid var(--theme-color)
}

.video-wrapper .thumb-video img {
    transition: all .3s;
    cursor: pointer;

}

.video-wrapper .thumb-video .image-cover:hover img {
    transform: scale(1.05);
}

.thumb-video {
    padding-top: 18px;
    border-top: 1px solid #646464;
    margin-top: 24px;
}

.video-wrapper .video-top .video-title {
    font-family: var(--regular);
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
    margin: 16px 0 0;
    overflow: hidden;
}

.video-wrapper .video-button {
    width: 53px;
    height: 53px;
    position: absolute;
    z-index: 2;
    border-radius: 10000px;
    border: 1px solid var(--efe-38-d, #BE912E);
    background: rgba(239, 227, 141, 0.40);
    backdrop-filter: blur(5px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    -webkit-animation: ripple 0.7s linear infinite;
    animation: ripple_video 0.7s linear infinite;
    cursor: pointer;
}

.video-wrapper .video-button i {
    transform: translateX(2px)
}

.video-wrapper .video-top .videoInItem {
    border-radius: 10px;
    background: linear-gradient(190deg, rgba(223, 198, 155, 1) 0%, rgba(201, 156, 82, 1) 100%);
    padding: 1px;
}

.video-wrapper .video-item .playing .video-button {
    opacity: 0;
    visibility: hidden;
}

.video-wrapper .video-item .videoInItem::-webkit-media-controls-fullscreen-button,
.video-wrapper .video-item .videoInItem::-webkit-media-controls-play-button {
    display: none;
}

.sec-home-3 .section-bg {
    top: 0;
    /* height: calc(100% + 130px); */
}

/* End sec-home-3 */
/* sec-home-4 */
.sec-home-4 .list-logo:first-of-type {
    margin-bottom: 0;
}

.sec-home-4 .list-logo-2,
.sec-home-4 .list-logo-2 img {
    transform: rotate(180deg)
}

.sec-home-4 .uxb-wrapper .list-logo {
    transform: unset;
}

.sec-home-4 .uxb-wrapper .list-logo .col:nth-of-type(n+7) {
    display: none
}

.sec-home-4 .uxb-wrapper .list-logo img {
    transform: unset;
}

.sec-home-4 .list-logo .col {
    padding-bottom: 0;
    padding: 0;
}

.sec-home-4 .list-logo .col img {
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all .3s
}

.sec-home-4 .list-logo .col:hover img {
    filter: unset;
    opacity: 1;
}

#main .sec-home-4 {
    padding-bottom: 30px;
    padding-top: 30px;
    background: linear-gradient(270deg, rgba(22, 22, 22, 0.00) 0%, #161616 50.5%, #161616 100%);
}

.sec-home-4 .swiper-wrapper {
    /* transition-timing-function: linear; */
}

/* End sec-home-4 */
@media screen and (min-width: 1600px) {
    .sec-home-2 .section-bg {
        background-size: auto 150% !important;
    }

    .sec-home-1 .image-cover {
        border-radius: 14px;
        padding-top: 40% !important;
    }
	.home_service .row-service .item{
		padding-left: 22%;
	}
	.sec-home-1 .col-left {
		padding-top: 62px;
	}
	.title-home-2 h3 {
		font-size: 34px;		
	}
	.title-home-2 h3:before {
		font-size: 100px;
	}
	#wrapper .sec-home-1 .btn-viewall {
		margin: 20px 0 0 0px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1199.98px) {
    .title-home-2 h3 {
        font-size: 30px
    }

    .sec-home-1 .col-left {
        padding-left: 40px
    }

    .title-home-2 h3:before {
        font-size: 80px
    }

    .review-wrapper .review-item {
        padding: 30px 40px 45px;
    }

    .sec-home-3 .col-right {
        padding-left: 65px
    }

}

@media screen and (max-width: 849.98px) {

    #main .sec-home-1 .title-home h2 {
        margin-bottom: 35px
    }

    .sec-home-1 .col-left {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        flex-basis: 50%;
        max-width: 50%;
    }

    .sec-home-1 .col-right {
        flex-basis: 50%;
        max-width: 50%;
    }

    .title-home-2 h3 {
        font-size: 22px;
        gap: 16px;
    }

    .title-home-2 h3:before,
    .sec-home-2 .title-home-2 h3:before {
        font-size: 65px;
    }

    .title-home-2 p {
        padding-left: 0;
    }

    .sec-home-1 .row-slider:before {
        left: 70px;
    }

    .sec-home-2 .row-slider:before {
        left: -35px;
    }

    #wrapper .sec-home-1 .btn-viewall {
        margin: 20px 0 0 0px;
    }

    .title-home-2:before {
        width: 180px;
        height: 180px;
        top: -40px;
        left: -53px;
    }

    .sec-home-1:before {
        bottom: 0px;
    }

    .home-project .flatsome-project-loadmore .row {
        grid-template-columns: repeat(6, 1fr);
    }

    .home-project .col.post-item {
        grid-column: span 2;
    }

    .home-project .col.post-item:nth-of-type(2) {
        grid-column: span 4;
    }

    .home-project .col.post-item:nth-of-type(n+4) {
        grid-column: span 3;
    }

    .sec-home-3 .col-left {
        flex-basis: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-bottom: 50px;
    }

    .sec-home-3 .col-left .review-wrapper .col {
        flex-basis: 80%;
        max-width: 80%;
    }

    .sec-home-3 .col-left .review-wrapper .col:not(.is-selected) {
        filter: blur(2px);
    }

    .sec-home-3 .col-right {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    .home_service .row-service .item {
        padding: 20% 20px
    }


    #main .sec-home-4 {
        padding-bottom: 60px;
        padding-top: 25px;
    }

    .home_service .row-service {
        min-height: 450px
    }

}

@media screen and (max-width: 767.98px) {
    .home_service2 .col-image .image-cover {
        padding-top: 75% !important;
    }

    .home_service2 .col-image .title-home-2 p {
        display: none
    }

    .home_service2 .col-image .box-text {
        text-align: left;
        padding-left: 15px;
    }

    .home_service2 .col-image:last-of-type .box-text {
        padding-right: 15px
    }

    .home_service2 .col-image .title-home-2 h3 {
        margin-bottom: 0;
        /* justify-content: flex-start; */
        font-size: 20px;
    }

    .review-wrapper .review-item .icon-note {
        max-width: 30px;
    }

    .section-banner #btn-unmute {
        width: 36px;
        height: 36px;
        min-height: 36px;
        left: 15px;
        font-size: 14px;
    }

    .review-wrapper .review-item .review-content {
        height: 134px;
    }

    .review-wrapper .review-item .review-project p {
        -webkit-line-clamp: 2;
        height: 48px;
        display: flex;
        align-items: center;
    }

    .home-project .title-home p {
        margin-bottom: 35px
    }

    .sec-home-1 .image-cover {
        border-radius: 10px;
    }

    #wrapper .sec-home-1 .btn-viewall {
        margin-top: 10px
    }

    #main .sec-home-1 {
        padding-top: 30px;
    }

    #main .sec-home-1.sec-home-2 {
        padding-bottom: 0;
    }

    .sec-home-1 .col-left {
        padding-bottom: 30px;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-top: 0;
    }

    .sec-home-1 .col-right {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        order: 1;
    }

    #main .sec-home-1 .title-home h2 {
        margin-bottom: 25px
    }

    .sec-home-1 .row-slider:before {
        height: calc(100% - 30px);
        bottom: -15px;
    }

    #main .home-project {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .home-project .flatsome-project-loadmore .row {
        /* display: flex;
        flex-flow: row nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch; */
        display: flex;
    }

    #main .home-project .slick-list {
        padding-left: 0 !important;
        margin: 0 -15px;
        width: calc(100% + 15px) !important;
    }

    .home-project .flatsome-project-loadmore .row {
        padding-bottom: 25px;
        margin-bottom: -25px;
    }

    .home-project .flatsome-project-loadmore .row::-webkit-scrollbar {
        display: none;
    }

    .home-project .col.post-item {
        flex-shrink: 0;
        flex-basis: 10%;
        max-width: 100%;
        /* scroll-snap-align: start; */
    }

    .home-project .slick-current.slick-active .box-text,
    .box-project .image-cover:before {
        opacity: 1
    }

    .home-project .col.post-item:nth-of-type(2) .image-cover {
        padding-top: 75% !important;
    }

    .home-project .col.post-item:nth-of-type(2) .box-text {

        padding: 15px 15px 20px;
    }

    #main .sec-home-3 {
        padding-top: 30px;
        padding-bottom: 0;
    }

    #main .sec-home-4 {
        padding-bottom: 30px
    }

    .sec-home-3 .title-home h2 {
        margin-bottom: 15px
    }

    #wrapper .home-project .btn-viewall2 {
        margin-top: 10px
    }

    .home_service .title-home-2 p {
        display: none;
    }

    .home_service .row-service .item {
        padding: 0;
    }

    .home_service .image-full {
        display: none
    }

    .home_service .row-service .item .box-image {
        display: block;
    }

    .home_service .row-service .item .box-image .image-cover {
        padding-top: 75%
    }

    .home_service .title-home-2 h3 {
        color: var(--theme-color3);
        margin-bottom: 0;
        text-shadow: unset
    }

    .home_service .btn-viewall {
        opacity: 1;
    }

    .home_service .row-service .item .box-image .image-cover:before {
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #1616162b 0%, #161616 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .home_service .row-service .item .box-text {
        padding: 15px;
        bottom: 0;
        position: absolute;
        z-index: 2;
    }
}

@media screen and (max-width: 575.98px) {
    .sec-home-3 .col-left .review-wrapper .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .review-wrapper .review-item {
        padding: 30px 25px 40px;
    }

    .review-wrapper .review-item:before {
        height: 55%;
        background-size: 100% auto;
        background-position: top right;
    }

    .review-wrapper .review-item:after {
        height: 48%;
        background-size: 100% auto;
        z-index: -1;
    }

    .review-wrapper .review-item .name-customer {
        font-size: 18px
    }

    .review-wrapper .review-item .position-customer {
        font-size: 14px
    }

    .review-wrapper .review-item .review-content::-webkit-scrollbar {
        width: 3px;
    }

    .review-wrapper .review-item .text {
        padding-top: 5px;

    }

    #main .review-wrapper {
        padding-bottom: 0
    }

    .video-wrapper .video-top .video-title {
        font-size: 18px
    }

    .video-wrapper .thumb-video .image-cover {
        border-radius: 5px
    }

    .video-wrapper .thumb-video .item {
        padding: 0 5px 5px;
    }

    .video-wrapper .thumb-video .slick-list {
        margin: 0 -5px;
    }
	.sec-teams .col-right .box{
		justify-content: flex-start !important;
	}
	.sec-teams .row-bottom .team-item:nth-of-type(2) {
		margin-top: 0px !important;
	}
}

@keyframes ripple_video {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
            0 0 0 0.5em rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
            0 0 0 0.5em rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0.2),
            0 0 0 1em rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0.2),
            0 0 0 1em rgba(255, 255, 255, 0);
    }
}