body {
      margin: 0;
      font-family: 'Montserrat', sans-serif;
      overflow-x: hidden;
    }
p, li, div, a, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

@font-face {
  font-family: 'walk_font';
  src: url('../fonts/Walkester.ttf');
}
ul{
    list-style:none;
    padding-left: 0;
}
li{
    list-style:none;
}

h1, h2{
    font-family: 'walk_font'; 
}
.text_boxINN_serv h1{
        max-width: 60% !important ;
}
.brnchVidTxt p{
    font-size:16px;
}
#wpforms-29-field_5 option{
    color:black;
}
.faq-main .accordion-content{
        font-size: 16px;
}
.faq-main .accordion-header{
        font-size: 16px;
}

.section-header {
  margin-bottom: 90px;
}

.testimonial-heading {
    font-size: 45px;
    color: #d5ad77;
    margin-bottom: 10px;
    font-family: 'walk_font';
}

.testimonial-subtitle {
  font-size: 16px;
  color: #aaa;
}

.testimonial-card {
      background-color: #1a1a1a;
    border: 1px solid #343434;
    padding: 40px 30px;
    /* border-radius: 16px; */
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    transition: transform 0.4s ease;
    padding-top: 57px;
}

.testimonial-quote {
    width: 12%;
    top: -42px;
    left: 50%;
    transform: translate(-50%, 0);
}

.testimonial-text {
  font-size: 18px;
  line-height: 1.8;
  color: #f1f1f1;
  margin-bottom: 25px;
}

.testimonial-author {
  font-weight: bold;
  color: #c9a16b;
}

.testimonial-author span {
  color: #fff;
  font-weight: normal;
}

.testimonial-slider{
    width:90%;
}


/* Hide dropdown menu by default */
.sub-menu {
  display: none;
}
/* Remove blue background or outline when clicking/tapping links */
#serviceList .nav-link:focus,
#serviceList .nav-link:active {
  background-color: transparent !important;
  color: white !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


/* LARGE DEVICES (hover dropdown) */
@media (min-width: 768px) {
  .dropdown {
    position: relative;
  }

  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    min-width: 220px;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    background-image: url('../../assets/images/wallNav_backk.jpg');
    background-size: cover;
    background-position: center;
    z-index: 999;
  }

  /* Hover on full .dropdown area keeps it open */
  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .dropdown-item:hover{
      color:black !important;
  }

  .dropdown-menu .nav-link {
    color: white;
    font-weight: 600;
    text-align: left;
  }
}


/* SMALL DEVICES (toggle with icon) */
@media (max-width: 767px) {


  #serviceWrapper .nav-link {
    color: white;
  }

  #serviceList.show {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 10px 0;
    margin-top: 8px;
  }

  #serviceList .nav-link {
    color: white;
    padding: 6px 0;
    display: block;
    font-weight: 500;
    text-decoration: none;
  }

  #serviceList .nav-link:hover {
    text-decoration: underline;
    color: #ddd;
  }

  #toggleIcon {
    color: white;
    cursor: pointer;
  }
  /* Disable hover effect for service links in small devices */
#serviceList .nav-link:hover {
  text-decoration: none !important;
  color: white !important;
  background-color: transparent !important;
}

}



.whtsPP_icon{
       width: 5%;
    right: 15px;
    bottom: 25px;
    opacity: 0.8;
}

    .header_fx {
      display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    background: url(../images/wallNav_backk.jpg);
    color: white;
    border-bottom: 1px solid #303030;
    /* clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0 50%); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;

    }
    
    .header_fx_main{
            position: absolute;
    width: 85%;
    left: 50%;
    transform: translate(-50%, 0);
    top: 38px;
        z-index: 500;
    }
    
    .logo_nn{
        display:none !important;
    }
    
    
    .navFx_main{
        width:100%;
    }

    .logo {
         display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    width: 12%;
    position: absolute;
    top: -40px;
    z-index: 100;
    /* left: 90px; */
    left: 50%;
    transform: translate(-50%, 0);
}
    
    .logo-box {
      border: 2px solid white;
      padding: 2px 6px;
      margin-right: 5px;
    }
   .navList_main{
       width:80%;
    justify-content: space-between;
   }
   
   .navList_main ul a{
              color: white !important;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
   }
    .navList_main ul{
         width: 62%;
    gap: 1%;
    margin-left: 0 !important;
    }
   
   .icBtn_mnn {
       width:70%;
      justify-content: end;
      align-items: center;
      gap: 4%;
   }
   
   .revHd_btn{
          text-decoration: none;
    background: #626262db;
    width: 25%;
    text-align: center;
    padding: 5px;
    color: white;
    border: 1px solid #ffddb040;
    /* border-radius: 50px;*/
        font-size: 18px;
   }
   
   .GalAct_brtn{
       color: white !important;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
   }
   .GalAct_brtn i{
       font-size: 18px;
   }
   
   .down-arrow-shape {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    height: 160px;
    width: 56px;
    background-color: #cba57091;
    /* clip-path: polygon(0 0, 100% 0, 50% 100%); */
    z-index: 10;
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
}
   
   
   
    /*.nav a {*/
    /*  text-decoration: none;*/
    /*  color: white;*/
    /*  font-weight: 500;*/
    /*  position: relative;*/
    /*}*/
    /*.nav a.active::after {*/
    /*  content: '';*/
    /*  position: absolute;*/
    /*  bottom: -5px;*/
    /*  left: 0;*/
    /*  width: 100%;*/
    /*  height: 2px;*/
    /*  background: white;*/
    /*}*/
    
    
    .icons {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 18px;
      position:relative;
    }
    
    .icons::before{
            content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 31px;
    background-color: #7a7a7a;
        
    }
    
    
.icons a {
     color: #ffddb0;
  text-decoration: none;
}

.banReswp_1, .banReswp_2{
    display:none;
}
.hero_BannFx{
    text-align:center;
}
.hero_BannFx h1{
           font-size: 60px;
    color: #c9a16b;
    font-weight: 500;
    font-family: "Bitter", serif;
    word-spacing: 5px;
    font-family: 'walk_font';
    margin: auto;
    max-width: 95%;
    position: relative;
}

/*.heroBtn_cl{*/
/*           width: 30%;*/
/*    display: block;*/
/*    margin: auto;*/
    /* text-decoration: none; */
/*    color: #fff;*/
/*    padding: 10px 10px;*/
/*    text-decoration: none;*/
    /* border-radius: 5px; */
/*    font-weight: 600;*/
/*    font-size: 25px;*/
/*    position: relative;*/
/*    border-radius: 50px;*/
    /* padding-left: 60px; */
/*    margin-top: 25px !important;*/
/*    border: 1px solid #c9a16b;*/
/*    letter-spacing: 1px;*/
    
/*}*/


.heroBtn_cl {
  width: 30%;
  display: block;
  margin: auto;
  color: #fff;
  padding: 10px 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 25px;
  position: relative;
  border-radius: 50px;
  margin-top: 16px !important;
  border: 1px solid #c9a16b;
  letter-spacing: 1px;
  background-color: transparent;
  /*overflow: hidden;*/
  animation: pulseShadow 2.5s infinite ease-in-out;
}

@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 60%);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(201, 161, 107, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(201, 161, 107, 0);
  }
}


.btnDv_hro {
            background: #000000;
    border-radius: 50px;
    padding: 12px;
    padding-left: 58px;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
.btnDv_hro:hover{
    color:#dbb788;
}
.btnDv_hro::before{
          content: "";
    display: inline-block;
    margin-right: 8px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid #dbb788;
    position: absolute;
    left: 53px;
    top: 20px;
}

.btnDv_hro::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    background: transparent; /* No background */
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: waveAnim 2s infinite;
    border: 1px solid black; /* Only border visible */
}

.btnDv_hro span,
.btnDv_hro i {position: relative;
    z-index: 1;
}


.heroBtn_cl span{
       position: absolute;
    background: #dbb788;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    left: 5px;
    top: 4px;
    color: #ffffff;
}



.floatingArrowIndication {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
    color: #000000;
    animation: floatArrow 2.2s ease-in-out infinite;
    pointer-events: none;
    /* z-index: 500; */
}

@keyframes floatArrow {
  0% {
    transform: translateX(-50%) translateY(0) rotate(0deg);
    opacity: 0.2;
  }
  25% {
    transform: translateX(-60%) translateY(-18px) rotate(-15deg);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(-30px) rotate(0deg);
    opacity: 1;
  }
  75% {
    transform: translateX(-40%) translateY(-18px) rotate(15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(0) rotate(0deg);
    opacity: 0.2;
  }
}
















.herP_txt .spnImg_gg{
    width:30%;
    display:block;
}
.herP_txt {
    width: 70%;
    margin: 40px auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rating-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.spnImg_gg {
    width: 24px; /* or keep percentage if needed: 10% */
    display: block;
}

.str5 {
    color: #f9b700;
    font-size: 20px;
    font-weight: 600;
}

.herP_txt p {
    color: #606060;
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: 600;
}

.i_cBN i {
    position:relative;
    bottom:1px;
}


.herP_txt i {
  color: #efae01;
  animation: colorBlink 2.5s infinite alternate;
      font-size: 16px;
     
}

@keyframes colorBlink {
  0% {
    color: #efae01;
  }
 50% {
    color: black;
  }
   100% {
    color: #efae01;
  }
}





.hero-section {
       /* background-attachment: fixed; */
    background-image: url(../images/banNew_fxHair.jpg);
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 130px 0;
    background-repeat: no-repeat;
    padding-bottom: 55px;
    margin-top: 75px;
  position:relative;
  /*z-index:-1;*/
}



.banReswp_1 {
    bottom: 0;
    width: 52%;
    left: 0;
}

.banReswp_2 {
    bottom: 0;
    width: 52%;
    right: 0;
}










.hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1300px;
  margin: auto;
  position: relative;
  flex-wrap: wrap;
}

.hero-left {
  max-width: 50%;
  flex: 1;
  z-index: 2;
}

.google-rating-box {
  display: flex;
  align-items: center;
  background: #fff;
  color: #000;
  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  width: fit-content;
}

.google-logo {
  width: 40px;
  margin-right: 15px;
}

.rating-text strong {
  font-size: 16px;
}

.rating-text .stars {
  color: #f39c12;
  font-weight: bold;
}

.rating-text .reviews {
  font-size: 14px;
  color: #555;
}

.highlight-text {
  /*background: ;*/
color: #1e1a15;
    font-weight: 400;
    padding: 6px 16px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 16px;
}


#highlight-text2 { 
  /*background: ;*/
  color: #000;
  font-weight: 600;
  padding: 6px 16px;
  display: inline-block;
  
  border-radius: 4px;
    font-size: 20px;
}



.highlight-text3{
      color: #000;
  font-weight: 600;
  padding: 6px 16px;
  margin-bottom: 20px;
  text-align:center;
  border-radius: 4px;
    font-size: 20px;
    width:600px;
}
.text-box {
  position: relative;
  overflow:hidden;
  
}


/* Base text styles */
#animated-heading,
#highlight-text {
  /* Keeping these for reference but not active */
  /* position: absolute; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* white-space: nowrap; */

  opacity: 1;
  text-align: center;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

/* Design styling */
#animated-heading {
  font-size: 50px;
  color: #998160;
  font-weight: 500;
  word-spacing: 5px;
  margin-bottom: 20px;
}

#highlight-text {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  padding: 6px 16px;
  margin-top: 10px;
}

/* Animations */
.slide-in {
  opacity: 1;
  transform: translateX(0);
}

.slide-out-left {
  opacity: 0;
  transform: translateX(-100%);
}

.slide-out-right {
  opacity: 0;
  transform: translateX(100%);
}




.hero-left h1 {
font-size: 40px;
    margin-bottom: 18px;
    line-height: 1.4;
}

.emi {
  font-size: 18px;
  margin-top: 10px;
  color: #ffc107;
  font-weight: 600;
}

.hero-right {
 max-width: 34%;
    background: #4a4a4a;
    padding: 20px;
    /* border-radius: 12px; */
    position: relative;
    z-index: 2;
}

.call-btn {
  background: #C9A16B;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-decoration: none;
  font-weight: bold;
}

.call-btn i {
  margin-right: 6px;
}

.appointment-box h3 {
  margin-bottom: 15px;
  font-size: 18px;
}

.appointment-box input {
  width: 92%;
  padding: 10px;
  /*margin-bottom: 10px;*/
  border-radius: 6px;
  border: none;
  font-size: 14px;
}

.phone-input {
display: flex;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 10px;
    padding: 2px 0px;
}

.phone-input .flag {
         background: #c9a16b;
    padding: 6px 10px;
    margin-left: 4px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.phone-input input {
  border: none;
  outline: none;
  padding: 10px;
  width: 100%;
}

.submit-btn {
  background:#C9A16B;
  color: #fff;
    font-family: 'Montserrat', sans-serif;
  padding: 10px;
  width: 100%;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
      margin-top: 10px;
}

.hero-image {
     position: absolute;
    right: 26%;
    /* bottom: -10px; */
    width: 25%;
    z-index: 1;
}

.hero-image img {
    width: 100%;
}


    /*****first contact form**/


    .form-section {
      /*padding: 40px 0;*/
      display: flex;
      justify-content: center;
    }
    .form-section h2{
           font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: black;
    font-family: 'walk_font';
    }
    
    .form-container {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }


    .form-container input[type="text"],
    .form-container input[type="email"] {
      background: transparent;
      border: 1px solid #fff;
      color: #fff;
      padding: 12px 20px;
      width: 220px;
      outline: none;
      font-size: 14px;
    }

    .form-container input::placeholder {
      color: #ccc;
    }

    .form-container button {
      background: #fff;
      color: #000;
      border: none;
      padding: 12px 30px;
      font-weight: 600;
      letter-spacing: 2px;
      cursor: pointer;
      transition: background 0.3s, color 0.3s;
    }

    .form-container button:hover {
      background: #f5882a; /* optional hover color */
      color: #fff;
    }



    /**** services *****/
 .services {  
        display: flex;
    /* width: 99vw; */
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 100px 0;
        background-image: url(../images/wedoHm_fx_back.jpg);
    background-size: cover;        
    background-repeat: no-repeat; 
    background-position: center;  
    padding-top: 90px;
    /*background-attachment: fixed; */
    /*background-color: #f5f5f5;     */
    }
    .servicecontainer{
      display: flex;
      gap:20px;
      margin:20px;
    }
    .service-card {
      /*width: 270px;*/
      background: #fff;
      padding: 7px;
      text-align: center;
      border: 1px solid #c9a16b;
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 615px;
    }
    .service-card.black {
      background: #000;
      border: none;
      color: #fff;
    }
    .service-card img {
      width: 100%;
      height: 280px;
      object-fit: cover;
      margin-bottom: 15px;
    }
    .service-card h2 {
      font-family: 'Great Vibes', cursive;
      font-size: 32px;
      color: #c9a16b;
      margin: 0 0 5px;
    }
    .service-card h3 {
         font-weight: 600;
    font-size: 20px;
    margin: 0 0 10px;
    color: #ffffff;
    }
    .service-card.black h3 {
      color: #fff;
    }
    .service-card p {
      font-size: 15px;
      /*letter-spacing: 2px;*/
      color: #b5b5b5;
      margin-bottom: 15px;
    }
    .service-card.black p {
      color: #ccc;
    }
    
    
    
    .service-card a {
            text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #c9a16b;
    width: 67%;
    padding: 10px;
    bottom: -23px;
    border-radius: 50px;
    overflow:hidden;
    transition:0.5s;
    }
    .service-card a:hover {
      border-color: #c9a16b;
    }

 .service-card a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2%;
    height: 2%;
     background: #646464;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition:0.5s;
}

 .service-card a:hover::before{
       width: 100%;
    height: 100%;
  opacity: 1;
 }










    .crdFx_txt{
            padding: 10px;
    background: black;
    position:relative;
        padding-bottom: 20px;
            height: 600px;
    }
    

    


    /*****since year section *****/

   .parallax-section {
  position: relative;
  background-image: url('../images/mkeFx_back.jpg'); /* Replace with your image path */
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  padding: 90px 20px;
}

.parallax-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 15%;
  background-color: #c9a16b;
  transform: translateX(-50%);
  border-left: 0.5px solid #c9a16b; 
}

.parallax-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  padding-left: 25px;
      text-align: left;
}

.parallax-content h2 {
  font-family: 'Great Vibes', cursive;
  font-size: 75px;
  color: #c9a16b;
  margin: 0 0 10px;
}

.parallax-content small {
  display: block;
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.parallax-content h1 {
  font-size: 33px;
  font-weight: 600;
  margin: 0 0 20px;
  font-family: 'walk_font';
}
.parallax-content h1 span{
    color:#d9b788;
}
.parallax-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #ddd;
  margin-bottom: 30px;
}

.parallax-content a.button{
     display: inline-block;
    /* padding: 12px 30px; */
    /* border: 1px solid #ffdba97d; */
    color: #c9a16b;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: 600;
    transition: all 0.5s ease;
    width: 62%;
    font-size: 33px;
    border-radius: 50px;
}


.parallax-content a.button i{
        color: white;
}

.parallax-content a.button:hover{
    color:white;
}


.parallax-form a.button {
  display: inline-block;
  padding: 12px 30px;
    border: 1px solid #ffdba97d;
  color: #fff;
  text-decoration: none;
  letter-spacing: 2px;
  font-weight: 600;
  transition: all 0.3s ease;
  width: 100%;
  font-size: 20px;
  border-radius: 50px;
  text-align: center;
}


.parallax-form a.button:hover {
  background: #c9a16b;
  border-color: #c9a16b;
  color: #000;
}

.parallax-form {
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 10px;
  text-align: left;
}

.parallax-form .form-title {
    font-size: 40px;
    color: #c9a16b;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'walk_font';
    letter-spacing: 2px;
}

.parallax-form .form-control {
  background: rgba(255, 255, 255, 0.1);
  border:1px solid #ffdba97d;
  color: #fff;
  padding: 12px 15px;
  margin-bottom: 15px;
  border-radius: 0;
  font-size: 16px;
  box-shadow:none;
}

.parallax-form .form-control::placeholder {
  color: #ccc;
}


.parallax-content.text-start {
  text-align: left;
}



/*******  Steps */

.step-card {
 /* background-color: #111; */ /* Dark background */
  color: #fff;            /* Default text color */
  padding: 25px;
  /*border-radius: 12px;*/
  box-shadow: 0 4px 20px rgba(255,255,255,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  border: 1px solid #333;
  background-image: url(../images/bannInFXX_mini.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 25px rgba(255,255,255,0.08);
}

.step-card h4 {
  font-size: 32px;
  font-weight: bold;
  color: #c9a16b; /* Optional highlight color for number */
  margin-bottom: 10px;
}

.step-card h6 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.step-card p {
  font-size: 14px;
  color: #ccc; /* Light gray for paragraph */
  line-height: 1.6;
}

















    /**** gallery ****/
  .gallery-section {
       background-color: #fff5e8;
    padding: 108px 0;
    text-align: center;
    padding-top: 0;
        padding-bottom: 200px;
  }

.gallery-section h2 {

}

.gallery-section h2::before,
.gallery-section h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    border-top: 0.5px solid #818181;
    display:none;
}

.gallery-section h2::before {
    left: -53%;
    /* transform: translateY(-50%); */
    width: 40%;
}

.gallery-section h2::after {
     right: -53%;
    /* transform: translateY(-50%); */
    width: 40%;
}

.galHddd_fx{
    
/*height: 140px;*/
    /*background-color: #00000070;*/
    /*background-blend-mode: overlay;*/
    /* clip-path: polygon(100% 0, 0 0, 51% 98%); */
    padding-top: 36px;
    /*background-image: url(../images/galBackFDxx.jpg);*/
    /* background-attachment: fixed; */
    /*background-size: cover;*/
    /*background-position: center;*/
   
}
 
 .galHddd_fx h2{
     /*color:b;*/
       font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  color: black;
  font-family: 'walk_font';
  position: relative;
  text-align: center; /* Centered lines */
  /*display: inline-block;*/
 }
 
.gall1stNAV{
        border: none  !important;
        gap: 2% !important; 
            justify-content: center;
                margin-bottom: 20px;
}

.gall1stNAV li button.active{
    border:none !important;
     color: #22496D !important;
    background: transparent !important;
    border: 1px solid #c9a16b !important; 
        
}


.gall1stNAV li button {
  padding: 9px 5px;
    margin: 5px 4px 4px 0;
    display: inline-block;
    color: #ffffff;
    background: #c9a16b;
    border: 1px solid #c9a16b;
    transition: all 0.4s;
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 500;
   clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 100%, 0 100%);
    padding-bottom: 6px;
        padding-left: 12px;
    padding-right: 12px;
}

.gall1stNAV li button:hover{
    border:none !important;
    color: #22496D;
    background: transparent !important;
    border: 1px solid #c9a16b !important; 
}
 
 .pp_fxMn_ovrLy {
    position: absolute;
    pointer-events: none;
    left: 0;
    width: 100%;
    height: 0%;
    background: rgb(0 0 0 / 35%);
    z-index: 2;
    transition: 0.3s ease;
    opacity: 0;
    bottom:0;
}


  .pp_fxMn:hover .pp_fxMn_ovrLy{
   
    height: 100%;
    opacity: 1;
  }
 
 
 
 
 
 
  /* Responsive Design */
  @media (max-width: 768px) {
    .gallery {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
    }

    .item1,
    .item2,
    .item3,
    .item4,
    .item5 {
      grid-column: auto / auto !important;
      grid-row: auto / auto !important;
    }
  }



  /***ready to transform***/



  .readytotransform-section {
background-image: url(../images/bghairimage.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 50px;

}

.readytotransform-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position:relative;
}

.readytotransform-text {
  flex: 1 1 500px;
  max-width: 600px;
}

.readytotransform-location {
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #ccc;
}

.readytotransform-heading {
    
    position: absolute;
    top: -155px;
    background: #c9a16b;
    padding: 25px;
    max-width: 495px;
}
.readytotransform-heading h1{
       font-size: 37px;
    font-weight: 800;
    margin: 9px 0;
    color: #fff;
    font-family: 'walk_font';
    /*letter-spacing: 4px;*/
}
.readytotransform-heading h1::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 45px solid #c9a16b;
    position: absolute;
    right: -52px;
    top: 136px;
}
.readytotransform-description {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #ddd;
}

.readytotransform-button {
  display: inline-block;
  text-decoration: none;
  color:#C9A16B;
  font-weight: 600;
  /*border-bottom: 2px solid #C9A16B;*/
  padding-bottom: 4px;
  transition: all 0.3s ease;
    font-size: 30px;
     animation: colorLoop 2s infinite ease-in-out;
}


/* Animation keyframes */

@keyframes colorLoop {
  0% {
    color: white;
  }
  50% {
    color: #C9A16B;
  }
  100% {
    color: white;
  }
}


.readytotransform-button i{
    color:white;
}

.readytotransform-button:hover {
  color: #fff;
  border-color: #fff;
}

.readytotransform-images {
   position: absolute;
    bottom: 0;
    width: 43%;
    right: 103px;
}

.readytotransform-image-main {
  width: 280px;
  border-radius: 4px;
}

.readytotransform-image-overlay {
  width: 200px;
  position: absolute;
  bottom: -30px;
  right: -30px;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Responsive */
@media (max-width: 768px) {
  .readytotransform-content {
    flex-direction: column;
    text-align: center;
  }

  .readytotransform-images {
    margin-top: 30px;
  }

  .readytotransform-image-overlay {
    position: absolute;
    bottom: -20px;
    right: 50%;
    transform: translateX(50%);
  }
}


/*****pricing ******/

.readytotransform-pricing {
  background-color: #f9f9f9;
  padding: 100px 20px;
}

.pricing-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 80px;
}

.pricing-heading {
  flex: 1;
  position: relative;
}

.pricing-heading h2 {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2;
  color: #111;
  z-index: 2;
  position: relative;
}

.bg-word {
  position: absolute;
  top: 50px;
  bottom:200px;
  left: 50px;
  font-size: 230px;
  font-family: 'Brusher', cursive;
  color: #d4c4b6;
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}

/* Optional: load custom font */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.pricing-list {
  flex: 2;
}

.pricing-item {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.service-info h4 {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 5px;
}

.service-info p {
  margin: 0;
  font-size: 14px;
  color: #555;
}

.service-price {
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .pricing-container {
    flex-direction: column;
    gap: 40px;
  }

  .pricing-heading {
    text-align: center;
  }

  .bg-word {
    font-size: 60px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .pricing-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-price {
    margin-top: 8px;
  }
}


/***testimonial ***/


.testimonial-section {
  color: #fff;
  padding: 62px 20px;
  position: relative;
  text-align: center;
  overflow: hidden;
   /*position: relative;*/
    background-image: url(../images/testiBack_fxxx.jpg) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    background-blend-mode: overlay !important;
    background-color: rgb(0 0 0 / 24%) !important;
   
}
   
    .testimonial_slidOWL .owl-item{
            padding-top: 35px;
    padding-bottom: 35px;
    }
    
    
    
    
.testimonial-bg-word {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Pacifico', cursive;
  font-size: 120px;
  color: #8d6f47;
  opacity: 0.06;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  z-index: 1;
}

.testimonial-slide {
  max-width: 900px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}

.quote-mark {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}

.testimonial-title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 30px;
}

.testimonial-content {
  padding: 0 20px;
}

.testimonial-text {
  font-size: 18px;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto 20px;
  color: #ddd;
}

.testimonial-author {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bbb;
    background: #484848;
    width: 50%;
    padding: 12px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

/* Optional: load cursive font */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

@media (max-width: 768px) {
  .testimonial-bg-word {
    font-size: 70px;
  }

  .testimonial-title {
    font-size: 24px;
  }

  .testimonial-text {
    font-size: 16px;
  }
}

/****conetent with form ***/



.left-content {
  flex: 1;
  min-width: 55%;
}

.right-form {
  flex: 1;
  min-width: 35%;
  border-left: 2px solid #ccc;
  padding-left: 30px;
}

.left-content h1 {
  font-size: 28px;
  color: #000;
}

.left-content h2 {
  font-size: 28px;
  margin-top: 5px;
  color: #444;
}

.left-content p {
  line-height: 1.6;
  margin: 15px 0;
}

.left-content ul {
  list-style: disc;
  margin-left: 20px;
}

.left-content ul li {
  margin: 8px 0;
}

.right-form h3 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #000;
}

.right-form p {
  /*font-size: 14px;*/
  margin-bottom: 20px;
}

.right-form input,
.right-form select {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
}

.right-form button {
  width: 100%;
  padding: 12px;
  margin-left:15px;
  background-color: #C9A16B;
  color: #000;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.right-form button:hover {
  background-color: #b8905f;
}


/*****contact info *****/

.contact-wrapper {
  display: flex;
  width:95%;
  justify-content: center;
  
  gap: 40px;
  padding: 50px 30px;
  flex-wrap: wrap;
}


.contact-boxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 450px;
}

.box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px 25px;
  background-color: #000;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.05);
}

.box h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: white;
}

.box p {
  margin: 0;
  font-size: 15px;
  color: white;
  line-height: 1.6;
}

.map-box {
  width: 100%;
  max-width: 600px;
  height: 350px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.08);
  border-radius: 10px;
  overflow: hidden;
}

    textarea {
  width: 100%;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
}




    /*****footer ****/

    
    .footer {
      background-color: #000;
      background-attachment: fixed;
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      color: white;
      padding: 60px 30px 30px;
    }

    .footer-content {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      /*max-width: 1200px;*/
      margin: auto;
      /*gap: 40px;*/
    }

    .footer-column {
      flex: 1 1 200px;
    }

    .footer h3 {
      font-weight: bold;
      margin-bottom: 20px;
    }

    .footer p, .footer a {
      color: #ccc;
      font-size: 15px;
      line-height: 1.8;
      text-decoration: none;
    }

    .footer .social-icons a {
      margin-right: 12px;
      font-size: 16px;
      color: white;
      transition: 0.3s;
    }

    .footer .social-icons a:hover {
      color: #b08c45;
    }

    .footer-bottom {
      text-align: center;
      margin-top: 50px;
      border-top: 1px solid #222;
      padding-top: 20px;
      font-size: 14px;
      color: #aaa;
    }
.footer-bottom a{
    font-weight:700;
    color:#c9a16b;
}
    @media (max-width: 768px) {
      .footer-content {
        flex-direction: column;
        text-align: center;
      }

      .footer {
        background-position: center;
      }
    }



.before_after_main {
    /*overflow: hidden;*/
    position: relative;
    height: auto;
    aspect-ratio: 9 / 9;
    width: 100%;
    margin: auto;
}

.before_after_main img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

#afterImage {
  clip-path: inset(0 50% 0 0);
}

.slider-handle {
  width: 4px;
  background: #fff;
  height: 100%;
  cursor: ew-resize;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  position: absolute;
  display: flex;
  justify-content: center;
}

.slider-circle {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
 transform: translateY(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 11;
}


@keyframes sliderWiggle {
  0%, 100% {
    transform: translateX(-50%) translateX(0);
  }
  50% {
    transform: translateX(-50%) translateX(5px);
  }
}

.slider-handle.animate {
  animation: sliderWiggle 1.8s ease-in-out infinite;
}

.indTrns_1 {
    color: #ffffff;
    background: #0000008c;
    position: absolute;
    width: 24%;
    text-align: center;
    padding: 3px;
    top: 0;
    left:0;
}
.indTrns_2 {
    color: #ffffff;
    background: #0000008c;
    position: absolute;
    width: 24%;
    text-align: center;
    padding: 3px;
    top: 0;
    right:0;
}

.trnssFXX_1{
        padding: 50px;
    padding-left: 130px;
}








.trnssFXX_2{
padding: 50px 0;
    background: #323232;
    padding-right: 117px;
    padding-left: 105px;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
}

/*.before_after_main::before {*/
/*      content: "";*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    left: -20px;*/
/*    width: 100%;*/
    /* aspect-ratio: 1 / 1; */
/*    background: #585858;*/
    /* z-index: -1; */
/*    width: 90%;*/
/*    height: 90%;*/
/*}*/


.transf_btnn{
    background-color: #a7885d;
    color: #fff;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    border-radius: 50px;
    font-size: 18px;
    width: 42% !important;
    text-align: center;
    display:block;
    position:relative;
    z-index:2;
    transition:0.5s;
}
.transf_btnn:hover{
    color:black;
}


 .transf_btnn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2%;
    height: 2%;
     background: white;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition:0.5s;
}

 .transf_btnn:hover::before{
       width: 100%;
    height: 100%;
  opacity: 1;
 }


/*.galHddd_fx_left,*/
/*.galHddd_fx_right {*/
/*      position: absolute;*/
/*    top: 0;*/
/*    width: 580px;*/
/*    height: 100%;*/
/*    background: #000000;*/
/*    z-index: 1;*/
/*}*/

/* Left shape */
/*.galHddd_fx_left {*/
/*    left: 0;*/
/*    clip-path: polygon(30% 49%, 0 0, 0 100%);*/
/*    animation: slideLeftIn 1s ease forwards;*/
/*        background: #c9a16b;*/
/*}*/

/* Right shape */
/*.galHddd_fx_right {*/
/*    right: 0;*/
/*    clip-path: polygon(70% 48%, 100% 0, 100% 100%);*/
/*    animation: slideRightIn 1s ease forwards;*/
/*}*/






















    /********========= Transformation========*****/

    .transformation-section {
  /*padding: 50px 20px;*/
  background-color: #f8f8f8;
}

.transformation-section h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
     color: #fff; 
    font-family: 'walk_font';
    margin-bottom: 20px;
}

.transff_txt p{
        color: #dcdcdc; 
            font-size: 16px;
}


.transformation-swiper {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding-bottom: 40px;
}

.transformation-swiper .swiper-slide {
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.transformation-swiper .swiper-slide img {
  width: 100%;

  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.swiper-button-next,
.swiper-button-prev {
  color: #C9A16B;
}


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #060606;
}



/****faq *****/
.faq-main{
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #202020;
  color: white;
}
    .faq-container {
      display: flex;
     
      padding-bottom: 40px;
      align-items: flex-start;
    
      gap: 40px;
      max-width: 88%;
      margin: auto;
    }

    .faq-images {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /*.faq-images img {*/
    /*  width: 520px;*/
    /*  margin-top: 60px;*/
    /*  height: 510px;*/
    /*  border-radius: 10px;*/
    /*}*/

    .faq-content {
      flex: 1;
      margin-top: 50px;
    }

    .faq-title {
        font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    color: white;
    font-family: walk_font;
    /*text-align: center;*/
    }

    .faq-title span {
      color: #0073e6;
      /*font-style: italic;*/
      font-weight: normal;
    }

    .accordion {
      margin-top: 30px;
      /*border-top: 1px solid #ddd;*/
    }

    .accordion-item {
      border: none;
    }

    .accordion-header {
        padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    font-weight: bold;
    color: #C9A16B !important;
    transition: 0.3s;
    padding-left: 20px;
    background: white;
        margin-top: 20px;
    }

    .accordion-header:hover {
      background-color: #f0f0f0;
      color:black;
    }

    .accordion-content {
      display: none;
      padding: 12px 20px 20px;
      color: white !important;
      line-height: 1.6;
    }

    .accordion-item.active .accordion-content {
      display: block;
    }

    .accordion-item.active .accordion-header {
      color:#8d6f47;
      
    }


    /***about us in home ****/

    .about-us-section {
    position: relative;
    background-image: url(../images/bghairimage.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgb(177 177 177 / 10%);
    color: #fff;
    padding: 60px 0;
    
}

.about-us-section ul li {
    font-size:16px !important;
}

 .shine-overlay {
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 40%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0) 60%
      );
      animation: diagonalShine 5s linear infinite;
      z-index: 1;
      pointer-events: none;
    }

    @keyframes diagonalShine {
      0% {
        transform: translate(0%, 0%);
      }
      100% {
        transform: translate(100%, 100%);
      }
    }



.about-us-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  gap: 40px;
  align-items: center;
}


.about-image{
        /*background: #c9a16b61;*/
    padding: 10px;
    z-index:1;
    /*border-radius: 10px;*/
}
.about-image img {
  width: 100%;
  /*max-width: 600px;*/
  /*height:500px;*/
  /*border-radius: 10px;*/
}


.abtLay_1{
        width: 70%;
    bottom: -20px;
    z-index: -1;
    left: 80px;
    opacity: 0.5;
}

.abtLay_2{
        width: 70%;
    top: -20px;
    z-index: -1;
    left: 80px;
    opacity: 0.5;
}



.about-content {
    padding: 50px 20px;
    background: #0000008f;
    border: 1px solid #464646;
}

.about-content h3{
      color: #b3b3b3;
    font-size: 20px;
}
.about-description{
    
}




.about-subtitle {
  color: #C9A16B;
  font-weight: bold;

  letter-spacing: 1px;
  margin-bottom: 10px;
}

.about-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  color: #f7f7f7;
  font-family: 'walk_font';
  position:relative;
}

.about-title::before {
   content: "";
    position: absolute;
    right: 20px;
    top: 25%;
    transform: translateY(-50%);
    width: 95px;
    height: 0.7px;
    background-color: #ffffff;
    display:none;
}

.about-title span {
  color: #C9A16B;
}


.abt_img{
       width: 12%;
    margin: 30px auto;
        position:relative;
}

.abt_img::before {
     content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b3b3b373;
    top: 50%;
    left: -195px;
}

.abt_img::after {
     content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b3b3b373;
    top: 50%;
    right: -195px;
}


.about-description {
 color: #b9b9b9;
  font-size: 17px;
  margin: 20px 0;
  line-height: 1.6;
}

.about-icons {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}

.about-icons span {
  margin-right: 15px;
}

.about-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  /*align-items: center;*/
      /*justify-content: center;*/
}

.btn-about {
  position: relative;
  background-color: #585858;
  color: #fff;
  padding: 10px 25px;
  text-decoration: none;
  font-weight: 600;
  border-radius: 50px;
  font-size: 18px;
  width: 35%;
  text-align: center;
  overflow: hidden !important;
  z-index: 1;
  transition: color 0.4s ease;
}



/* Diagonal shapes */
.btn-about::before,
.btn-about::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #c9a16b; /* Change to your preferred hover color */
  z-index: -1;
  transform: scaleX(0) scaleY(0) rotate(45deg);
  transform-origin: center;
  transition: transform 0.5s ease;
  border-radius: 0;
}

.btn-about-1::before,
.btn-about-1::after {
      background-color: white !important;
}


/* Top-left diagonal entry */
.btn-about::before {
  top: -100%;
  left: -100%;
}

/* Bottom-right diagonal entry */
.btn-about::after {
  bottom: -100%;
  right: -100%;
}

/* Hover effect triggers both sides to meet */
.btn-about:hover::before,
.btn-about:hover::after {
  transform: scaleX(1.5) scaleY(1.5) rotate(45deg);
}

.btn-about:hover {
  /*color: #000; */
}




.contact-numbers {
  font-size: 14px;
  color: #333;
}

.contact-numbers a {
  color: #2c6ee0;
  text-decoration: none;
  display: block;
  margin: 2px 0;
  
}


/***********  About us PAge *********/

.bannerINN_fxx {
        background-image: url(../images/banInnnn_fxx.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* min-height: 60vh; */
    background-color: #ffffff70;
    background-blend-mode: overlay;
    position: relative;
    display: flex;
    align-items: center;
    color: white;
    padding: 45px 0;
    height: auto;
    padding-top: 185px;
}

/* Inner content box with semi-transparent black background */
.bannerINN_fxx_conttt {
       background-color: #000000bf;
    padding: 20px 15px;
    /* max-width: 600px; */
    /* padding-left: calc((100vw - 1140px) / 2 + 15px); */
    /* position: absolute; */
    width: 30%;
    left: 50%;
    /* transform: translate(-50%, 0); */
    text-align: center;
    bottom: -65px;
    border: 3px solid #cba570;
    background: url(../images/bannInFXX_mini.jpg);
    color: white;
    /* border-bottom: 1px solid #303030; */
    /* clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0 50%); */
    /* background-size: 100%; */
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: cover;
}

.bannerINN_fxx h1 {
      font-size: 55px;
    margin: 0;
    line-height: 1.2;
    font-family: 'walk_font';
}

.bannerINN_fxx h4 {
  font-size: 20px;
  /*margin-bottom: 10px;*/
}
.bannerINN_fxx h4 span{
    color:#cda872;
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}



.fix_scial{
    
    display:none;
  
}

.mdFX_sc{
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
}

.story-section{
    padding-top:60px;
      background-image: url(../images/abt1stback_mn_1.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.story-left {
       background-color: #000000d6;
    padding: 40px;
    /* border-radius: 10px; */
    height: 100%;
}

.story-left h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    font-family: 'walk_font';
    margin-bottom: 20px;
}

.story-left h2 span {
    color: #C9A16B;
}

.story-left h3 {
    font-size: 20px;
    font-weight: 600;
    color: #dddddd;
    margin-bottom: 20px;
}

.story-left p {
    font-size: 16px;
    line-height: 1.7;
    color: #bbbbbb;
}

.story-left a{
        text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    /* letter-spacing: 2px; */
    font-weight: 600;
    /*border-bottom: 1px solid transparent;*/
    transition: border-color 0.3s;
    background: #c9a16b;
    width: 35%;
    padding: 10px;
    border-radius: 50px;
    overflow: hidden;
    transition: 0.5s;
    display: block;
    text-align: center;
    position:relative;
    z-index:2;
}




 .story-left a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2%;
    height: 2%;
     background: #646464;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition:0.5s;
}

 .story-left a:hover::before{
       width: 100%;
    height: 100%;
  opacity: 1;
 }






.story-right img {
    border-radius: 8px;
}



/********** Counter */

.counter_fxx {
    background-color: #000;
    padding: 70px 0;
    background-image: url(../images/bghairimage.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgb(177 177 177 / 10%);
    padding-top: 90px;
}

.counter-box {
    background-color: #111;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 20px;
    /*border-radius: 10px;*/
    padding-top:50px;
    color: #fff;
    transition: all 0.3s ease;
    
}

.counter-box:hover {
    border-color: #C9A16B;
    transform: translateY(-5px);
}

.counter-box i {
    font-size: 40px;
    /*margin-bottom: 15px;*/
    color: white;
}

.counter-box h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.counter-box p {
     margin: 0;
    font-size: 20px;
    color: #cca772;
    font-weight: 500;
}

.spnFX_cnttt{
    position: absolute;
    background: #b19164;
    width: 115px;
    height: 90px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        left: 50%;
    transform: translate(-50%, 0);
    top:-45px;
}


/*****  Mission */


.missFxx_txtMNN {
 background: #000; 
    padding: 25px;
    /* border-radius: 8px; */
    color: #fff;
    height: 100%;
    background-image: url(../images/bannInFXX_mini.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .missFxx_txtMNN h4 {
            background: #af9165;
    padding: 10px 15px;
    color: #fff;
    position: relative;
    font-size: 35px;
    font-weight: 500;
    margin-top: 20px;
    /* border-radius: 4px; */
    position: relative;
    left: -45px;
    /* clip-path: polygon(80% 0, 99% 50%, 80% 100%, 0 100%, 0 0); */
    clip-path: polygon(90% 1%, 99% 50%, 90% 100%, 0 100%, 0 0);
    padding-left: 42px;
    font-family: walk_font;
  }

  /*.missFxx_txtMNN h4::after {*/
  /*  content: '→';*/
  /*  position: absolute;*/
  /*  right: 15px;*/
  /*  top: 50%;*/
  /*  transform: translateY(-50%);*/
  /*  font-size: 18px;*/
  /*}*/

  .missFxx_txtMNN p {
    color: #fff;
    font-size: 16px;
    margin-top: 16px;
    line-height: 1.6;
  }

.missFxx_img{
       padding: 25px;
    border: 2px solid #cca7726e;
}
  .missFxx_img img {
    width: 100%;
    display: block;
    /*border-radius: 8px;*/
  }















/****** Why choose */



.abtINN_fxx_crd {
      position: relative;
    background: #000;
    color: #fff;
    padding: 20px;
    /* border-radius: 10px; */
      height: 305px;
    transition: all 0.3s ease;
    padding-top: 60px;
    text-align: center;
    background-image: url(../images/bcckkCHSSFX.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .abtINN_fxx_crd:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  }

  .abtINN_fxx_imgMN {
    margin-bottom: 15px;
  }
.abtINN_fxx_img{
    position: absolute;
    width: 25%;
    background: #9c7c59;
    height: 98px;
    padding: 13px;
    clip-path: polygon(100% 85%, 50% 100%, 0 85%, 0 0, 100% 0);
    left: 50%;
    top: -40px;
    transform: translate(-50%, 0);
}
  .abtINN_fxx_img img {
    width: 100%;
    display: block;
    border-radius: 8px;
  }

  .abtINN_fxx_crd h5 {
       font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .abtINN_fxx_crd p {
    font-size: 16px;
    color: #ccc;
    margin-top: 15px;
  }

  .abtINN_fxx_hd h2 {
  font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    color: black;
    font-family: walk_font;
    text-align:center;
  }

  .abtINN_fxx_sec {
    background-color: #fff7ee;
  }
  
  
/*******Faq*/

.faq-main .accordion .accordion-item{
   background: black;
}



/**************** Service Inner */


.servvv-section {
  text-align: center;
}

.servvv-content {
  max-width: 700px;
  margin: 0 auto;
}
.servvv-image {
    width:20%;
}
.servvv-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

.btn-servvv {
  display: inline-block;
  padding: 10px 25px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  margin: 10px;
}

.servvv-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    /*color: #fff;*/
    font-family: 'walk_font';
    margin-bottom: 20px;
}

.servvv-title span {
    color: #C9A16B;
}

.servvv-image_mnn  {
        border: 1px solid #c8a46b;
    padding: 15px;
}

.btn-servBtns{
        position: relative;
    background-color: #585858;
    color: #fff;
    padding: 10px 25px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px;
    font-size: 18px;
    width: 35%;
    text-align: center;
    overflow: hidden !important;
    z-index: 1;
    transition: color 0.4s ease;
}



.servMN_txxt {
      /*background-color: #303030;*/
    color: #fff;
    padding: 30px;
    padding-right: 80px;
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
    background-blend-mode:overlay;
        background-image: url(../images/ssvvfsdgfsw.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
        background-blend-mode: overlay !important;
    background-color: rgb(0 0 0 / 55%);
        background-size: cover;
    
}
.servMN_txxt_extt{
    clip-path: polygon(10% 0, 0 50%, 10% 100%, 100% 100%, 100% 0) ;
    padding-right: 30px;
    padding-left:80px !important;
}

.servMN_txxt p{
    margin-top:20px;
    margin-bottom:0;
}
.srvIMGSe4rrvv{
        width: 100%;
    border: 1px solid #c8a46b;
    padding: 20px;
    margin: auto;
    
}
.servMN_txxt h4{
         font-size: 30px;
}

 .dfdf{
        margin-bottom:50px;
    }




/************ Contact */
.infor-section {
    background-image: url('../images/cntttbcc.jpg'); /* path change korbe */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.infor-item {
position: relative;
    /*background-color: #000;*/
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
    height: 266px;
    /*overflow: visible;*/
        background: url(../images/wallNav_backk.jpg);
    color: white;
    /*border-bottom: 1px solid #303030;*/
    clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        z-index: 100;
}

.infor-inner {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #CBA671;
     clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0); 
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infor-inner img {
    width: 50%;
    height: auto;
}

.infor-details {
    color: #fff;
    padding: 20px 10px 0;
}

.infor-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
        margin-top: 20px;
}

.infor-text {
    font-size: 16px;
    line-height: 1.5;
}

.infor-text a{
    text-decoration:none;
    color:white;
}

.infor-text p{
    margin-bottom:0;
}

.down-arrow-shapeCON{
     content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    height: 160px;
    width: 95px;
    background-color: #929292;
    /* clip-path: polygon(0 0, 100% 0, 50% 100%); */
    z-index: 10;
    clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
    height: 332px;
}





.contact-section {
    background-color: #000;
    color: #fff;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.contact-description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #ddd;
}

.contact-form-wrapper {
    padding: 40px;
    background-color: #111111b3;
    padding-top: 20px;
    height: 100%;
}

.contact-form-wrapper h4 {
    font-size: 40px;
    color: #e9bf86;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'walk_font';
    letter-spacing: 2px;
}

/* New updated form style */
/* Target WPForms number input */
.wpforms-field input[type="number"]::-webkit-inner-spin-button,
.wpforms-field input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wpforms-field input[type="number"] {
  -moz-appearance: textfield;
}

.contact-form-wrapper label{
    display:none;
}
.contact-form-wrapper input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ffdba97d;
    padding: 12px 15px;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    transition: 0.3s;
}
.contact-form-wrapper select{
    width: 100%;
    background-color: transparent;
    border: 1px solid #ffdba97d;
    padding: 12px 15px;
    border-radius: 0;
    color: #e9bf86;
    font-size: 14px;
    margin-bottom: 20px;
    transition: 0.3s;
}

.contact-form-wrapper input::placeholder {
    color: #aaaaaa;
    opacity: 1;
}

.contact-form-wrapper input:focus, .contact-form-wrapper select:focus {
    border-color: #CBA671;
    outline: none;
}

.submit-btn {
   background-color: #CBA671;
    color: #ffffff;
    padding: 12px 25px;
    border: none;
    border-radius: 0;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border-radius: 50px;
    text-decoration:none;
}

.submit-btn:hover {
    background-color: #b3935b;
}

.form-label {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 5px;
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 400px;
    filter: grayscale(100%) brightness(0.8);
}

.map-wrapper {
    height: 100%;
}

/************ Gallery */

.gallTabs_list {
    background: #000;
    color: #fff;
    padding: 40px 20px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    padding-bottom: 80px;
}


.galTTBB-heading{
        font-size: 45px;
    color: #d5ad77;
    margin-bottom: 10px;
    font-family: 'walk_font';
}

.galTTBB-subtitle{
        font-size: 16px;
    color: #aaa;
}

.gall1stNAV_2 .nav-link.active{
    background:white !important;
    color:#c9a16b  !important;
    border:none !important;
}

.gall1stNAV_2 .nav-link:hover{
     background:black !important;
         border:none !important;
         color:white !important;
}
.gall1stNAV_2 .nav-link{
        border:none !important;
}



.gallTabs_list {
    background-image: url('../images/gfgfGalllfhdxbxc.jpg'); /* path change korbe */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.gall1stNAV_3 .nav-link.active{
    background:black !important;
    color:#c9a16b  !important;
    border:none !important;
}

.gall1stNAV_3 .nav-link:hover{
     background:black !important;
         border:none !important;
         color:white !important;
}
.gall1stNAV_3 .nav-link{
        border:none !important;
}






.vdSec_brnch {
  padding: 60px 0;
  background-color: #f9f9f9;
}

.vdSec_brnch h2{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: black;
    font-family: 'walk_font';
}
.brnchVid_1 iframe {
  width: 100%;
  height: 100%;
  min-height: 315px;
  /*border-radius: 12px;*/
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.video-wrapper {
  overflow: hidden;
  /*border-radius: 12px;*/
}

/* Right Side Content */
.brnchVid_2 {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    /* padding-left: 20px;*/
}
.vdSec_brnch h2 span{
    color:#c9a16b;
}
.branch-item h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.branch-item a {
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 18px;
    /*top: 10px;*/
    position: relative;
}

.branch-item a:hover {
  color: #a8864f;
  text-decoration: underline;
}

.branch-item h4{
    padding: 10px 15px;
    color: #af9165;
    font-size: 25px;
    font-weight: 500;
    padding-left: 0;
    /* font-family: walk_font; */
    width: auto;
    border-bottom: 1px solid #af9165;
    padding-bottom: 5px;
}
.branch-item span{
       font-size: 20px;
    font-weight: 500;
}
.branch-item p{
     line-height: 30px;
    margin-bottom: 0;
    margin-top: 20px;

}


.midTxxtt_ext h2{
    font-size:45px;
}
.midTxxtt_ext h2 span{
    color:#c9a16b;
}
.midTxxtt_ext a
 {
       text-decoration: none;
    color: #ffffff;
    font-size: 20px;
    /* letter-spacing: 2px; */
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
    background: #c9a16b;
    width: 25%;
    padding: 10px;
    border-radius: 50px;
    overflow: hidden;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.vdSec_brnch_ex{
    background:white;
}
.faq-images img{
        /*top: 10px;*/
}
/* Responsive */
/*@media (max-width: 768px) {*/
/*  .brnchVid_2 {*/
/*    padding-left: 0;*/
/*    margin-top: 30px;*/
/*  }*/

/*  .row {*/
/*    flex-direction: column;*/
/*  }*/
/*}*/




.servInn_sec {
  background-color: #c9a16b17;
  color: #fff;
}

.serviNN_divTxt h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  color: white;
}

.serviNN_divTxt p {
  font-size: 16px;
  color: #ccc;
}

.serviNN_divTxt li {
    color: white;
}

.serviNN_divTxt li i{
    color:#c9a16b !important;
}
.serviNN_divOPPt ul {
  padding: 0;
  margin: 0;
}

.serviNN_divOPPt ul li {
  margin-bottom: 15px;
  
}

.serviNN_divOPPt ul li a {
     display: block;
    background-color: #c9a16b;
    padding: 14px 20px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    /* border-radius: 6px; */
    transition: 0.3s ease;
    font-size: 20px;
}

.serviNN_divOPPt ul li a:hover {
  background-color: #a8844f;
  color: #fff;
}
.serviNN_divTxt{
        background-image: url(../images/bannInFXX_mini.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        padding: 25px;
}

.midTxxtt_ext_inn{
        position: relative;
    background-image: url(../images/mkeFx_back.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.othtext_dvv{
 background: url(../images/wallNav_backk.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    bottom: 25px;
    padding-top: 45px !important;
    clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
    height: 255px;
}

.othImg_srv {
    height: 335px;
    overflow: hidden;
}

.othtext_dvv a{
border-radius: 50px;
    font-weight: bold;
    width: 55%;
    background: #c8a46b;
    color: white;
    border: none;
}
.othtext_dvv h3{
        font-size: 22px;
}

.othSrv_innSec h2{
        font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: black;
    font-family: 'walk_font';
    position: relative;
    text-align: center;
    margin-bottom:50px;
}

.serviNN_divOPPt{
    position: sticky;
    top: 10px;
}


/***social icons**/


.social-bar {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px;
  z-index: 1000;
}

.social-bar a {
  width: 50px;
  height: 50px;
  background-color: #333;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 22px;
  transition: background 0.3s ease;
}

.social-bar a:hover {
  background-color: #555;
}

@media (max-width: 1023px) {
  .social-bar {
    display: none;
  }
}



.social-bar1 {
  position: fixed;
  top: 85%;
  right: 0;
  transform: translateY(-50%);
  display: none; /* hidden by default */
  flex-direction: column;
  gap: 15px;
  padding: 10px;
  z-index: 1000;
}

/* Button Style */
.social-bar1 a {
  width: 50px;
  height: 50px;
  background-color: #DBB788;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 22px;
  transition: background 0.3s ease;
  animation: glowPulse 2s infinite ease-in-out;
}


/* Keyframes for pulsing glow */
@keyframes glowPulse {
  0% {
    box-shadow: 0 0 30px white;
  }
  50% {
    box-shadow: 0 0 10px white;
  }
  100% {
    box-shadow: 0 0 30px white;
  }
}

.social-bar1 a:hover {
  background-color: #555;
  box-shadow: 0 0 15px #ffffffaa, 0 0 25px #ffffffaa, 0 0 35px #ffffffaa;
}


.areyou{
    width:1000px;
    display:flex;
    justify-content:center;
}
.areyou h3{
    color: #000;
  font-weight: 600;
  padding: 6px 16px;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 4px;
    font-size: 20px;
}







.loadFst_discount {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   background-image: url(../images/bannInFXX_mini.jpg);
    padding: 22px;
    z-index: 5000;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: 415px;
    font-family: Arial, sans-serif;
}
  .loadFst_discount h3 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 1.4;
  }

  .loadFst_discount h3 span {
    color: #fbd095;
    font-weight: bold;
  }

  .loadFst_discount a.call-link {
      display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #c9a16b;
    color: black;
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 19px;
    transition: background .3s;
  }

  .loadFst_discount a.call-link:hover {
    background-color: #b08956;
  }
 .loadFst_discount a.call-link i{
         transform: rotateY(180deg);
 }
  .loadFst_discount .close-icon {
    position: absolute;
    top: 5px;
    right: 8px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
  }