.banner-overlay {
    /* position: absolute;
    left: 0px;
    top: 0px; 
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; */
    height: 100%;
    width: 100%;
}

.banner-img-wrapper::after {
    content: '';
    background: linear-gradient(180deg, rgba(38, 45, 35, 0) 0%, rgba(13, 18, 13, 0.81) 100%);
    height: 150px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.banner-overlay-top-ctn {
    max-width: 1180px;
    margin-top: -110px;
    padding-left: 77px;
}

.banner-img-wrapper {
    position: relative
}

.banner-overlay-top-ctn h1 {
    color: #FFF;
    font-size: 96px;
    line-height: 96px;
    margin-bottom: 30px;
    font-weight: 300;
}

.banner-overlay-top-ctn h1 span {
    color: #FFB89E;
    background: linear-gradient(122.47deg, #FFB89E 45.2%, #6E2813 97.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.15));
    font-size: 146px;
    /* line-height: 154px; */
    font-weight: 400;
}

.banner-overlay-top-ctn h1 span.span-black {
    font-weight: 300;
    color: #181A1E;
    -webkit-text-fill-color: inherit;
    background: none;
    font-size: 96px;
    line-height: 96px;
    
}

.banner-overlay-top-ctn p {
    color: #24262A;
    margin-bottom: 0px;
    padding-left: 285px;
    position: relative;
    font-size: 20px;
    line-height: 26px;
}

.banner-overlay-top-ctn p::before {
    content: '';
    width: 232px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    background: #E4AB92;
    height: 1px;
}

/* .home-banner {
    position: sticky;
    top: 0px;
    height: 100vh;
} */
.home-banner-slider-arrows-wrap {
    position: absolute;
    left: 0px;
    bottom: 52px;
    width: 100%;
}

.home-banner-slider-arrows {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    justify-content: end;
    padding-right: 60px;
    position: relative;
}

.home-banner-slider-arrows:before {
    content: "";
    position: absolute;
    right: 10px;
    top: -23px;
    width: 50px;
    height: 23px;
    background: rgba(255, 255, 255, 0.33);
    backdrop-filter: blur(8px);
    z-index: 4;
}

.home-banner-slider-arrows .swiper-button-next,
.home-banner-slider-arrows .swiper-button-prev {
    left: auto;
    right: auto;
    margin: 0px;
    position: relative;
    background: rgba(255, 255, 255, 0.33);
    backdrop-filter: blur(8px);
    width: 112px;
    height: 44px;
    transition: all 0.3s ease 0s;
}

.home-banner-slider-arrows .swiper-button-next:hover,
.home-banner-slider-arrows .swiper-button-prev:hover {
    background: #333F48;
}

.home-banner-slider-arrows .swiper-button-next svg,
.home-banner-slider-arrows .swiper-button-prev svg {
    fill: none;
    width: auto;
    height: auto;
}

.our-projects-wrapper {
    --scroll-bar: 8px;
    overflow: hidden;
}

.our-projects-wrapper .custom-pagination {
    position: absolute;
    /* max-width: 985px; */
    margin: auto;
    margin-top: 0;
    /* height: 52px; */
    bottom: 0;
    top: inherit;
    left: auto;
    right: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 10px;
}
.our-projects-wrapper .custom-pagination .swiper-pagination-bullet {
    background: none;
    height: 25px;
    width: 55px;
    border-radius: 20px;
    display: block;
    opacity: 1;
    margin: 0!important;
    transition: all 0.4s ease;
    position:relative;
}
.our-projects-wrapper .custom-pagination .swiper-pagination-bullet::before{
    content: "";
    position: absolute;
    left:50%;
    bottom: 50%; /* Adjust vertical position */
    transform: translateX(-50%);
    width: 45px;
    height: 1.5px;
    background: #FFB89E;
    display: block;
}
.our-projects-wrapper .custom-pagination .swiper-pagination-bullet-active::before {
    background: linear-gradient(90deg,#FFB89E 0%,#6E2813 50%,#FFB89E 100%);
    background-size: 200% 100%;
    height: 1.5px;
}
.rotating-slider-box {
    text-align: right;
    position: relative;
}

.building-sliderwrap {
    margin-right: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important;
}

.rotating-slider-box video {
    width: 100%;
    height: 577px;
    object-fit: cover;
}

.building-sliderwrap .row {
    justify-content: space-between;
}

.building-sliderwrap [class*="col"]:last-child {
    width: 62.3%;
}

.towerlogo {
    margin-bottom: 34px;
}

.building-side p {
    max-width: 240px;
}


 .rotating-slider-box .image-sm{
    position: absolute;
    max-width: 257px;
    left:-16%;
    bottom: 30px;
 }

.art-section {
    position: relative;
    background-color: #1c1e26;
    overflow: hidden;
}

/* rotating SLIDER */

.our-projects-wrapper .slider-wrapper {
    margin: auto;
}

.our-projects-wrapper .swiper {
    padding-bottom: 31px;
}

/* CONTROLLER */

.controller {
    position: relative;
    max-width: 985px;
    margin: auto;
    margin-top: 0;
    height: 52px;
    display: none;
}

.line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #24262A33;
    transform: translateY(-50%);
}


/* HANDLE */

.handle {
    position: absolute;
    top: 50%;
    left: 42px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(31.11deg, #FFB89E 10.83%, #6E2813 109%);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 7px;
    color: white;
    cursor: grab;
    user-select: none;
    transition: box-shadow .2s ease;
}

.handle:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}

/* rotating SLIDER */
.art-hero {
    position: relative;
}

.art-hero img {
    width: 100%;
    height: 1100px;
    object-fit: cover;
    object-position: center top;
    /* display: block; */
}


.art-hero-content {
    max-width: 470px;
    z-index: 2;
}


.art-hero-content h3 {
    color: #fff;
    margin-bottom: 0;
    letter-spacing: -0.04em;
}

.art-hero-content h2 {
    color: #fff;
    /* font-size: 80px;
    line-height: 80px; */
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.art-hero-content p {
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.art-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.btn-cover {
    display: flex;
}
.art-overlay .row {
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}
.custom-align {
  margin-left: auto;
}

.art-gallery {
    position: relative;
    z-index: 4;
}

.art-gallery__inner .swiper-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
}

.art-gallery__inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 35px 0;
    position: relative;
}


.artSwiper .swiper-slide-active {
    transition: all 0.3s ease 0s;
    transform: scale(1.29);
    z-index: 3;
}

.art-slide__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}

.art-slide:hover .art-slide__img {
    transform: scale(1.06);
}

/* Subtle dark overlay on non-active slides */
.art-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    transition: opacity 0.4s ease;
    border-radius: inherit;
}

.artSwiper .swiper-slide-active .art-slide::after {
    opacity: 0;
}


.art-nav {
    display: flex;
    align-items: center;
    gap: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.art-nav__btn.prev-bt {
    margin-right: 6px;
}

/* Arrow buttons */
.art-nav__btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(31.11deg, #FFB89E 10.83%, #6E2813 109%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: background 0.28s ease, transform 0.22s ease, box-shadow 0.28s ease;
    flex-shrink: 0;
    outline: none;
}

.art-nav__btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 20px rgba(255, 184, 158, 0.35);
}

.art-nav__btn:active {
    transform: scale(0.96);
}

.art-nav__btn svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #fff;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* Separator line between arrows and counter */
.art-nav__line {
    width: 148px;
    height: 1px;
    background: #FFB89E47;
    margin: 0 0 0 9px;
}

/* Counter text */
.art-nav__counter {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0.05em;
    padding-left: 17px;
    text-align: right;
}

.art-nav__counter .current {
    color: rgba(255, 255, 255, 0.90);
    font-weight: 500;
}

.news-section .row {
    justify-content: space-between;
}


.news-section {
    background-color: #ffffff;
}
.news-section .news-header {
    margin-bottom: 61px;
}
.news-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 79px;
}

/* Left block */
.news-header-left {
    flex: 0 0 auto;
    max-width: 52%;
}

h5 {
    /* line-height: 15px; */
    border-left: 2px solid #B17862;
    margin-bottom: 10px;
    padding-left: 15px;
}


.news-header-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 38.7%;
    text-align: left;
    padding-top: 5px;
}
.news-header-right p {
    margin: 0px 0px 35px;
    text-align: right;
}
.news-featured-body h5,.news-card__body h5 {
    border: 0;
    padding-left: 0;
    color: #6E2813 !important;
}
.btn-explore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #c47b5a 0%, #b86847 100%);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 10px 26px;
    border-radius: 50px;
    border: none;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.22s ease, box-shadow 0.3s ease;
    cursor: pointer;
    white-space: nowrap;
}

.btn-explore:hover {
    background: linear-gradient(135deg, #b86847 0%, #a55a38 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 123, 90, 0.38);
    color: #ffffff;
    text-decoration: none;
}

.btn-explore:active {
    transform: translateY(0);
}


.news-featured-img-wrap {
    position: relative;
    overflow: hidden;
}

.news-featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}

.news-featured-img-wrap:hover .news-featured-img {
    transform: scale(1.05);
}

.news-featured-body {
    padding: 6px 0 0;
    flex: 1;
}

.news-card {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 40px;
    padding-left: 20px;
    border-left: 2px solid;
    border-image-source: linear-gradient(180deg, #FFB89E 0%, #6E2813 85.16%);
    border-image-slice: 1;
}

.news-card:nth-child(2)  {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.news-card-img-wrap {
    flex: 0 0 292px;
    width: 292px;
    overflow: hidden;
    position: relative;
}

.news-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    min-height: 160px;
}

.news-card-img-wrap:hover .news-featured-img {
    transform: scale(1.06);
}

.news-card__body {
    flex: 1;
    padding: 4px 0 4px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-section h5 {
    color: #24262A;
    margin-bottom: 15px;
    display: inline-block;
    border-left: 1px solid #B17862;
}

.news-featured-body p {
    margin-bottom: 17px;
}

/* Read More link */
.news-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #6E2813 !important;
    text-decoration: none;
    letter-spacing: 0;
    transition: gap 0.25s ease, color 0.25s ease;

}

.news-col-divider {
    margin: 0;
    padding-left: 12px;
}

.mobile-vision {
    display: none;
}

.talktous-wrap {
    /* background: linear-gradient(180deg, #F9F9F9 0%, #FFFFFF 51.44%, rgba(255, 255, 255, 0) 100%); */
    background: url(../images/talktous-bg.png) right bottom no-repeat; 
    position: relative;
}
.talktous-wrap p {
    max-width: 393px;
}

.talktous-wrap::before {
    position: absolute;
    content: '';
    height: 245px;
    width: 100%;
    background: linear-gradient(180deg, #F9F9F9 0%, #FFFFFF 51.44%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: 0;
    /* z-index: -1; */
}

.talktous-wrap .row {
    justify-content: space-between;
}

.form-group {
    position: relative;
    margin-bottom: 35px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #D6D0C9;
    background: transparent;
    padding: 25px 0 10px 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #24262A;
    outline: none;
}

.form-group label {
    position: absolute;
    top: 0px;
    left: 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #24262A;
    transition: 0.3s;
    pointer-events: none;
}

.form-group textarea {
    height: 80px;
    resize: none;
}

.form-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chkbox-wrp {
    max-width: 260px;
    display: flex;
    flex: 0 0 260px;
    align-items: center;
    gap: 13px;
}

.chkbox-wrp input[type="checkbox"] {
    width: 29px;
    height: 29px;
    border-radius: 10px;
    border: 1px solid #B2B2B2;
}

.chkbox-wrp label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}
.news-section article.news-card .news-card__body h5 {
    border-left:none;
}
.news-section article.news-card .news-card__body a{
     color: #181A1E;
}
.news-section article.news-card .news-card__body a:hover{
     color: #6E2813;
}
.news-featured-body h5 {
    border:none;
}

.news-featured-body a{
     color: #181A1E;
}
.news-section article.news-card .news-card__body a:hover{
     color: #6E2813;
}

.talktous-wrap .col-md-6 .contact-box .wpcf7-not-valid-tip {
    margin: 10px 0 0;
    position: relative;
}
.wpcf7-form .form-bottom .chkbox-wrp .wpcf7-not-valid-tip {
    position: absolute;
} 
.banner-overlay {
    display: none;
}
.news-featured-body .news-read-more {
    color: #6E2813;
}

.news-featured-body .news-read-more:hover {
    color: #181A1E;
}

.custom-pagination{
  position:absolute;
  left:20px;
  right:20px;
  bottom:35px;
  justify-content:center;
  display:flex;
  gap:10px;
  z-index:10;
  margin-bottom: 20px;
}

/* DEFAULT LINE */
.custom-pagination .swiper-pagination-bullet{
    background: none;
    height: 30px;
    width: 55px;
    border-radius: 20px;
    display: block;
    opacity: 1;
    margin: 0!important;
    transition: all 0.4s ease;
    position: relative
}
.home-banner .custom-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50%;
    width: 45px;
    height: 1.5px;
    background: rgba(255,255,255,.3);
    display: block
}

.home-banner .custom-pagination .swiper-pagination-bullet-active::before {
    background: linear-gradient(90deg,#FFB89E 0%,#6E2813 50%,#FFB89E 100%);
    background-size: 200% 100%;
    height: 1.5px
}


/* HOVER */
/* .home-banner .custom-pagination .swiper-pagination-bullet:hover {
    background: linear-gradient(90deg,#FFB89E 0%,#6E2813 50%,#FFB89E 100%);
    background-size: 200% 100%
} */

.rotating-slider-box .image-sm {
    position: absolute;
    max-width: 258px;
    width: 258px;
    left: -148px;
    bottom: 30px;
    overflow: hidden;
}

.image-sm .swiper-slide {
    width: 258px !important;
    overflow:hidden;
}

.image-sm img {
    width: 100%;
    display: block;}
    


@media (max-width: 1024px) {
    .controller {
        max-width: 700px;
    }

       .talktous-wrap .col-md-6 .contact-box .wpcf7-not-valid-tip {
    width: 100%;
}

.wpcf7-form .form-bottom .chkbox-wrp .wpcf7-not-valid-tip {
    width: 400px;
}
}

@media (max-width: 991px) {
    .our-projects-wrapper h5 {
        display: inline-block;
    }

   .art-section .art-overlay .col-md-5.offset-md-7 {
    margin-left: 0;
    width: 100%;
}

    .news-card {
        padding-left: 0;
        border-bottom: 1.5px solid;
        border-left: 0;
        border-image-source: linear-gradient(270deg, #FFB89E 0%, #6E2813 85.16%);
        border-image-slice: 1;
        margin-bottom: 24px;
        padding-bottom: 22px;
    }

    .news-header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 5px;
    }

    .desktop-vision {
        display: none;
    }

    .news-section h5 {
        display: inline-block;
    }

    .news-header-left,
    .news-header-right {
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .news-col-divider {
        border-top: 2px solid;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 24px;
        margin-top: 24px;
        border-image-source: linear-gradient(270deg, #FFB89E 0%, #6E2813 85.16%);
        border-image-slice: 1;
    }

    .mobile-vision {
        display: flex;
        margin: auto;
    }

    .controller {
        margin-bottom: 24px;
    }
    .chkbox-wrp > label{
        font-size: 13px;
    }
}

@media (max-width:820px) {
    .art-hero img {
    height: 1209px;
}
    .banner-overlay-top-ctn h1 {
        font-size: 47px;
        line-height: 47px;
        margin-bottom: 30px;
        max-width: 424px;
        font-weight: 300;
    }

    .banner-overlay-top-ctn h1 span.span-black {
       font-size: 47px;
        line-height: 66px;

    }

    .banner-overlay-top-ctn h1 span {
        font-size: 80px;
        line-height: 80px;
        font-weight: 400;
    }
    .banner-overlay-top-ctn {
        margin-top: -70px;
        padding-left: 0;
    }

    .art-hero-content h2 {
        font-size: 65px;
        line-height: 65px;
    }

    .art-hero-content p {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .our-projects-wrapper .news-header-right p{
    margin-bottom: 0;
}
     .form-bottom .wpcf7-spinner{
    right: inherit;
    bottom: 4px;
    left: 115px;
    }
    .talktous-wrap p {
    max-width: 393px;
    margin: 0 auto 24px;
}
    .talktous-wrap .common-btn{
        display: none;
    }
    /* .talktous-wrap{
            background: url(../images/talktous-bg-mobile.png) right bottom no-repeat;
    } */
    .handle{
        left: 20px;
    }
    .news-header{
                gap: 0px;
    }

    .art-hero-content h2 {
        font-size: 44px;
        line-height: 44px;
    }

    .building-sliderwrap {
        margin-right: inherit !important;
    }

    .image-sm {
        display: none;
    }

    .building-sliderwrap [class*="col"]:last-child {
        width: 100%;
    }

    .towerlogo {
        margin-bottom:0;
        /* min-height: 119px; */
        min-height: inherit;
    }
.news-card__body h4 {
    font-size: 28px;
    line-height: 28px;
}
    .news-header-right {
        max-width: 311px;
        margin: auto;
        padding-top: 0;
    }
    .news-section .news-header-right p {
        margin-bottom: 0px;
        text-align: center;
    }
    .news-section .news-header {
    margin-bottom: 30px;
}

    .news-header-right p {
        margin-bottom: 42px;
        text-align: center;
    }

    .our-projects-wrapper .swiper {
        padding-bottom: 40px;
    }
    .our-projects-wrapper .custom-pagination{
        margin-bottom:19px;
    }

    .building-side {
        text-align: center;
        margin-bottom: 30px;
    }

    .building-side p {
        max-width: 335px;
        margin: 0 auto 25px;
        min-height: 108px;
    }

    .news-section {
        padding: 48px 0 56px;
    }

    .news-card {
        flex-direction: column;
        padding-left: 0;
        border-bottom: 2.5px solid;
        border-left: 0;
        border-image-source: linear-gradient(90deg, #B17A64 0%, #EDB49B 100%);
        border-image-slice: 1;
    }

    .news-card__body {
        padding-left: 0;
        padding-top: 14px;
    }

    .news-card-img-wrap {
        width: 100%;
        height: 165px;
        flex: none;
    }

    .news-card__img {
        min-height: 120px;
    }
     .talktous-wrap h2{
        margin: 0 auto 20px;
        max-width: 300px;
    }
    .talktous-wrap h5 {
    display: table;
    margin: 0 auto 20px;
}

    .news-card__body {
        padding-left: 2px;
    }

    .art-hero-content {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        max-width: 100%;
        padding: 0;
    }

    .art-hero__overlay {
        background: linear-gradient(to bottom,
                rgba(20, 22, 30, 0.2) 0%,
                rgba(20, 22, 30, 0.7) 100%);
    }

    .art-gallery__inner {
        padding: 0 0 0 0;
    }

    .art-nav {
        right: 0;
        bottom: 0;
        max-width: 330px;
        margin: auto;
        position: inherit;
    }

    .art-gallery__inner .artSwiper {
        margin-bottom: 30px;
    }
.news-header-left h2 {
    max-width: 300px;
    margin: 0 auto 10px;
}
    .our-projects-wrapper .news-header-left h2 {
        max-width: 300px;
        margin: 0 auto 23px;
    }
    .art-nav__line {
        width: 198px;
     border-bottom: 1px solid rgba(253, 184 ,160, 20%);
        margin-left: 6px;
    }

    .chkbox-wrp {
        flex: inherit;
        margin-bottom: 20px;
    }

    .form-bottom {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .form-group textarea {
        height: 58px;
    }

    .form-group input,
    .form-group textarea {
        padding: 20px 0 6px 0;
    }

    .form-group:last-child{
        margin-bottom: 42px;
    }

    .talktous-wrap h2,
    .talktous-wrap h5,
    .talktous-wrap p {
        text-align: center;
    }

  

   



    .banner-overlay-top-ctn p::before {
        width: 65px;
    }

    .banner-overlay-top-ctn p {
        padding-left: 80px;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
    }

       .news-section .news-col-divider {
        position: relative;
        border: none;
    }
    .news-section .news-col-divider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 94%;
        height: 2px;
        transform: translateX(-50%);
        background: linear-gradient(90deg, #B17A64 0%, #EDB49B 100%);
    }
.talktous-wrap .col-md-6 .contact-box .wpcf7-not-valid-tip {
    width:100%;
    font-size: 14px;
}
.wpcf7-form .form-bottom .chkbox-wrp .wpcf7-not-valid-tip {width:400px}

.banner-overlay {
    display: none;
}

.handle {
    width: 26px;
    height: 26px;
    padding: 0 7px;
}
.controller svg {
    width: 4.5px;
    height:auto;
}
.line {
    background: rgba(221, 221, 221, 0.87);
}
.handle path {
    stroke-width: 3;
}
    .art-nav__btn {
        width: 30px;
        height: 30px;
    }
      .art-nav__btn svg {
    width: 15px;
    height: 15px;
    }

   .news-section article.news-card .news-card__body #card1ReadMore {
    color: #6E2813;
}
.news-section article.news-card .news-card__body #card1ReadMore:hover {
    color: #181A1E;
}
.custom-pagination .swiper-pagination-bullet {
    flex: inherit;
}
.custom-pagination {
    margin-bottom: 14px;
    gap: 10px;
}
.art-nav__btn.prev-bt {
    margin-right: 5px;
}
.art-nav__counter {
    padding-left: 16px;
}
}

@media (max-width: 480px) {
     .chkbox-wrp > label{
        font-size: 14px;
    }
    .art-hero img {
        height: 100%;
    }

       .art-nav__btn {
        width: 30px;
        height: 30px;
    }

    .rotating-slider-box video {
        height: 237px;
    }

    .artSwiper .swiper-slide-active {
        transform: scale(1.22);
    }

.talktous-wrap .form-bottom {
    flex-direction: row;
}
.art-nav{
    max-width: 310px;
}
  .chkbox-wrp .wpcf7-not-valid-tip {
        /*
        top: calc(100% + 4px);
        left: -55px !important;
        width: calc(100vw - 70px) !important;
        margin-top: 0px !important; */

        position: absolute !important;
        top: unset;
        left: 0 !IMPORTANT;
        margin-top: 2px !important;
        width: calc(100vw - 0px) !important;
    }
}

@media (max-width: 391px) {
        .banner-overlay-top-ctn {
        margin-top: -128px;
        }
    .art-gallery {
        margin-left: -20px;
        margin-right: -20px;
    }
    .news-section .news-col-divider .mobile-vision {
    margin-left:0px;
}
 
.talktous-wrap .form-bottom .chkbox-wrp {
    max-width: 240px;
}

.talktous-wrap .form-bottom .brn-cmn-btn {
    margin-right: 0px;
}


  


.talktous-wrap .form-bottom {
    flex-direction: column;
}

.banner-arrow {
    display: none !important;
}
.chkbox-wrp{
    margin-bottom: 27px;
}
}

@media (max-width: 365px) {

    .art-nav {
        max-width: 300px;
    }

    .art-nav__line {
        width: 300px;
    }

    .banner-overlay-top-ctn h1 {
        font-size: 40px;
        line-height: 59px;
    }
    .talktous-wrap .form-bottom {
        flex-direction: row;
    }
    .chkbox-wrp .wpcf7-not-valid-tip {
        position: absolute !important;
        top: unset;
        left: 0 !IMPORTANT;
        margin-top: 2px !important;
        width: calc(100vw - 0px) !important;
    }
    .banner-overlay-top-ctn h1 span {
        font-size: 70px;
        line-height: 70px;
    }

    .banner-overlay-top-ctn h1 span.span-black {
        font-size: 40px;
        line-height: 59px;
    }
}


/* -----------13/05/26-------------- */

.chkbox-wrp .wpcf7-list-item {
    margin: 0;
}
.wpcf7-form .form-bottom { 
    margin-top: -15px;
} 

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        position: absolute;
        width: 400px;
        margin-top: 4px;
}
 
.chkbox-wrp {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Remove default checkbox */
.chkbox-wrp input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    border: 1px solid #B2B2B2;
    border-radius: 9px; 

    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

/* Hover effect */
.chkbox-wrp input[type="checkbox"]:hover {
    border-color: #000;
}

/* Focus (accessibility) */
.chkbox-wrp input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.2);
}

/* Checked state */
.chkbox-wrp input[type="checkbox"]:checked {
    background-color: #000;
    border-color: #000;
}

/* Checkmark */
.chkbox-wrp input[type="checkbox"]::after {
  content: "";
    position: absolute;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    top: 6px;
    left: 10px;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Show checkmark */
.chkbox-wrp input[type="checkbox"]:checked::after {
    opacity: 1;
}

/* Fix CF7 label spacing */
.chkbox-wrp .wpcf7-list-item {
    margin: 0;
}

/* Optional: style your text label */
.chkbox-wrp > label {
    margin: 0;
    font-size: 14px;
    cursor: pointer;
}
.chkbox-wrp > label a{
    color: #24262A;
    text-decoration: underline !important;
}
.chkbox-wrp > label a:hover{
    color: #a55a38;
}
.form-bottom .wpcf7-spinner{
    display: none;
    position: absolute;
    right: 7px;
    margin: 0;
    padding: 0;
}
form.submitting .wpcf7-spinner{
    display: block;
}

/* new-updatedcsshere */

@media (min-width: 991px) {
    .news-card-img-wrap{
        height: 192px;
    }
}



/* for-banner-slider */

.banner-arrow{
    position: absolute;
    right: 0px;
    bottom: 220px;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 60px;
    max-width: 100px;
    gap: 10px;
}

.banner-arrow > div{
    background: linear-gradient(31.11deg, #FFB89E 10.83%, #6E2813 109%);
    backdrop-filter: blur(6px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: 0.5s ease;
    position: relative;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    left: auto;
    right: auto;
}

.banner-arrow > div svg{
    width: 8px;
}

.banner-arrow > div:hover{
     background: linear-gradient(270.11deg, #FFB89E 10.83%, #6E2813 109%);
}

.banner-arrow .swiper-button-next:after, .banner-arrow .swiper-button-prev:after{
  display: none;
}

.home .our-projects-wrapper h2 {
    line-height: 15px;
    border-left: 2px solid #B17862;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3em;
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
}


.home .our-projects-wrapper h3 {
    font-size: 62px;
    line-height: 62px;
    padding: 0px;
    margin: 0px 0px 30px;
    font-weight: 400;
    letter-spacing: -0.03em;
    font-family: "Source Serif 4", serif;
    border:none;
    padding:0;
    
}

.home .news-section .news-header-left h2 {
    line-height: 15px;
    border-left: 2px solid #B17862;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3em;
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
}


.home .news-section .news-header-left h3 {
    font-size: 62px;
    line-height: 62px;
    padding: 0px;
    margin: 0px 0px 30px;
    font-weight: 400;
    letter-spacing: -0.03em;
    font-family: "Source Serif 4", serif;
    border:none;
    padding:0;
    
}

.home .talktous-wrap h2 {
    line-height: 15px;
    border-left: 2px solid #B17862;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3em;
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
}


.home .talktous-wrap h3 {
    font-size: 62px;
    line-height: 62px;
    padding: 0px;
    margin: 0px 0px 30px;
    font-weight: 400;
    letter-spacing: -0.03em;
    font-family: "Source Serif 4", serif;
    border:none;
    padding:0;
    
}



@media (max-width: 1024px)
{
.home .our-projects-wrapper h2 {
   display: inline-block;
        margin: 0px 0px 10px;
}


.home .our-projects-wrapper h3 {
     font-size: 36px;
        line-height: 36px;
        padding: 0px;
        margin: 0px 0px 24px;
    
}

.home .news-section .news-header-left h2 {
   display: inline-block;
        margin: 0px 0px 10px;
}


.home .news-section .news-header-left h3 {
    font-size: 36px;
        line-height: 36px;
        padding: 0px;
        margin: 0px 0px 24px;
    
}

.home .talktous-wrap h2 {
   display: inline-block;
        margin: 0px 0px 10px;

}


.home .talktous-wrap h3 {
   font-size: 36px;
        line-height: 36px;
        padding: 0px;
        margin: 0px 0px 24px;
    
}

}
@media (max-width: 991px)
{
    .home .our-projects-wrapper h2 {
   display: inline-block;
        margin: 0px 0px 8px;
}


.home .our-projects-wrapper h3 {
     margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
    
}

.home .news-section .news-header-left h2 {
    display: inline-block;
        margin: 0px 0px 8px;
}


.home .news-section .news-header-left h3 {
    margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
    
}

.home .talktous-wrap h2 {
   display: inline-block;
        margin: 0px 0px 8px;

}


.home .talktous-wrap h3 {
    margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
    
    
}
}

@media (max-width: 767px)
{
   
        .home .our-projects-wrapper h2 {
   display: inline-block;
        margin: 0px 0px 10px;
                line-height: 18px;
}


.home .our-projects-wrapper h3 {
     margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
      max-width: 300px;
          letter-spacing: normal;

    
}

.home .news-section .news-header-left h2 {
    display: inline-block;
        margin: 0px 0px 10px;
}


.home .news-section .news-header-left h3 {
    margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
    max-width: 300px;
    letter-spacing: normal;
    
}

    .home .talktous-wrap h2 {
        display: table;
        margin: 0 auto 10px;
        text-align: center;
    }


    .home .talktous-wrap h3 {
        margin: 0 auto 23px;
        font-size: 36px;
        line-height: 36px;
        padding: 0px;
        max-width: 300px;
        padding: 0;
        text-align: center;
        letter-spacing: normal;
    }
}


@media (max-width: 1200px) {
    .banner-arrow {
    position: absolute;
    right: 0px;
    top: 36%;
    bottom: auto;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 0;
    max-width: 100%;
    gap: 10px;
    justify-content: space-between;
    padding: 0 12px;
}
.rotating-slider-box .image-sm {
    left: -16%;
}
}