body{
     font-family:'Montserrat',sans-serif;
     margin:0;
}
 html, body{
     overflow-x:hidden;
}
/* ===== TOPBAR ===== */
 .topbar {
     font-size: 14px;
     padding: 6px 0;
     text-align: center;
     margin-top: 10px;
}
 .topbar a i {
     padding: 0 10px;
     color:#525252;
}
/* ===== LOGO ===== */
 .logo-icon{
     width:100px;
     color:#fff;
     display:flex;
     align-items:center;
     justify-content:center;
     font-weight:700;
}
/* ===== MENU ===== */
 .nav-link{
     font-weight:500;
     margin:0 10px;
}
/* ===== DROPDOWN ===== */
 .dropdown-menu{
     border:none;
     box-shadow:0 10px 40px rgba(0,0,0,0.08);
     padding:18px;
     width:305px;
}
 .service-boxmenu{
     border:2px solid #b28d09;
     padding:12px;
     margin-bottom:10px;
     cursor:pointer;	 
}
 .service-boxmenu a {
	 text-decoration:none;
	 color:#000;}
	 
 .service-boxmenu:hover, .service-boxmenu.active{
     background:#b28d09;
     color:#fff;
}
 .service-boxmenu:hover a{
     color:#fff;
}
/* ===== APPOINTMENT ===== */
 .appointment-panel{
     background:#7b5f43;
     display:flex;
     align-items:center;
     justify-content:center;
     height:100%;
     padding:0 20px;
	     position: absolute;
    right: 0;
}
 .appointment-btn{
     border:2px solid #fff;
     color:#fff;
     padding:10px 22px;
     text-decoration:none;
     display:flex;
     align-items:center;
     gap:8px;
}
 .appointment-btn:hover{
     background:#fff;
     color:#000;
}
/* ===== MOBILE ===== */
 @media(max-width:992px){
	 .video-sub {
    margin-top: 30px;
    display: block;
}
	 .contact-cards {
    padding: 0 0 70px 0!important;
}
	 .righdiv {padding-left:0px!important;}
     .carousel-control-next, .carousel-control-prev {
         top: 80vh !important;
         position: absolute;
    }
	.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
     .logo-icon {
         margin: 15px 0;
    }
      button.navbar-toggler.mt-2 {
        position: absolute;
        right: 38px;
        top: 20px;
        border: 1px solid #fff;
    }
     .topbar {
        display:none;
    }
     .appointment-panel{
         width:100%;
         padding:15px;
         margin: 20px 0 0 10px;
		         position: relative;
    }
     .appointment-btn{
         width:100%;
         justify-content:center;
    }
}
 .nav-link {
     font-weight: 500;
     margin:15px 10px 30px 10px;
}
/* HERO IMAGE */
 .hero-img{
     height:90vh;
     object-fit:cover;
}
/* TEXT POSITION */
 .hero-content{
     bottom:50%;
     transform:translateY(50%);
     left:10%;
     right:auto;
     text-align:left;
     max-width:550px;
}
/* SUBTITLE */
 .subtitle{
     color:#b28d09;
     letter-spacing:2px;
     font-weight:500;
     display:block;
     margin-bottom:10px;
}
 .subtitle1{
     color:#b28d09;
     letter-spacing:0.5px;
     font-weight:500;
}
/* HEADING */
 .hero-content h1{
     font-size:52px;
     font-weight:500;
     margin-bottom:25px;
     color:#000;
}
/* BUTTON */
 .hero-btn{
     border:2px solid #b28d09;
     padding:12px 28px;
     text-decoration:none;
     color:#b28d09;
     font-weight:500;
     display:inline-block;
}
 .hero-btn:hover{
     background:#b28d09;
     color:#fff;
}
/* ===== CONTENT ANIMATION ===== */
 .carousel-item.active .hero-content{
     animation:fadeUp 2s ease forwards;
}
 @keyframes fadeUp{
     from{
         opacity:0;
         transform:translateY(80%);
    }
     to{
         opacity:1;
         transform:translateY(50%);
    }
}

/* Hide elements initially */








/* ===== MOBILE ===== */
 @media(max-width:768px){
	 .navbar-nav .dropdown-menu {
    width: 100%;
}
	 .nav-link {
    margin: 15px 10px 0px 10px;
}
     .hero-img{
         margin-top:60px;
    }
     .hero-content h1{
         font-size:32px;
    }
     .hero-content{
         left:5%;
         right:5%;
    }
}
 .consultation-section{
     background:#f4f4f4;
     padding:60px 40px;
}
/* LEFT TEXT */
 .consult-sub{
     letter-spacing:3px;
     color:#b28d09;
     font-size:13px;
     font-weight:500;
}
 .consult-title{
     font-size:38px;
     font-weight:500;
     margin-top:10px;
}
/* FORM */
 .consult-form .form-control, .consult-form .form-select{
     height:58px;
     border-radius:0;
     border:1px solid #ddd;
     padding:0 18px;
     font-size:15px;
}
/* BUTTON */
 .consult-btn{
     height:58px;
     border:none;
     background:#b28d09;
     color:#fff;
     font-weight:500;
     letter-spacing:1px;
}
 .consult-btn:hover{
     background:#6a4d33;
}
/* MOBILE */
 @media(max-width:992px){
     .consult-title{
         font-size:36px;
    }
     .consultation-section{
         padding:40px 20px;
    }
}
 .services-section{
     background:#fff;
     padding:60px 0;
}
/* HEADING */
 .section-sub{
     letter-spacing:3px;
     color:#b28d09;
     font-size:13px;
     font-weight:500;
}
 .section-title{
     font-size:44px;
     font-weight:500;
     margin-top:10px;
}
/* CARD */
 .service-card{
     background:#fff;
     padding-bottom:10px;
     height:100%;
 }



 .service-card img{
     width:100%;
}
/* CONTENT */
.service-content {
    padding: 20px;
    position: relative;
}


 .service-cat{
     font-size:12px;
     letter-spacing:2px;
     color:#b28d09;
     display:block;
     margin-bottom:8px;
}
 .service-content h4{
     font-size:22px;
     font-weight:500;
     margin-bottom:12px;
}
 .service-content h4 span{
     display:block;
}
/* LINE */
 .line{
     width:50px;
     height:2px;
     background:#b28d09;
     margin:12px 0 16px;
}
/* TEXT */
 .service-content p{
     color:#666;
     font-size:15px;
     margin-bottom:22px;
}

/* BUTTON */
.service-btn{
  border:2px solid #b28d09;
  padding:15px 60px 15px 10px; /* space for circle */
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  color:#b28d09;
  font-weight:500;
  position:relative;
  overflow:hidden;
    z-index: 999;
  transition:all .3s ease;
}


/* CIRCLE */

.service-btn .circle{
  background:#b28d09;
  color:#fff;
  width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;

  position:absolute;
  right:12px;          /* INSIDE button */

  transform:translateX(-10px); /* start slightly left */

  transition:all .3s ease;
  line-height: 0px;
}


/* 🔥 HOVER EFFECT */

.service-btn:hover .circle{
  transform:translateX(0);     /* move to right edge */
  background:#000;
}


/* BUTTON HOVER */

.service-btn:hover{
  background:#b28d09;
  color:#fff;
}


/* MOBILE */
 @media(max-width:992px){


.services-section {
    padding: 50px 0;
}
     .section-title{
         font-size:34px;
    }
}
 .about-section{
     background:#f7f7f7;
     padding:90px 0;
	 
}

.about-section{
  position:relative;
}

.about-section::after{
  content:"";
  position:absolute;

  bottom:0;
  right:0;

  width:250px;      /* adjust size */
  height:400px;

  background-image:url("../images/imgshadow.png"); /* your image */
  background-size:contain;

  pointer-events:none;
  z-index:0;
}





/* IMAGE */
 .about-img-wrap{
     position:relative;
     background:#7b5f43;
     padding:20px;
     box-shadow:0 20px 60px rgba(0,0,0,0.08);
}
 .about-img{
     width:100%;
     height:auto;
}
/* DOTS */
 .about-dots{
     position:absolute;
     bottom:-18px;
     left:50%;
     transform:translateX(-50%);
}
 .about-dots span{
     display:inline-block;
     width:8px;
     height:8px;
     background:#ccc;
     border-radius:50%;
     margin:0 5px;
}
 .about-dots .active{
     background:#000;
}
/* TEXT */
 .about-sub{
     letter-spacing:3px;
     color:#b28d09;
     font-size:13px;
     font-weight:500;
}
 .about-title{
     font-size:44px;
     font-weight:500;
     margin:15px 0 20px;
}
 .about-text{
     color:#666;
     line-height:1.8;
     margin-bottom:28px;
	 z-index: 9999;
    position: relative;
}
/* BUTTON */
 .about-btn{
     border:2px solid #b28d09;
     padding:12px 24px;
     text-decoration:none;
     display:inline-flex;
     align-items:center;
     gap:12px;
     color:#b28d09;
     font-weight:500;
}
 .about-btn .circle{
     background:#b28d09;
     color:#fff;
     width:26px;
     height:26px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
}
 .about-btn:hover{
     background:#b28d09;
     color:#fff;
}
/* MOBILE */
 @media(max-width:992px){
     .about-title{
         font-size:34px;
    }
     .about-section{
         padding:60px 0;
    }
}
 .skin-section{
     background:#fff;
     padding:90px 0;
}
/* HEADING */
 .skin-sub{
     letter-spacing:3px;
     color:#b28d09;
     font-size:13px;
     font-weight:500;
}
 .skin-title{
     font-size:44px;
     font-weight:500;
     margin:12px 0 35px;
}
/* TABS */
 .skin-tabs .nav-link{
     border:none;
     padding:14px 38px;
     font-weight:500;
     margin:0 8px;
     background:#000;
     color:#fff;
}
 .skin-tabs .nav-link.active{
     background:#b28d09;
}
/* IMAGE WRAP */
 .skin-wrap{
     position:relative;
     display:inline-block;
}
 .skin-img{
     max-width:100%;
}
/* LABELS */
 .skin-label{
     position:absolute;
     text-align:left;
     font-weight:500;
     color:#333;
}
 .skin-label span{
     font-weight:400;
     font-size:14px;
     color:#666;
}
/* POSITIONING */
 .skin-label.head{
     left:-120px;
     top:40px;
}
 .skin-label.face{
     left:-150px;
     top:140px;
}
 .skin-label.body{
     left:-150px;
     top:280px;
}
/* MOBILE */
 @media(max-width:992px){
     .skin-title{
         font-size:34px;
    }
     .skin-label{
         position:static;
         text-align:center;
         margin-top:12px;
    }
}
/* SECTION */
 .split-section{
     width:100%;
}
/* LEFT SIDE */
 .services-left{
     background:#7b5f43;
     color:#fff;
     padding:80px 60px;
}
 .services-inner h2{
     font-size:44px;
     margin:10px 0 40px;
}
 .sub{
     letter-spacing:3px;
     font-size:13px;
}
/* GRID */
 .services-grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:25px;
}
 .service-box {
     background: #fff;
     color: #000;
     padding: 6px 15px;
     text-align: left;
}
 .service-box i{
     font-size:34px;
     color:#b28d09;
     margin-bottom:12px;
}
/* RIGHT SIDE */
 .testimonial-right{
     background:url("../images/testimonial.jpg") center/cover fixed;
     position:relative;
     color:#fff;
}
 .testimonial-right::before{
     content:"";
     position:absolute;
     inset:0;
     background:rgba(0,0,0,0.55);
}
/* WRAPPER */
 .testimonial-wrapper{
     position:relative;
     padding:100px 60px;
     max-width:600px;
}
/* HEADING */
 .testimonial-wrapper h2{
     font-size:44px;
}
 .sub2{
     display:block;
     letter-spacing:3px;
     margin-bottom:15px;
}
/* LINE */
 .divider{
     width:60px;
     height:2px;
     background:#fff;
     margin:20px 0 35px;
}
/* QUOTE */
 .quote{
     font-size:18px;
     line-height:1.8;
     margin-bottom:30px;
}
/* DOTS */
 .carousel-indicators{
     bottom:-40px;
}
 .carousel-indicators button{
     width:10px;
     height:10px;
     border-radius:50%;
     background:#fff;
}
/* MOBILE */
 @media(max-width:992px){
     .testimonial-wrapper{
         padding:60px 25px;
    }
}
/* MOBILE */
 @media(max-width:992px){
     .services-left, .testimonial-content{
         padding:50px 25px;
    }
     .services-grid{
         grid-template-columns:1fr;
    }
}
 .ba-section{
     background:#fff;
     padding:90px 0;
}
/* HEADING */
 .ba-sub{
     letter-spacing:3px;
     color:#b28d09;
     font-size:13px;
}
 .ba-title{
     font-size:44px;
     font-weight:500;
     margin-top:10px;
}
/* WRAP */
 .ba-wrap{
     position:relative;
     overflow:hidden;
     background:#fff;
}
/* IMAGES */
 .ba-img{
     width:100%;
     display:block;
}
 .ba-after{
     position:absolute;
     top:0;
     left:0;
     height:100%;
     width:50%;
     overflow:hidden;
}
 .ba-after img{
     width:100%;
     height:100%;
     object-fit:cover;
}
/* SLIDER */
 .ba-slider{
     position:absolute;
     inset:0;
     width:100%;
     height:100%;
     opacity:0;
     cursor:ew-resize;
}
/* HANDLE LINE */
 .ba-wrap::after{
     content:"";
     position:absolute;
     top:0;
     bottom:0;
     left:50%;
     width:2px;
     background:#fff;
}
/* LABELS */
 .label{
     position:absolute;
     bottom:12px;
     background:rgba(0,0,0,0.5);
     color:#fff;
     padding:4px 10px;
     font-size:12px;
}
 .before{
     left:12px;
}
 .after{
     right:12px;
}
 .video-section{
     position:relative;
     padding:100px 0;
     background:#f4f4f4;
     color:#222;
}
/* TEXT */
 .video-sub{
     letter-spacing:3px;
     font-size:13px;
     color:#b28d09;
}
 .video-title{
     font-size:48px;
     margin:15px 0 25px;
     color:#111;
}
 .video-text{
     color:#666;
     margin-bottom:25px;
     line-height:1.8;
}
/* PHONE */
 .phone{
     font-size:20px;
     margin-bottom:30px;
     color:#333;
     word-wrap: break-word;
}
 .phone i{
     margin-right:10px;
     color:#b28d09;
}
/* BUTTONS */
 .video-buttons{
     display:flex;
     gap:20px;
     flex-wrap:wrap;
}
 .btn-outline{
     border:2px solid #b28d09;
     padding:12px 22px;
     color:#b28d09;
     text-decoration:none;
     display:inline-flex;
     align-items:center;
     gap:10px;
     font-weight:500;
}
 .btn-outline span{
     background:#b28d09;
     color:#fff;
     width:26px;
     height:26px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
}
/* IMAGE CARD STYLE */
 .video-image{
     position:relative;
     margin-top:40px;
}
 .video-image img{
     width:100%;
     display:block;
     box-shadow:0 20px 60px rgba(0,0,0,0.15);
}
/* PLAY BUTTON */
 .play-btn{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%);
     width:70px;
     height:70px;
     background:#b28d09;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:22px;
     color:#fff;
}
/* RESPONSIVE */
 @media(max-width:992px){
	 .service-list {
    margin-top: 40px;
}
     .video-title{
         font-size:34px;
    }
     .video-section{
         padding:70px 0;
    }
}
 .blog-section{
     background:#fff;
     padding:100px 0;
}
/* HEADING */
 .blog-sub{
     letter-spacing:3px;
     font-size:13px;
     color:#b28d09;
}
 .blog-title{
     font-size:48px;
     margin-top:10px;
     font-weight:500;
}
/* CARD */
 .blog-card{
     background:#fff;
}
 .blog-card img{
     width:100%;
     display:block;
}
/* CONTENT */
 .blog-content{
     padding:28px;
}
 .blog-date{
     font-size:13px;
     color:#b28d09;
     letter-spacing:1px;
}
 .blog-content h4{
     margin:10px 0 12px;
     font-size:22px;
}
 .blog-content p{
     color:#666;
     margin-bottom:22px;
     line-height:1.7;
}
/* BUTTON */
 .blog-btn{
     border:2px solid #333;
     padding:10px 20px;
     text-decoration:none;
     color:#333;
     display:inline-flex;
     align-items:center;
     gap:12px;
     font-size:14px;
     font-weight:500;
}
 .blog-btn span{
     background:#b28d09;
     color:#fff;
     width:24px;
     height:24px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
}
/* HOVER */
 .blog-btn:hover{
     background:#b28d09;
     color:#fff;
     border-color:#b28d09;
}
/* RESPONSIVE */
 @media(max-width:992px){
     .blog-title{
         font-size:34px;
    }
     .blog-section{
         padding:70px 0;
    }
}
 .counter-section{
     background:#f4f4f4;
     padding:90px 0;
}
 .counter-box{
     position:relative;
     padding:20px;
}
/* VERTICAL DIVIDER */
 .counter-box:not(:last-child)::after{
     content:"";
     position:absolute;
     right:0;
     top:50%;
     transform:translateY(-50%);
     width:1px;
     height:120px;
     background:#ddd;
}
/* ICON */
 .icon-wrap{
     width:80px;
     height:80px;
     border:2px solid #333;
     border-radius:50% 50% 50% 0;
     transform:rotate(-45deg);
     margin:5px auto 5px;
     display:flex;
     align-items:center;
     justify-content:center;
}
.info {
    padding-top: 8px;
}
 .icon-wrap i{
     transform:rotate(45deg);
     font-size:22px;
}
/* NUMBER */
 .counter-box h2{
     font-size:48px;
     margin:10px 0;
     display:flex;
     justify-content:center;
     align-items:center;
}
 .plus{
     font-size:28px;
     margin-left:4px;
}
/* SMALL LINE */
 .line{
     width:60px;
     height:2px;
     background:#b28d09;
     /* margin:25px auto; */
}
 .counter-box p{
     color:#444;
}
/* MOBILE */
 @media(max-width:768px){
     .counter-box::after{
         display:none;
    }
}
/* SECTION */

/* MAP */
 .map-col{
     position:relative;
}
 .map-col iframe{
     width:100%;
     height:100%;
     min-height:600px;
     border:0;
}
/* ADDRESS CARD */
 .map-card{
     position:absolute;
     top:120px;
     left:120px;
     background:#b28d09;
     color:#fff;
     padding:22px 28px;
     font-size:14px;
}
/* RIGHT PANEL */
/* LOGO AREA */
 .contact-logo{
     background:#555;
     color:#fff;
     display:flex;
     align-items:center;
     gap:15px;
     padding:35px;
}
/* FORM AREA */
 .consultation{
     background:#f4f4f4;
     padding:50px;
}
 .sub{
     letter-spacing:3px;
     font-size:13px;
     color:#b28d09;
}
 .consultation h2{
     margin:10px 0 35px;
}
 input, textarea{
	width:100%;
	border:none;
	border-bottom:1px solid #ccc;
	padding: 10px 0;
	margin-bottom: 5px;
	background:transparent;
}

 textarea{
     height:58px;
}
/* SUBMIT BUTTON */
 .submit-btn{
     border:2px solid #b28d09;
     background:none;
     padding:12px 26px;
     font-weight:500;
     color:#333;
     display:inline-flex;
     align-items:center;
     gap:12px;
	 text-decoration:none;
}
 .submit-btn span{
     background:#b28d09;
     color:#fff;
     width:26px;
     height:26px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
}
/* OPENING HOURS */
 .opening{
     background:#555;
     color:#fff;
     text-align:center;
     padding:50px 20px;
}
 .opening h4{
     margin-bottom:20px;
}
/* FOOTER */
.site-footer {
    background: #b28d09;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    font-size: 16px;
}
/* RESPONSIVE */
 @media(max-width:992px){
     .map-card{
         left:20px;
         top:20px;
    }
     .consultation{
         padding:35px 25px;
    }
}
 #backToTop{
     position:fixed;
     bottom:30px;
     right:30px;
     width:50px;
     height:50px;
     background:#b28d09;
     color:#fff;
     border:none;
     border-radius:50%;
     font-size:18px;
     display:flex;
     align-items:center;
     justify-content:center;
     cursor:pointer;
     opacity:0;
     visibility:hidden;
     transition:0.3s;
     z-index:9999;
}
/* SHOW BUTTON */
 #backToTop.show{
     opacity:1;
     visibility:visible;
}
/* HOVER */
 #backToTop:hover{
     background:#5e442c;
}
 @media (min-width: 1200px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 1290px;
    }
}
/* PREV */
 .carousel-control-prev-icon{
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708l6 6a.5.5 0 0 0 .708-.708L5.707 8l5.647-5.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e");
}
/* NEXT */
 .carousel-control-next-icon{
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}



@media (min-width: 1900px) and (max-width: 4000px) {


}
.righdiv {padding-left:35px;}

.page-banner{
  position:relative;
  height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}


/* 🔥 IMAGE STYLE */

.banner-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}


/* 🔥 DARK OVERLAY */

.page-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.75); /* darkness control */
  z-index:2;
}


/* CONTENT */

.banner-content{
  position:relative;
  z-index:3;
  color:#fff;
}


/* BREADCRUMB */

.breadcrumb {
    font-size: 13px;
    letter-spacing: 2px;
    color: #bbb;
    margin-bottom: 15px;
    text-align: center;
    display: block;
	padding-top:10px;
}

.breadcrumb a{
  color:#bbb;
  text-decoration:none;
}

.breadcrumb span{
  color:#fff;
  font-weight:500;
}


/* TITLE */

.page-banner h1{
  font-size:56px;
  font-weight:400;
  margin:0;
}

.about-intro{
  background:#f4f4f4;
  padding:80px 0;
}


/* IMAGE BOX */

.intro-img{
  border:1px solid #e5e5e5;
  padding:8px;
  background:#fff;
}


/* SUBTITLE */

.intro-sub{
  color:#b28d09;
  letter-spacing:3px;
  font-size:13px;
  font-weight:500;
  display:block;
  margin-bottom:12px;
}


/* TITLE */

.intro-title{
  font-size:42px;
  font-weight:500;
  margin-bottom:20px;
  color:#000;
}


/* TEXT */

.intro-text{
  color:#666;
  line-height:1.8;
  margin-bottom:25px;
}


/* QUOTE BOX */

.intro-quote{
  border-left:6px solid #b28d09;
  padding-left:20px;
  color:#555;
  line-height:1.8;
  margin-bottom:30px;
}


/* BUTTON */

.intro-btn{
  border:2px solid #b28d09;
  padding:12px 32px;
  text-decoration:none;
  color:#b28d09;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:12px;
  position:relative;
  transition:.3s;
}


/* CIRCLE */

.intro-btn .circle{
  background:#b28d09;
  color:#fff;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:-14px;
  transition:.3s;
}


/* HOVER */

.intro-btn:hover{
  background:#b28d09;
  color:#fff;
}

.intro-btn:hover .circle{
  background:#000;
}


/* ===== SECTION ===== */

.offer-section{
  background:#fff;
}

/* LEFT SIDE */

.offer-left{
  padding:80px 70px;
}

.offer-sub{
  color:#b28d09;
  letter-spacing:2px;
  font-size:14px;
  font-weight:500;
  display:block;
  margin-bottom:10px;
}

.offer-title{
  font-size:44px;
  margin-bottom:25px;
  font-weight:500;
}

.offer-text{
  color:#666;
  line-height:1.7;
  margin-bottom:30px;
}

/* CHECK LIST */

.offer-list{
  display:flex;
  gap:40px;
  margin-bottom:35px;
}

.offer-list ul{
  list-style:none;
  padding:0;
}

.offer-list li{
  margin-bottom:10px;
  color:#444;
  font-size:15px;
  position:relative;
  padding-left:22px;
}

.offer-list li:before{
  content:"✔";
  position:absolute;
  left:0;
  color:#b28d09;
  font-size:14px;
}

/* RIGHT SIDE */

.offer-right{
  background:#555;
  padding:80px 70px;
}

/* GRID */

.services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
}

/* BOX */

.service-box1{
  border:1px solid rgba(255,255,255,0.3);
  padding:40px 20px;
  text-align:center;
  color:#fff;
  transition:.3s;
}

.service-box1 i{
  font-size:38px;
  margin-bottom:15px;
}

.service-box1 p{
  margin:0;
  font-size:18px;
}

/* HOVER */

.service-box1:hover{
  background:#b28d09;
  border-color:#b28d09;
}

/* RESPONSIVE */

@media(max-width:992px){
	.page-banner {
    margin-top: 40px;
}
	

  .offer-left,
  .offer-right{
    padding:50px 25px;
  }

  .offer-list{
    flex-direction:column;
    gap:10px;
  }

  .services-grid{
    grid-template-columns:1fr;
  }

}


.contact-form-section{
  background:#fff;
  padding:80px 0;
}

/* TITLE */
.form-title{
  font-size:42px;
  font-weight:500;
  margin-bottom:10px;
}

.form-sub{
  color:#666;
  max-width:650px;
  margin:0 auto;
  line-height:1.6;
} 

/* INPUTS */
.custom-form input,
.custom-form select,
.custom-form textarea{
  width:100%;
  padding:18px 20px;
  border:1px solid #ddd;
  outline:none;
  font-size:15px;
  color:#333;
}

.custom-form input::placeholder,
.custom-form textarea::placeholder{
  color:#777;
}

/* REMOVE SELECT ARROW DEFAULT STYLE */
.custom-form select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20'><path d='M5.5 7l4.5 4 4.5-4z'/></svg>");
  background-repeat:no-repeat;
  background-position:right 15px center;
}

/* TEXTAREA HEIGHT */
.custom-form textarea{
  resize:none;
}

/* BUTTON */
.submit-btn{
  border:2px solid #b28d09;
  padding:14px 34px;
  background:transparent;
  color:#b28d09;
  font-weight:600;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  transition:.3s;
}

/* CIRCLE ICON */
.submit-btn .circle{
  background:#b28d09;
  color:#fff;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  position:absolute;
  right:-14px;
  transition:.3s;
}

/* HOVER */
.submit-btn:hover{
  background:#b28d09;
  color:#fff;
}

.submit-btn:hover .circle{
  background:#000;
  transform:translateX(6px);
}

/* MOBILE */
@media(max-width:768px){
  .form-title{font-size:32px;}
}


.appointment-section{
  background:#f4f4f4;
  padding:100px 0;
  font-family:'Montserrat',sans-serif;
}

/* IMAGE WRAPPER */
.appointment-img-wrap{
  position:relative;
  display:inline-block;
}

/* TOP BROWN BLOCK */
.appointment-img-wrap::before{
  content:"";
  position:absolute;
  top:-40px;
  left:-40px;
  width:65%;
  height:120px;
  background:#7c5c3e;
  z-index:0;
}

/* BOTTOM BROWN BLOCK */
.appointment-img-wrap::after{
  content:"";
  position:absolute;
  bottom:-40px;
  left:-40px;
  width:65%;
  height:120px;
  background:#7c5c3e;
  z-index:0;
}

/* IMAGE */
.appointment-img-wrap img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:520px;
}

/* TITLE */
.appointment-title{
  font-size:34px;
  font-weight:500;
  margin-bottom:20px;
}

/* PARAGRAPH */
.appointment-section p{
  color:#555;
  line-height:1.8;
  margin-bottom:18px;
}

/* BUTTON (same style as your theme) */
.service-btn{
  border:2px solid #7c5c3e;
  padding:12px 32px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#7c5c3e;
  font-weight:600;
  position:relative;
  transition:.3s;
}

.service-btn .circle{
  background:#7c5c3e;
  color:#fff;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:-14px;
  transition:.3s;
}

/* HOVER */
.service-btn:hover{
  background:#7c5c3e;
  color:#fff;
}

.service-btn:hover .circle{
  background:#000;
  transform:translateX(6px);
}

/* RESPONSIVE */
@media(max-width:992px){

  .appointment-img-wrap::before,
  .appointment-img-wrap::after{
    left:-20px;
  }

}



.contact-cards{
  background:#f4f4f4;
  padding:60px 0;
}



/* CARD */
.contact-box {
    background: #b28d09;
        padding: 10px 15px;
    border-radius: 6px;
    /* display: flex; */
    /* align-items: center; */
    gap: 18px;
    color: #fff;
    transition: .3s;
    float: left;
    width: 100%;
}

/* HOVER */
.contact-box:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* ICON CIRCLE */
.icon-wrap {
    line-height: 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    font-size: 22px;
    color: #b28d09;
    flex-shrink: 0;
    float: left;
    margin-right: 10px;
}

/* TEXT */
.info span{
  font-size:14px;
  opacity:.9;
  display:block;
}

.info h5{ 
  font-size:16px;
  font-weight:600;
  margin:4px 0 0;
  line-height:1.4;
}

/* RESPONSIVE */
@media(max-width:768px){
  .contact-box{
    padding:5px;
  }
}

.locations-section{
  background:#f4f4f4;
}

/* HEADING */

.loc-sub{
  letter-spacing:3px;
  font-size:13px;
  color:#b28d09;
  display:block;
  margin-bottom:10px;
}

.loc-title{
  font-size:38px;
  font-weight:500;
  margin:0;
}

/* BOX */

.location-box h4{
  font-size:22px;
  margin-bottom:15px;
  font-weight:500;
}

.location-box p{
  color:#666;
  line-height:1.7;
  margin-bottom:25px;
}

/* INFO ROW */

.loc-info{
  margin-bottom:18px;
  color:#333;
}

.loc-info i{
  color:#b28d09;
  font-size:18px;
  margin-top:3px;
}

.loc-info span{
  line-height:1.6;
  display:block;
}



.procedure-section{
  background:#f4f4f4;
}

/* LEFT SERVICES */
.service-item{
  border:2px solid #b28d09;
  padding:14px;
  margin-bottom:10px;
  font-weight:500;
  cursor:pointer;
  position:relative;
  transition:all .3s ease;
}

/* LINK DEFAULT */

.service-item a{
  color:#000;
  text-decoration:none;
  display:block;
}

/* ARROW */

.service-item span {
    position: absolute;
    right: 15px;
    transition: all .3s ease;
    top: 18px;
}

/* ================= */
/* 🔥 ACTIVE STATE */
/* ================= */

.service-item.active{
  background:#b28d09;
  color:#fff;
}

.service-item.active a{
  color:#fff;
}
.service-item.active span {
    color: #fff;
    background: #000;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 100px;
}

/* ================= */
/* 🔥 HOVER STATE */
/* ================= */

.service-item:hover{
  background:#b28d09;
  color:#fff;
}

.service-item:hover a{
  color:#fff;
}

.service-item:hover span{
  color:#fff;
}
/* BEFORE TEXT */

.before-text{
  font-size:13px;
  margin-top:8px;
  color:#b28d09;
  letter-spacing:1px;
}

/* CALL BOX */

.call-box{
  background:#222;
  color:#fff;
  padding:25px;
  margin-top:25px;
  text-align:center;
}

.call-box h4{
  margin:8px 0;
}

.call-box i{
  font-size:24px;
  margin:10px 0;
}

/* CENTER IMAGE */

.main-img{
  width:100%;
}

/* RIGHT CONTENT */

.sub-title{
  color:#b28d09;
  letter-spacing:2px;
  font-size:13px;
}

.main-title{
  font-size:32px;
  margin:15px 0;
}

/* BUTTON */

.procedure-btn{
  border:2px solid #b28d09;
  padding:12px 26px;
  color:#b28d09;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:15px;
}

.procedure-btn span{
  background:#b28d09;
  color:#fff;
  width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* FAQ BOX */

.faq-box{
  background:#fff;
  padding:30px;
  border-radius: 10px;
}

.faq-question{
  font-weight:500;
  padding:15px 0;
  border-bottom:1px solid #ddd;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

.faq-answer{
  padding:15px 0 0 0;
}

.faq-answer ul{
  padding-left:20px;
}

.faq-answer li{
  margin-bottom:8px;
}
.faq-answer{
  display:none;
}

.faq-item.active .faq-answer{
  display:block;
}
/* FAQ BOX */

.faq-item{
  transition:all .3s ease;
}

/* QUESTION */

.faq-question{
  font-size:18px;
  font-weight:500;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#222;
}

/* ICON */

.faq-question span{
  font-size:22px;
  font-weight:400;
  transition:all .3s ease;
}

/* ANSWER */

.faq-answer{
  display:none;
  margin-top:2px;
  color:#666;
  line-height:1.7;
}

/* ========================= */
/* 🔥 ACTIVE STATE */
/* ========================= */

.faq-item.active{
  background:#f8f8f8;
  padding:0 12px;
  border-radius:8px;
  border:1px solid #e0e0e0;
}

/* Show answer */

.faq-item.active .faq-answer{
  display:block;
}

/* Question color */

.faq-item.active .faq-question{
  color:#b28d09;   /* your gold theme color */
}

/* Icon change */

.faq-item.active .faq-question span{
  transform:rotate(180deg);
  color:#b28d09;
}
.clst {color:#fff; text-decoration:none;}
.dropdown-menu.show {
    height: 380px;
    overflow-y: scroll;
}
.vd {visibility:hidden;}

.service-listnew {
    height: 386px;
    overflow-y: scroll;
}

.booking-modal {
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

.modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.modal-title {
  font-weight: 700;
  font-size: 22px;
}

.form-control,
.form-select {
  height: 48px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.book-btn {
  background: #c9a227;
  color: #fff;
  border-radius: 30px;
  padding: 12px;
  font-weight: 600;
  transition: 0.3s;
}

.book-btn:hover {
  background: #b8951f;
}






.package-card {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.package-card img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
}

/* Bottom overlay box */
.package-info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: #f2f2f2;
  padding: 18px 20px;
}

/* Title */
.package-info h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}

/* Bottom row */
.bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Price */
.price {
  font-size: 16px;
  letter-spacing: 2px;
}

/* Buy button */
.buy-btn {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 10px;
    letter-spacing: 1px;
    font-weight: 500;
    background: #b28d09;
    border-radius: 3px;
}
.buy-btn:hover {
  color: #000;
  background: #fff;
}


section.package-section {
    background: #fff;
    padding: 60px 0;
}












.contact-formnew {
  padding:80px 0;
  background:#f7f7f7;
}

/* FORM CARD */
.contact-formnew .custom-form{
  max-width: 900px;
  margin: 0 auto;
  background:#ffffff;
  padding:45px 40px;
  border-radius:16px;

  border:1px solid #eee;
  box-shadow:
    0 15px 40px rgba(0,0,0,0.08),
    0 5px 15px rgba(0,0,0,0.04);
}

/* INPUT + SELECT + TEXTAREA */
.contact-formnew .custom-form input,
.custom-form select,
.custom-form textarea{
  width:100%;
  padding:14px 16px;
  border-radius:10px;
  border:1px solid #ddd;
  font-size:15px;
  outline:none;
  transition:all .3s ease;
  background:#fff;
}

/* FOCUS EFFECT */
.contact-formnew .custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus{
  border-color:#b28d09;
  box-shadow:0 0 0 3px rgba(178,141,9,0.15);
}



/* MOBILE */
@media(max-width:768px){
 .contact-formnew  .custom-form{
    padding:30px 20px;
  }
}

.slet {
    height: 46px !important;
    border-bottom: 1px solid #ddd !important;
    background: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
	padding: 0 !important;
}
.slet:focus {
    outline: 0;
    box-shadow: 0 0 0 .1rem rgb(0 0 0 / 100%);
    border-radius: 2px !important;
}