/* ==HOME== */


.imgs{
    height: 100%;
}
.firstImg{
    height: 465px !important;
    background-image: url(../images/trail1.png);
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.secImg{
    height: 220px !important ;
    background-image: url(../images/trail2.png);
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 24px;
}
.trdImg{
    height: 220px !important;
    background-image: url(../images/trail4.png);
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.frthImg{
    height: 220px !important;
    background-image: url(../images/trail3.png) !important;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.fithImg{
    background-image: url(../images/trail5.png) !important;
    background-position: center;
    background-size: cover;
    height: 220px;
    border-radius: 20px;
}
.homeHero{
   position: absolute;
    padding:  150px 130px;
    top: 0;
}

.homeHero p{
    width: 80%;
    
}

#carouselExampleControls{
    position: relative;
}

.prevBtn{

    width: 100px !important;
}

.nextBtn{

width: 150px;
}




.heroCall{
    display: flex;
    align-items: center;
    gap: 15px;
}

.heroCall h6{
    font-size: 32px;
    font-family: var(--semiBold);
    color: #D6D1D1;
}

.yellowLine{
    background: linear-gradient(270deg, #F3C85A 0%, #DB9E29 100%);
    width: 50%;
    height: 20px;
}

.sinceContent p{
    font-size: 17px;
    line-height: 24px;
    color: #D6D1D1;
font-family: var(--rubik);
}

.contactHead{
    font-size: 85px;
    font-family: var(--bold);
    font-weight: 700;
    color: #1B1B1B;
    margin-left: -100px !important;
}

.secHead{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   text-align: center;
   flex-direction: column;
   width: 50%;
   margin-left: 25%;
}

.secHead h2{
    /* margin-left: -100px !important; */
}

.secHead .contactHead{
    position: absolute;
    top: 50%;
    left: -5%;
    transform: translate(-50%, -50%);
    z-index: -1;
}


.proCard h5{
    color: var(--yellow);
    font-size: 22px;
    font-family: var(--medium);
}

/*  */

/* book sec */

.bookSec{
    background-image: url(../images/bookBg.svg);
    background-position: center;
    background-size: cover;
   padding-top: 150px;
   padding-bottom: 100px;
}

th,td{
    margin-bottom: 0;
}

.time td{

padding-bottom: 20px;
}

.time h4,.time span{
    font-size: 28px;
  font-family: var(--medium);
  letter-spacing: .5px;
}

.time h6{
    font-size: 22px;
    font-family: var(--rubik);
    margin-bottom: 0 !important;
}

.spaBtn{
    border-radius: 7px;
background: #D0A92B;
border: none;
padding: 8px 25px;
box-shadow: 7.157px 7.157px 0px 0px #343434;
font-size: 17px;
color: #000;

}

.discBg{
    background-image:url(../images/discBg.svg);
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.2);
position: relative;
    border-radius:  171px 26px 26px 26px ;
padding: 60px 200px;
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.discBg .plxBtn{
    padding: 12px 30px;
}

.scissor{
    background-color: var(--yellow);
    border-radius: 50%;
    height:70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%,-20%);
}

/* gallery */

/* .images{
    background-image: url(../images/gall1.svg);
    height: 400px;
    background-position: center;
    background-size: cover;
}

.one{
    height: 400px;
    width: 100%;

} */

/* IMAGE SCROLLING UP AND DOWN */
.image-container {
    display: flex;
    justify-content: center;
    gap: 15px; 
    overflow: hidden;
    position: relative;
    height: 400px;
}

/* Columns - Scroll Alternately */
.image-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    animation: scrollEffect 8s ease-in-out infinite alternate;
}

/* Second column scrolls in the opposite direction */
.image-column:nth-child(2) {
    animation-name: scrollEffectReverse;
}

/* Ensure images fit well */
.image-column img {
    height: auto;
}

/* Scroll Up & Pause for 2s before changing direction */
@keyframes scrollEffect {
    0% { transform: translateY(0); }
    50% { transform: translateY(-50%); } /* Pause at the top */
    100% { transform: translateY(0); }
}

/* Scroll Down & Pause for 2s before changing direction */
@keyframes scrollEffectReverse {
    0% { transform: translateY(-50%); }
    50% { transform: translateY(0); } /* Pause at the bottom */
    100% { transform: translateY(-50%); }
}


.scroller{
    padding-left: 100px;
}