*{
    padding:0px;
    margin:0px;
}
body{
  overflow-x: hidden;
}
a{
    text-decoration: none;
}
/*body{*/
/*    overflow: hidden;*/
/*}*/
.firstrow{
     background:black;
     padding:5px;
}
@media (max-width:768px){

.firstrow{
   
    display:none;
}
    
}
/* Header Button Styling */
.header-action {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.tour-booking-btn {
  background:linear-gradient(135deg, #000, #000);
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.tour-booking-btn:hover {
  /*background: linear-gradient(135deg, #ff3d00, #ff7a18);*/
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.35);
 /*border: 2px solid maroon;*/
}

 .feature-box {
      text-align: center;
      padding: 15px 5px;
      cursor: default;
      user-select: none;
    }
    .icon-circle {
      background-color: #f04e00; /* Orange */
      border-radius: 50%;
      width: 60px;
      height: 60px;
      margin: 0 auto 10px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-size: 28px;
      box-shadow: 0 3px 8px rgb(240 78 0 / 0.5);
      transition: transform 0.3s ease;
    }
    .feature-box:hover .icon-circle {
      transform: scale(1.1);
      box-shadow: 0 6px 15px rgb(240 78 0 / 0.7);
    }
    .feature-text {
      font-weight: 700;
      font-size: 14px;
      white-space: normal;
      line-height: 1.3;
    }
        .package-card {
      border: 1px solid #d9534f;
      border-radius: 6px;
      padding: 15px;
     
      text-align: left;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: white;
    }
    .package-card img {
      width: 100%;
      height: 160px;
      object-fit: cover;
      border-radius: 5px;
    }
    .package-title {
      font-weight: 600;
      margin-top: 10px;
    }
    .package-price {
      color: #d9534f;
      font-weight: 700;
      margin-top: 8px;
    }
    .btn-explore {
      background-color: #3b1a00;
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 3px;
      font-weight: 600;
      cursor: pointer;
    }
    .btn-explore:hover {
      background-color: #d9534f;
      color: white;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: #d9534f;
      border-radius: 50%;
      padding: 10px;
    }
    .carousel-indicators [data-bs-target] {
      background-color: #d9534f;
    }
    .welcome-1 {
  font-size: 70px;  
  color: red;
}


@media (max-width: 768px) {
  .welcome-1 {
    font-size: 36px;
  }
}


@media (max-width: 480px) {
  .welcome-1 {
    font-size: 28px;
  }
}
/*==========services========*/
   .services-section{
    background:#fff;
    padding:60px 0;
    text-align:center;
}

.service-title{
    font-size:40px;
    margin-bottom:40px;
}

.service-content h2{
    font-size:36px;
    margin-top:40px;
}

.service-content p{
    max-width:700px;
    margin:auto;
    font-style:italic;
}
/* Mobile Responsive */

@media (max-width:768px){

.services-section{
    /*padding:40px 15px;*/
    display:none;
}

.service-title{
    font-size:28px;
}

.service-box{
    margin-bottom:20px;
}

.service-box img{
    width:90px;
}

.service-box h4{
    font-size:18px;
}

.service-content h2{
    font-size:26px;
}

.service-content p{
    font-size:14px;
    line-height:1.6;
    padding:0 10px;
}

.carousel-item .row{
    flex-direction:column;
}

.carousel-item .col-md-4{
    width:100%;
}

}
.salon-card{
    border:2px solid #d4af37;
    border-radius:12px;
    padding:10px;
    background:#fff;
    overflow:hidden;
    transition:0.3s;
}

.salon-card img{
    width:100%;
    border-radius:8px;
}

.salon-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}
@media(max-width:576px){

.salon-card{
    margin-bottom:15px;
}

}

.beauty-services{
background:#f6f2ef;
padding:80px 0;
text-align:center;
}

.beauty-title{
font-size:48px;
font-weight:700;
color:#c08437;
margin-bottom:15px;
}

.beauty-subtitle{
font-size:18px;
color:#6d6d6d;
max-width:650px;
margin:auto;
margin-bottom:50px;
}

.beauty-card{
text-align:center;
transition:0.3s;
}

.beauty-card img{
width:140px;
height:140px;
border-radius:50%;
object-fit:cover;
margin-bottom:15px;
border:6px solid white;
box-shadow:0 5px 20px rgba(0,0,0,0.15);
}

.beauty-card h6{
font-size:16px;
font-weight:600;
color:#3c2f2f;
}

.beauty-card:hover{
transform:translateY(-8px);
}
@media(max-width:768px){

.beauty-title{
font-size:32px;
}

.beauty-subtitle{
font-size:15px;
padding:0 15px;
}

.beauty-card img{
width:110px;
height:110px;
}

}

@media(max-width:480px){

.beauty-title{
font-size:26px;
}

.beauty-card img{
width:95px;
height:95px;
}

}




/* ABOUT US SECTION */

.about-us{
    padding:80px 10%;
    background:#f8f8f8;
}

.about-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.about-image img{
    width:100%;
    max-width:500px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.about-content{
    max-width:600px;
}

/*.about-content h2{*/
/*    font-size:38px;*/
/*    color:#222;*/
/*    margin-bottom:20px;*/
/*}*/

.about-content p{
    font-size:17px;
    color:#555;
    line-height:1.7;
    margin-bottom:15px;
}

.about-btn{
    display:inline-block;
    padding:12px 30px;
    background:#c27a2c;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    margin-top:10px;
    transition:0.3s;
}

.about-btn:hover{
    background:#000;
}


/* Tablet */

@media(max-width:992px){

.about-container{
    flex-direction:column;
    text-align:center;
}

.about-image img{
    max-width:400px;
}

}


/* Mobile */

@media(max-width:600px){

.about-us{
    padding:30px 5%;
}

.about-content h2{
    font-size:28px;
}

.about-content p{
    font-size:15px;
}

}




.gallery-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:15px;
}

.big-img{
    grid-row:1 / span 2;
}

.gallery-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}


.gallery-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:15px;
}

.big-img{
    grid-row:1 / span 2;
}

.gallery-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

/* Mobile Responsive */
@media (max-width:768px){

.gallery-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
}

.big-img{
    grid-row:auto;
}

}




/* Bridal Gallery */

.bridal-gallery{
    padding:60px 0;
    background: #0c3421;
}

/*.beauty-title{*/
/*    font-size:40px;*/
/*    font-weight:700;*/
/*    margin-bottom:40px;*/
/*    letter-spacing:2px;*/
/*    color:#d63384;*/
/*}*/

/* image container */

.gallery-img{
    overflow:hidden;
    border-radius:12px;
    position:relative;
}

/* big images */

.gallery-top img{
    height:400px;
    width:100%;
    object-fit:cover;
    transition:0.5s;
}

/* small images */

.gallery-img.small img{
    height:250px;
    width:100%;
    object-fit:cover;
    transition:0.5s;
}

/* hover effect */

.gallery-img:hover img{
    transform:scale(1.1);
}

/* shadow effect */

.gallery-img{
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* mobile */

@media(max-width:768px){

.gallery-top img{
    height:250px;
}

.gallery-img.small img{
    height:180px;
}

.beauty-title{
    font-size:28px;
}

}

.services-section{
padding:60px 0;
text-align:center;
}

.service-box{
margin:10px;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
transition:0.4s;
}

.service-box img{
width:100%;
/*height:auto;*/
height:320px;
object-fit:cover;
}

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

.service-title{
margin-bottom:40px;
}

/* arrows style */

.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:#000;
border-radius:50%;
padding:15px;
}

.service-content{
margin-top:40px;
max-width:700px;
margin-left:auto;
margin-right:auto;
}



.contact-heading-sec{
padding:40px 0;
text-align:center;
}

.contact-title{
font-size:42px;
font-weight:600;
}

.contact-main-sec{
padding:60px 10%;
}

.contact-wrapper{
display:flex;
align-items:center;
gap:40px;
}

.contact-form-area{
width:50%;
}

.contact-form-area label{
display:block;
margin-bottom:8px;
font-weight:600;
}

.contact-form-area input,
.contact-form-area textarea{
width:100%;
padding:14px;
margin-bottom:20px;
border:1px solid #ccc;
border-radius:6px;
font-size:16px;
}

.contact-form-area textarea{
height:120px;
resize:none;
}

.appointment-btn{
width:100%;
padding:15px;
background:#c97a2b;
color:white;
border:none;
font-size:18px;
border-radius:30px;
cursor:pointer;
}

.appointment-btn:hover{
background:#a95f18;
}

.contact-image-area{
width:50%;
}

.contact-image-area img{
width:100%;
border-radius:6px;
}
.contact-heading-sec{
padding:40px 0;
text-align:center;
}

.contact-title{
font-size:42px;
font-weight:600;
}

.contact-main-sec{
padding:60px 8%;
}

.contact-wrapper{
display:flex;
align-items:center;
gap:40px;
}

.contact-form-area{
width:50%;
}

.contact-form-area label{
display:block;
margin-bottom:8px;
font-weight:600;
}

.contact-form-area input,
.contact-form-area textarea{
width:100%;
padding:14px;
margin-bottom:20px;
border:1px solid #ccc;
border-radius:6px;
font-size:16px;
}

.contact-form-area textarea{
height:120px;
resize:none;
}

.appointment-btn{
width:100%;
padding:15px;
background:#c97a2b;
color:white;
border:none;
font-size:18px;
border-radius:30px;
cursor:pointer;
}

.appointment-btn:hover{
background:#a95f18;
}

.contact-image-area{
width:50%;
}

.contact-image-area img{
width:100%;
border-radius:6px;
}


/* ---------- MOBILE RESPONSIVE ---------- */

@media (max-width:768px){

.contact-wrapper{
flex-direction:column;
}

.contact-form-area{
width:100%;
}

.contact-image-area{
width:100%;
margin-top:30px;
}

.contact-title{
font-size:32px;
}

.contact-main-sec{
padding:40px 20px;
}

}