@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-o-keyframes spin{0%{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.home-hero-carousel [role=button],button
{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    border:none;
    color:inherit;
    font-family:inherit;
    font-weight:inherit;
    padding:0
}
.home-hero-carousel .swiper-slide-visible .home-hero-carousel-image {
    -webkit-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms
}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) {  pointer-events: none}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-text {background: #f9f8f3; opacity: 0}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .swiper-pagination {  opacity: 0}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-image {
    -webkit-transform: translateX(100%) scale(.8);
    -o-transform: translateX(100%) scale(.8);
    transform: translateX(100%) scale(.8);
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}
@media(max-width:767.98px) {
    .home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-image {
        -webkit-transform: translateX(calc(100% - 10px));
        -o-transform: translateX(calc(100% - 10px));
        transform: translateX(calc(100% - 10px))
    }
}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) video { display: none}
.home-hero-carousel .swiper-slide-next {opacity: 1 !important}
.home-hero-carousel-image {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}
.home-hero-carousel-image picture,
.home-hero-carousel-image video {
    grid-column: 1/2;
    grid-row: 1/2;
    position: absolute;
    top:0px;
    left:0px;
}


/*
.home-hero-carousel-image img {
    height:100%;
    width:100%;
    object-fit:cover;
    max-width:100%;
    max-height:100%;
}
@media(min-width:768px) {
    .home-hero-carousel-image img {width: 100%;}
}

.home-hero-carousel-image video {
    aspect-ratio: 548/730;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: calc(100% - 25px);
    z-index: 2
}

.home-hero-carousel-image video::-webkit-media-controls {    display: none !important}
@media(min-width:768px) {
    .home-hero-carousel-image video {
        height: 100%;
        width: 100%
    }
}
*/
.home-hero-carousel-text {
    -webkit-transition: .75s;
    -o-transition: .75s;
    transition: .75s
}
.home-hero-carousel-text p {font-size:19px;}
.home-hero-carousel .swiper-index-current {
    display: grid;
    grid-template-areas: "middle";
    height: 1.2em;
    overflow: hidden;
    position: relative;
    width: 1.25em
}
.colour-damask { color: #dd7f41;}
.home-hero-carousel .swiper-index-current .number {
    grid-area: middle;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -o-transform .3s ease-in-out
}
.home-hero-carousel .swiper-index-current #prev-slide {
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}
.home-hero-carousel .swiper-index-current #next-slide {
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}
.home-hero-carousel .swiper-control {
    position: relative;
    z-index: 2;

}
.home-hero-carousel .swiper-pagination-bullet {
    /*min-width: 36px*/
}
.home-hero-carousel .swiper-pagination-bullet-active {
    /*min-width: 60px*/
}
.home-hero-carousel .swipe-next {
    -webkit-animation: fadeIn .5s 1s forwards;
    -o-animation: fadeIn .5s 1s forwards;
    animation: fadeIn .5s 1s forwards;
    height: 100%;
    /*
    left: calc(82.66667% + 20px);*/
    left: calc(91.66667% + 20px);
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 20%;
    z-index: 20
}
.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .swipe-next { opacity: 0 !important; animation: none !important; }
.bar-pagination {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    gap: 5px;
    justify-content: start;
    position:relative;
}
.bar-pagination .swiper-pagination-bullet {
    -webkit-box-flex: 0;
    background-color: #aaacaf;
    cursor: pointer;
    display: block;
   display: flex;
    height: 10px;
    width: 10px;
    position: relative;
    -webkit-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius:10px;
    opacity:1;
}
.bar-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}
.home-hero-carousel .swiper-pagination-bullet {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.bar-pagination .swiper-pagination-bullet-active {
    -webkit-box-flex: 0;
    background-color: #dd7f41;
    width: 40px;
     -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}



/*---------main-css------start-------------*/
.colour-bombay { color: #aaacaf;}
.h1s {
    font-size: 32px;
}
.bar-pagination {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    gap: 0;

}
.home-hero-carousel .h4{line-height:0px;margin-bottom:0px;}
@media screen and (min-width: 399px) {
    .h1s {
        font-size: calc(2.08117vw + 23.69615px);
    }
    .home-hero-carousel .h4, .home-hero-carousel h4 {
        font-size: calc(.62435vw + 19.50884px);
    }
}
@media screen and (min-width: 1360px) {
    .h1s {
        font-size: 40px;
    }
    .home-hero-carousel   .h4, .home-hero-carousel h4 {
        font-size: 20px;
    }

}

@media(max-width:767px){
    .bar-pagination {
        -webkit-box-align: center;
        -webkit-box-pack: center;
        align-items: center;
        display: -webkit-box;
        display: flex;
        gap: 4px;
        justify-content: center;
        position:relative !important;
        top:0px !important;
        left:0px !important;
        right:0px !important;
        bottom:0px !important;
    }
    .bar-pagination .swiper-pagination-bullet{
        background-color: #ccc;
    }
    .bar-pagination .swiper-pagination-bullet-active {
        -webkit-box-flex: 0;
        background-color: #dd7f41;
        flex: 0 1 40px;
    }
    .home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-image {
        -webkit-transform: translateX(calc(100% - 10px));
        -o-transform: translateX(calc(100% - 10px));
        transform: translateX(calc(100% - 10px));
    }
}
.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-horizontal.swiper-pagination-bullets {
    & .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px);
    }
}
@media(min-width:768px){
    .swiper-control-hold { position: relative; top: -20px;}
    .swiper-number-control {margin-bottom: 1.8em;}
}
.home-hero-carousel h2 {
    font-size: 2.9rem;
}
.home-hero-carousel-image .home-hero-carousel-image-img {--bs-aspect-ratio: 133.33%;}

@media(max-width:768px){
    .home-hero-carousel-image .home-hero-carousel-image-img {--bs-aspect-ratio: 120%;}
    .swiper-control-hold {position: absolute;top: calc(100vw * 1.25);}
    .home-hero-carousel-text {padding: 3em 0;}
    .home-hero-carousel h2 {font-size: 2rem;}
    .home-hero-carousel-image img {
        width: calc(100% - 25px);
      }
      .home-hero-carousel-text p {font-size:16px;}
}



.home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-image {
  transform: translateX(100%) scale(.8);
  transform-origin: right center;
  transition-delay: .75s;
}
@media (max-width: 767.98px) {
  .home-hero-carousel .swiper-slide:not(.swiper-slide-visible) .home-hero-carousel-image {
    transform: translateX(calc(100% - 10px));
  }
}
.home-hero-carousel-image {
  display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr;
}
.home-hero-carousel-image img { height: auto; width: calc(100% - 25px); }
@media (min-width: 768px) {
  .home-hero-carousel-image img {
    max-height: 95vh; object-fit: contain;
    object-position: center right; width: 100%;
  }
}

@media (max-width: 767.98px) {
    /* Freeze slide content animations during drag */
    .home-hero-carousel .swiper-slide .slide-content,
    .home-hero-carousel .swiper-slide h2,
    .home-hero-carousel .swiper-slide p,
    .home-hero-carousel .swiper-slide a {
      will-change: opacity, transform;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }

    /* Only show content of the truly active slide */
    .home-hero-carousel .swiper-slide:not(.swiper-slide-active) .slide-content,
    .home-hero-carousel .swiper-slide:not(.swiper-slide-active) h2,
    .home-hero-carousel .swiper-slide:not(.swiper-slide-active) p,
    .home-hero-carousel .swiper-slide:not(.swiper-slide-active) a {
      opacity: 0 !important;
      transition: none !important;
      animation: none !important;
    }
}