* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kaushan-script-regular {
  font-family: "Kaushan Script", cursive;
  font-weight: 400;
  font-style: normal;
}


img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Playfair Display", serif;
  overflow-x:hidden;
}

body h2{
  font-family: "Kaushan Script";
}

body p{
  text-align: justify;
}

/* =============================== */
   /* HEADER SECTION STYLING  */
/* =============================== */


/* ---------------- HEADER BASE ---------------- */
header {background: rgb(1 0 14); backdrop-filter: blur(10px); }
header .navbar { max-width: 1300px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 37px; position: relative; }
/* ---------------- NAV LINKS ---------------- */
header #header .nav-left ul,
header #header .nav-right ul { display: flex; align-items: center; list-style: none; gap: 40px; }

header #header .nav-left a,
header #header .nav-right a { color: #d6c1a0; text-decoration: none; font-weight: 500; font-size: 16px; font-family:'Poppins',sans-serif; position: relative; transition: color 0.3s ease; letter-spacing: 0.4px; }

header #header .nav-left a::after,
header #header .nav-right a::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0%; height: 2px; background: #d6c1a0; transition: width 0.3s ease; }

header #header .nav-left a:hover::after,
header #header .nav-right a:hover::after { width: 100%; }
 
header #header .nav-left a:hover,
header #header .nav-right a:hover { color: #f1d3a0; }

/* ---------------- LOGO CENTER ---------------- */
header #header .dazzle-logo { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1.2; }

header #header .dazzle-logo img { width: 172px; height: auto; }

/* ---------------- HAMBURGER ---------------- */
header #header .hamburger { display: none; flex-direction: column; cursor: pointer; gap: 5px; z-index: 2001; }

header #header .hamburger span { width: 25px; height: 3px; background: #fff; border-radius: 2px; transition: all 0.3s ease; }

/* Hamburger animation */
header #header .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px);}

header #header .hamburger.active span:nth-child(2) { opacity: 0; }

header #header .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

/* ---------------- SIDEBAR ---------------- */
.sidebar { position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: rgba(0, 0, 0, 0.95); backdrop-filter: blur(8px); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: right 0.5s ease; z-index: 2000; overflow: hidden; }

.sidebar.active { right: 0; }

.sidebar ul { list-style: none; text-align: center; padding: 0; }

.sidebar ul li { margin: 15px 0; opacity: 0; transform: translateX(40px); animation: fadeInRight 0.5s ease forwards;}

.sidebar.active ul li:nth-child(1) { animation-delay: 0.1s; }

.sidebar.active ul li:nth-child(2) { animation-delay: 0.2s; }

.sidebar.active ul li:nth-child(3) { animation-delay: 0.3s; }

.sidebar.active ul li:nth-child(4) { animation-delay: 0.4s; }

.sidebar.active ul li:nth-child(5) { animation-delay: 0.5s; }

.sidebar.active ul li:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInRight {
  to { opacity: 1; transform: translateX(0); }
}

.sidebar a { color: #d6c1a0; font-size: 18px; font-weight: 500; text-decoration: none; transition: color 0.3s; }

.sidebar a:hover { color: #f1d3a0; }

/* Close Button */
.close-btn { position: absolute; top: 20px; right: 25px; font-size: 30px; color: #d6c1a0; cursor: pointer; transition: color 0.3s; }

.close-btn:hover { color: #f1d3a0; }

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

header #header  .nav-left,
header #header  .nav-right { display: none;}

header #header   .hamburger { display: flex; }
}


/* quickcontact */
.quickcontact { width: 45px; position: fixed; top: 65%; right: 15px; z-index: 102; }

/* =============================== */
   /* SLIDER SECTION STYLING  */
/* =============================== */

#slider-section .carousel-inner .carousel-item img {
  /*height: 100vh;*/
  object-fit: contain;
  transition: transform 8s ease;
}

#slider-section .carousel-item.active img {
  animation: zoomInOut 8s ease-in-out forwards;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}



/* =============================== */
   /* ABOUT-US SECTION STYLING  */
/* =============================== */
#about-us-section {background-image: url(../images/about-bg-img.jpg); background-size: cover; background-position: center; padding: 50px 20px; }
#about-us-section .about-content-box h4 { font-size: 16px; font-weight: 400; letter-spacing: 1.6px; color: #888888; }
#about-us-section .about-content-box h2 { font-size: 24px; font-weight: 900; letter-spacing: 1.6px; color: #d98706; }
#about-us-section .about-content-box a { font-size: 16px; border-radius: 10px; font-weight: 600; color: #000000; text-decoration: none;padding: 10px 30px; border: 2px solid #000000; display: inline-block; margin-top: 20px; transition: all 0.3s ease; }
#about-us-section .about-content-box a:hover { background: #000000; color: #ffffff; }
#about-us-section .about-content-box a:hover i {color: #ffffff !important; }
#about-us-section .about-image {display: flex; align-items: center; justify-content: center;}


/* =============================== */
   /* SERVICE SECTION STYLING  */
/* =============================== */

/* ===== Base Section Layout ===== */

/*#services-part-section .service-section { position: relative; width: 100%; min-height: 500px; display: flex; justify-content: center; align-items: center; margin: 75px 0; overflow: hidden; }*/


/*#services-part-section .service-section::before { content: ""; position: absolute; top: 0; height: 100%; background-size: cover; background-position: center; background-attachment: fixed; z-index: 1; transition: all 0.4s ease; }*/

/* ===== Background Images ===== */

/*#services-part-section .service1::before { background-image: url("../images/service-bg.jpg"); left: 0 !important; width: 89vw; }*/

/*#services-part-section .service2::before { background-image: url("../images/service-bg1.jpg"); right: 0 !important; width: 89vw; }*/

/*#services-part-section .service3::before { background-image: url("../images/service-bg2.jpg"); left: 0 !important; width: 89vw; }*/

/*#services-part-section .service4::before { background-image: url("../images/service-bg3.jpg"); right: 0 !important; width: 89vw; }*/

/* ===== Box Styling ===== */

/*#services-part-section .service-content { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; }*/

/*#services-part-section .service-box { background: #fff; width: 500px; padding: 40px; border-radius: 10px; position: relative; right: 0; }*/

/*#services-part-section .service-box h2 { font-family: "Playfair Display", serif; color: #b08434; font-size: 26px; text-transform: uppercase; margin-bottom: 10px; }*/

/*#services-part-section .divider { width: 60px; height: 2px; background: #b08434; margin: 10px 0 20px 0; }*/

/*#services-part-section .service-box p { font-size: 15px; line-height: 1.7; color: #444; }*/

/*#services-part-section .read-more { display: inline-block; margin-top: 20px; color: #b08434; font-size: 13px; letter-spacing: 1px; text-decoration: none; transition: 0.3s; }*/

/*#services-part-section .read-more:hover { color: #000; letter-spacing: 1.5px; }*/

/* ===== Alternate Layout (Left/Right Swap) ===== */

/*#services-part-section .service2 .service-content,*/
/*#services-part-section .service4 .service-content { justify-content: flex-start; }*/

/*#services-part-section .service2 .service-box,*/
/*#services-part-section .service4 .service-box { right: auto; left: 0;}*/

/*#services-part-section .view-all-btn {text-align: center; margin-bottom: 50px;}*/
/*#services-part-section .view-all-btn a{ border-radius: 10px; font-size: 16px; font-weight: 600; color: #000000; text-decoration: none; padding: 10px 30px; border: 2px solid #000000; display: inline-block; margin-top: 20px; transition: all 0.3s ease; }*/
/*#services-part-section .view-all-btn a:hover { background: #000000; color: #ffffff; }*/
/* ===== Responsive Design ===== */

/*@media (max-width: 992px) {*/
/* #services-part-section  .service-section::before { width: 100%; height: 300px; background-attachment: scroll; }*/

/* #services-part-section  .service-section { flex-direction: column; align-items: center; margin: 60px 0; }*/

/* #services-part-section  .service-content { justify-content: center !important; margin-top: 250px; }*/

/* #services-part-section  .service-box { width: 90%; right: auto; left: auto; padding: 30px; }*/
/*}*/

    #services-part-section { padding: 100px 0; position: relative; background: linear-gradient(138deg, #a047b4, #44c1d5); }

    #services-part-section .container { width: 90%; max-width: 1200px; margin: auto; }

    #services-part-section h2.section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 70px; color: #fff; }

    #services-part-section h2.section-title span { color: #0078ff; }

    /* ======= Service Row ======= */
   #services-part-section .service-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 120px; gap: 50px; }

    #services-part-section .service-row:nth-child(even) { flex-direction: row-reverse; }

    #services-part-section .service-img { flex: 1; position: relative; }

    #services-part-section .service-img img { width: 100%; border-radius: 25px; box-shadow: 0 25px 50px rgba(0,0,0,0.1); transition: transform 0.5s ease; }

    #services-part-section .service-img::after { content: ""; position: absolute; top: 30px; left: 30px; right: -30px; bottom: -30px; border-radius: 25px; background: linear-gradient(135deg, #ffffff30, #ffffff75); z-index: -1; transition: all 0.4s ease; }

   #services-part-section .service-row:hover .service-img img { transform: scale(1.03) rotate(-1deg); }

    #services-part-section .service-row:hover .service-img::after { transform: translateY(10px); }

    /* ======= Content ======= */
  #services-part-section  .service-content { flex: 1; position: relative; padding: 20px 0; }

    #services-part-section .service-content span { font-weight: 700; font-size: 3rem; color: rgba(0,0,0,0.05); position: absolute; top: -10px; left: 0; }

    #services-part-section .service-content h3 { font-size: 1.8rem; font-weight: 700; color: #fff; margin-bottom: 15px; }

    #services-part-section .service-content p { color: #fff; line-height: 1.8; font-size: 1rem; margin-bottom: 20px; max-width: 500px; }

    #services-part-section .service-content a { display: inline-block; color: #000; text-decoration: none; font-weight: 600; position: relative; }

    #services-part-section .service-content a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 0;
      height: 2px;
      background: #000;
      transition: 0.3s;
    }

    #services-part-section .service-content a:hover::after { width: 100%; }

    @media (max-width: 992px) {
      #services-part-section .service-row { flex-direction: column !important; text-align: center; }

      #services-part-section .service-content span { position: static; display: block; font-size: 2rem; margin-bottom: 10px; }

      #services-part-section .service-content p { margin: auto; }

      #services-part-section .service-img::after { display: none }
    }

/* =============================== */
   /* PARTNER SECTION STYLING */
/* =============================== */


/* Partner Box Styling */
.partner-box { background: #fff; border-radius: 10px; padding: 30px 25px; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,0.08); transition: all 0.4s ease; margin:20px 0; }

.partner-box:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.12); }

/* Image Design */
.partner-box img { width: 100%; height:200px; transition: all 0.5s ease; object-fit:contain; }

.partner-box:hover img { transform: scale(1.05); filter: grayscale(0%); opacity: 1; }

.owl-carousel .owl-nav { display: none !important; } 





/* =============================== */
   /* COUNTER SECTION STYLING */
/* =============================== */



.funfact-section{position:relative;background-position:left center;background-repeat:no-repeat;background-size:cover}

.funfact-section .sec-title{border-bottom:1px solid #2c2c2c;margin-bottom:40px;padding-bottom:30px}

.fact-counter{position:relative;overflow:hidden;color:#fff}

.fact-counter .column{position:relative;z-index:5}

.fact-counter .item{color:#222;width:100%}

.sp-two { padding: 50px 0 47px; }

.fact-counter .column .icon span{position:relative;top:0;font-size:50px;position:absolute;line-height:70px;top:-5px;left:0;margin-bottom:20px;color:#ab7442;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}

.fact-counter .count-outer{margin-top:25px;color:#fff;position:relative;font-size:50px;font-weight:600;display:flex}

.fact-counter .count-outer .count-text{margin-top:8px;display:block;margin-right:24px}

.fact-counter .item .inner-box{position:relative}

.fact-counter .item .inner-box p{position:relative;font-weight:600;font-size:15px;color:#fff;font-family:'Poppins',sans-serif;line-height:1.2em;padding-top:30px}

.fact-counter .item .inner-box p:before{position:absolute;content:'';background-image:url(../images/counter-shape.webp);top:0;left:0;width:70px;height:15px;background-repeat:no-repeat;background-position:left top}

.funfact-section .text{color:#fff}

.funfact-section .link-btn{position:relative;margin-top:40px}

.funfact-section .link-btn .theme-btn{margin-right:20px;margin-bottom:30px}

.funfact-section .link-btn .btn-style-one:hover{background:transparent;border-color:#fff}

.sec-title .theme-btn{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;background:#bf2b79;padding:0 10px;margin-bottom:20px}

/* =============================== */
   /* GALLERY SECTION STYLING  */
/* =============================== */


section.gallery { padding: 70px 20px; background: #f3f4f6; }
.gallery .section-title { text-align: center; margin-bottom: 50px; }
.gallery .section-title h2 { font-size: 2.8rem; font-weight: 700; color: #222; margin-bottom: 10px; }
.gallery .section-title p { color: #555; font-size: 1.1rem; }
 /* ===== GALLERY GRID ===== */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.gallery-item { position: relative; overflow: hidden; border-radius: 10px; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); transition: transform 0.4s ease, box-shadow 0.3s ease; }
.gallery-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) ;}
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.gallery-item:hover img { transform: scale(1.1); filter: brightness(0.8); }
.gallery-item::after { content: "🔍"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2rem; opacity: 0; transition: all 0.3s ease; }
.gallery-item:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
@media (max-width: 768px) {  .gallery .section-title h2 { font-size: 2.2rem; }}



/* =============================== */
   /* YOUTUBE SECTION STYLING  */
/* =============================== */


#youtube { background: #f9f9f9; }

#youtube .youtube-box { transition: all 0.3s ease; }

#youtube .youtube-box:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }

#youtube p { color: #555; }

/* =============================== */
   /* TESTIMONIAL SECTION STYLING  */
/* =============================== */



/* google review */
#social-review { padding: 40px 0px; text-align: center; }

.rate-review { margin-bottom: 60px; }

.google-rate { display: block; width: 160px; margin: auto; margin-bottom: 10px; }

.ti-profile-img span { background: #b59786; color: #000; padding: 8px; width: 40px; height: 40px; display: inline-block; border-radius: 50%; text-align: center; }

#social-review .fa-star { color: #b59786; font-size: 22px; }

#social-review h4 { font-size: 20px; margin-top: 12px; margin-bottom: 3px; color: #000; }

#social-review .testi-slider .fa-star { font-size: 12px; }

.testi-slider .ti-inner { padding: 15px;  box-shadow: 1px 1px 7px 0 rgb(0 0 0 / 15%), 0 0 2px 0 rgb(0 0 0 / 5%); border-top-width: 0 !important; border-bottom-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; background-color: #fff !important; backdrop-filter: blur(0px); }

.testi-slider .ti-review-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; }

.testi-slider .ti-profile-img { margin: 0 15px 0 0 !important; }

.testi-slider .ti-profile-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin: 0 !important; display: flex; flex-direction: column; justify-content: center; }

.testi-slider .ti-inner > .ti-stars { margin-bottom: 6px; margin-top: 15px; text-align: left; }

.testi-slider .ti-stars { margin-top: 3px; white-space: nowrap; display: block; }

.testi-slider .ti-review-content { display: -webkit-box; -webkit-box-orient: vertical; line-height: 20.3px; height: 120px; font-size: 14px; text-align: left; transition: height 0.5s; font-style: normal; padding-right: 0; }

::-webkit-scrollbar { width: 1px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; }

.testi-slider .ti-read-more { display: block; padding: 5px 0 0; text-align: left; color: #f6bb06; font-size: 12px; }

#social-review .carousel { padding: 0px; }

#social-review .review-btn { text-align: center; }

#social-review .btn { background: #b59786; transition: 0.5s; padding: 5px 20px; display: inline-block; color: #000; font-size: 16px; margin: auto; margin-top: 10px; text-align: center; position: relative; overflow: hidden; z-index: 1; }



/* =============================== */
   /* BLOG SECTION STYLING  */
/* =============================== */




.blog-section { text-align: center; padding: 60px 20px; background-color: #d9c7bb;
}

#blog-section .section-title { font-size: 32px; margin-bottom: 40px; position: relative; }

#blog-section .section-title::after { content: ""; display: block; width: 60px; height: 2px; background: #000; margin: 10px auto 0; }

#blog-section .blog-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; }

#blog-section .blog-card { background-color: transparent; width: 320px; text-align: center; padding: 20px; transition: all 0.3s ease; border-radius: 10px; }

#blog-section .blog-card img { width: 100%; height: 200px; border-radius: 10px; object-fit: cover; }

#blog-section .blog-card h3 { margin-top: 15px; font-size: 20px; }

#blog-section .blog-card p { font-size: 14px; color: #555; }

#blog-section .date { display: block; margin: 10px 0; color: #000; font-size: 13px; }

#blog-section a { background-color: #b59786; color: #fff; border: none; padding: 8px 20px; border-radius: 10px; cursor: pointer; transition: background 0.3s; }

#blog-section a:hover { background-color: #8d6f60; }

/* Hover effect */
#blog-section .blog-card:hover { background-color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); transform: translateY(-5px); }

/* Responsive */
@media (max-width: 992px) {
  #blog-section .blog-row { flex-direction: column; align-items: center; }

  #blog-section .blog-card { width: 90%; max-width: 400px; }
}

/* =============================== */
   /* CONTACT-FORM SECTION STYLING  */
/* =============================== */




.contact-section { padding: 80px 20px; }

#contact .container { max-width: 1200px; margin: 0 auto; }

#contact .contact-content { display: flex; flex-wrap: wrap; gap: 40px; background: #fff; border-radius: 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); overflow: hidden; }

#contact .contact-info {
  flex: 1 1 40%;
  position: relative;
  padding: 40px;
  background-image: url(../images/contact-info-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  z-index: 1;
}

/* black overlay using ::after */
#contact .contact-info::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); /* black overlay with 60% opacity */
  z-index: -1; /* keeps overlay behind text */
  transition: all 0.3s ease;
}


#contact .contact-info h2 { font-size: 32px; margin-bottom: 15px; color:#fff;}

#contact .contact-info p { color: #fff; margin-bottom: 30px; line-height: 1.6; }

#contact .info-item { display: flex; align-items: center; margin-bottom: 15px; color: #fff; }

#contact .info-item i { font-size: 20px; color: #b59786; margin-right: 12px; }

#contact .contact-form { flex: 1 1 55%; padding: 40px;}

#contact .form-group { margin-bottom: 20px; }

#contact .contact-form input,
#contact .contact-form textarea { width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 10px; font-size: 15px; transition: border-color 0.3s ease; }

#contact .contact-form input:focus,
#contact .contact-form textarea:focus { border-color: #b59786; outline: none; }

#contact .btn { background-color: #b59786; color: #fff; border: none; padding: 12px 30px;
  border-radius: 10px; font-size: 16px; cursor: pointer; transition: background 0.3s ease; }

#contact .btn:hover { background-color: #8d6f60; }

/* Responsive */
@media (max-width: 992px) {
    .contact-section {padding:40px 0;}
  #contact .contact-content { flex-direction: column; padding: 30px 10px !important; }
  #contact .contact-info, .contact-form { flex: 1 1 100% !important; padding:10px !important;}
}





/* =============================== */
   /* FOOTER SECTION STYLING  */
/* =============================== */
#footer{background-image: url(../images/footer-bg-img.jpg); background-size: cover; background-position: center; }
footer .footertop { background-color: #b597863b; padding: 70px 0px 20px; }
footer .row { row-gap: 25px; }
footer .footertop h3{font-size: 20px; margin-bottom: 15px; color: #fff;}
footer .footertop .about img { width: 200px; }
footer .footertop .about p { color: #fff; font-size: 14px; width:77%; margin-top: 20px; }
footer .footertop ul { list-style: none; }
footer .footertop ul li { color: #fff; font-size: 14px; margin-top: 10px; }
footer .footertop ul li a { color: #fff; font-size: 14px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover { color: #000; }
footer .footertop .addres li { margin-bottom: 20px; }
footer .footertop .addres li i { color: #fff; font-size: 22px; }
footer .footerboo ul { display: flex; justify-content: center; margin: 0; border-top: 1px solid #fff; padding-top: 20px; }
footer .footerboo {padding: 20px; }
footer  .soical li:first-child { color: #fff; text-align: center; }
footer  .soical li:first-child a { color: #fff; font-size: 16px; display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #000; border-radius: 50%; transition: .5s; }
footer  .soical li:first-child a:hover { background-color: #000; }
footer .footerboo .soical-g img { width: 195px; background-color: #000; padding: 0px 10px 8px; border-radius: 100px; }
footer .footerboo .soical-g {display:flex; justify-content:center; margin-top:20px ;}

.footer-links li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.footer-links li::after {
    content: "|";
    margin-left: 10px;
}

.footer-links li:last-child::after {
    content: "";
}





.footer-links li {
  margin-bottom: 6px;
}

.footer-links a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #00aaff;
}

.soical a {
  color: #fff;
  font-size: 18px;
  margin: 0 6px;
  transition: 0.3s;
}

.soical a:hover {
  color: #00aaff;
}

.footer-logo {
  height: 40px;
  vertical-align: middle;
}


@media (max-width:992px) {
    footer .footerboo ul {display:block;}
}

/* =============================== */
   /* GALLERY SECTION STYLING  */
/* =============================== */


.media-tabs-section .tabs { border-bottom: 2px solid #eee; padding-bottom: 10px; }

.tab-btn { background: none; border: none; font-weight: 600; padding: 10px 25px; cursor: pointer; transition: 0.3s; border-radius: 30px; color: #555; }

.tab-btn:hover { background: #d987061c; color: #555; }

.tab-btn.active { background: #d98706; color: #fff; }

.tab-content { display: none;animation: fadeIn 0.5s ease forwards; }

.tab-content.active { display: block; }

.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }

.gallery-item img { width: 100%; height: 250px; object-fit: cover; border-radius: 10px; transition: transform 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

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

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}



/* =============================== */
   /* ABOUT SECTION STYLING  */
/* =============================== */



/* --- TEAM SECTION --- */
#our-team {
  padding: 100px 0;
  background: #f9fafb;
  font-family: "Poppins", sans-serif;
}

#our-team .container {
  width: 90%;
  margin: auto;
}

#our-team .section-header {
  text-align: center;
  margin-bottom: 70px;
}

#our-team .section-header h2 {
  font-size: 40px;
  color: #111;
  font-weight: 700;
}

#our-team .section-header p {
  font-size: 17px;
  color: #666;
  margin-top: 10px;
}

/* --- GRID LAYOUT --- */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
}

/* --- CARD --- */
.team-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.team-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* --- IMAGE + OVERLAY --- */
.team-img {
  position: relative;
  overflow: hidden;
}

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

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


.team-overlay h4 {
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.team-overlay .social-links a {
  color: #fff;
  margin: 0 8px;
  font-size: 18px;
  transition: color 0.3s ease;
}

.team-overlay .social-links a:hover {
  color: #ffd700;
}

/* --- INFO --- */
.team-info {
  padding: 25px 20px;
  text-align: center;
}

.team-info h3 {
  font-size: 22px;
  color: #111;
  margin-bottom: 8px;
}

.team-info p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 768px) {
  #our-team {
    padding: 70px 0;
  }

  .team-img img {
    height: 350px;
  }
}

    
    
    
#why-choose { background: #fff; }
#why-choose h2 { font-size: 2.2rem; font-weight: 700; }
#why-choose h2 span { color: #d98706; }
#why-choose p { color: #555; font-size: 1rem; }
#why-choose ul li { font-size: 1rem; margin-bottom: 10px; color: #333; display: flex; align-items: center; gap: 10px; }
#why-choose ul li i { color: #d98706; font-size: 1.1rem; }
#why-choose .why-image img { border-radius: 15px; transition: all 0.4s ease; }
#why-choose .why-image img:hover { transform: scale(1.05); }





#funfact-area { background-color: #3c4094; padding: 75pt 0; color: #fff }

#funfact-area .single-funfact-wrap .funfact-icon { display: inline-block; vertical-align: middle; width: 50px; height: 50px }

#funfact-area .single-funfact-wrap .funfact-icon img { max-width: 100% }

#funfact-area .single-funfact-wrap .funfact-info { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 1; padding-left: 35px; text-align: left }

#funfact-area .single-funfact-wrap .funfact-info h5 { font-weight: 300; font-size: 36px; font-size: 3.6rem; line-height: 100%; margin: 0 }

#funfact-area .single-funfact-wrap .funfact-info p { margin: 0 }




    .counter-section1 {
      background: #0b2239;
      color: #fff;
      padding: 60px 0;
      border-radius: 15px;
      margin: 50px auto;
      max-width: 1200px;
    }

    .counter-section1 .counter-box {
      text-align: center;
      padding: 20px;
    }

    .counter-section1 .counter-box i {
      font-size: 40px;
      color: #d98706;
      margin-bottom: 10px;
    }

    .counter-section1 .counter-number {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 5px;
    }

    .counter-section1 .counter-label {
      font-size: 16px;
      color: #dcdcdc;
    }

    @media (max-width: 767px) {
     .counter-section1 .counter-section {
        border-radius: 0;
      }
    }
    
    
    /* =============================== */
   /* SERVICES SECTION STYLING  */
/* =============================== */
    
    .inner-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.inner-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.inner-banner .container {
  position: relative;
  z-index: 2;
}

.banner-content h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.banner-content p {
  font-size: 16px;
  color: #ddd;
}

.banner-content a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.banner-content a:hover {
  color: #f9c13b;
}



/* =============================== */
   /* SERVICE-DETAIL SECTION STYLING  */
/* =============================== */




    .service-banner {
      background: url(../images/service-main.jpg) center/cover no-repeat;
      color: #fff;
      padding: 150px 0;
      text-align: center;
      position: relative;
    }
    .service-banner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.5);
    }
    .service-banner .container {
      position: relative;
      z-index: 2;
    }

    /* ===== Service Detail ===== */
    .service-detail {
      padding: 80px 0;
    }
    .service-detail h2 {
      font-weight: 700;
      margin-bottom: 20px;
      color: #222;
    }
    .service-detail p {
      color: #555;
      line-height: 1.8;
    }

    /* ===== Features List ===== */
    .features-list {
      margin-top: 20px;
    }
    .features-list li {
      margin-bottom: 10px;
      position: relative;
      padding-left: 25px;
      list-style:none;
    }
    .features-list li::before {
      content: "✔";
      color: #d98706;
      position: absolute;
      left: 0;
      top: 0;
    }
    
    
    
    /* =============================== */
   /* BLOG-DETAIL SECTION STYLING  */
/* =============================== */


    #blog-detail .container {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 80px 0;
      display: flex;
      gap: 40px;
    }

    /* ===== Left Blog Section ===== */
    #blog-detail .blog-left {
      flex: 0 0 68%;
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0 5px 25px rgba(0,0,0,0.05);
    }
    #blog-detail .blog-left .main-img {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 25px;
    }
    #blog-detail .blog-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #d6c1a0;
      font-size: 14px;
      margin-bottom: 10px;
    }
    #blog-detail .blog-left h2 {
      font-size: 26px;
      font-weight: 700;
      margin-bottom: 15px;
    }
    #blog-detail .blog-left p {
      margin-bottom: 15px;
      color: #555;
    }

    /* ===== Sidebar ===== */
    #blog-detail .sidebar-right {
      flex: 0 0 30%;
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0 5px 25px rgba(0,0,0,0.05);
      height: fit-content;
    }
    #blog-detail .sidebar-right h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 25px;
      border-bottom: 2px solid #d6c1a0;
      display: inline-block;
      padding-bottom: 5px;
    }

    #blog-detail .recent-post {
      display: flex;
      gap: 15px;
      margin-bottom: 20px;
      align-items: center;
      transition: all 0.3s;
    }
    #blog-detail .recent-post:hover {
      transform: translateY(-3px);
    }
    #blog-detail .recent-post img {
      width: 90px;
      height: 80px;
      border-radius: 8px;
      object-fit: cover;
      flex-shrink: 0;
    }
    #blog-detail .recent-post small {
      color: #d6c1a0;
      font-size: 13px;
      display: block;
      margin-bottom: 5px;
    }
    #blog-detail .recent-post h4 {
      font-size: 15px;
      font-weight: 600;
      color: #111;
      margin: 0;
      transition: 0.3s;
    }
    #blog-detail .recent-post:hover h4 {
      color: #d6c1a0;
    }

    /* ===== Responsive ===== */
    @media (max-width: 992px) {
    #blog-detail .container {
        flex-direction: column;
      }
    #blog-detail .sidebar {
        order: 2;
      }
    }
    
    
    
    
    
    
    
    
    
    
        .faq-section {
      max-width: 800px;
      margin: 50px auto;
      padding: 20px;
      font-family: "Segoe UI", sans-serif;
    }

    .faq-title {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 20px;
    }

    .faq-item {
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
    }

    .faq-question {
      width: 100%;
      background: none;
      border: none;
      outline: none;
      text-align: left;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0;
    }

    .faq-question .icon {
      transition: transform 0.3s ease;
      font-weight: bold;
      font-size: 1.2rem;
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      padding: 0;
    }

    .faq-answer p {
      margin: 10px 0;
    }

    .faq-item.active .faq-answer {
      max-height: 200px;
      padding: 10px 0;
    }

    .faq-item.active .faq-question .icon {
      transform: rotate(180deg);
    }

    #why-choose ul li:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f058";
        color: #d98706;
        font-size: 1.1rem;
    }