/*TABLE OF CONTENTS*/
/*=====================
01. Smart Click Nav Menu Area Css
02. Smart Click slider area css
03. Smart Click service area css
04. Smart Click counter area css
05. Smart Click section title Css
06. Smart Click wedding event area css
07. Smart Click about area css
08. Smart Click best friends area css
09. Smart Click gallery area css
10. Smart Click contact area css
11. Smart Click testimonial-area css
12. Smart Click blog area css
13. Smart Click brand area css
14. Smart Click Footer Area css
15. Smart Click banner area css
16. Smart Click service section css
17. Smart Click about section css
18. Smart Click wishes area css
19. Smart Click team area css
20. Smart Click Video section css
21. Smart Click call to action area css
22. Smart Click breadcumb Area css
23. Smart Click about us area css
24. Smart Click about me area css
25. Smart Click pricing area css
26. Smart Click team details area css
27. Smart Click portfolio details css
28. Smart Click faq Accordion css
29. Smart Click blog area 2column css
30. Smart Click blog details css
31. Smart Click service details css
32. Scroll Up Css 
33. Curser pointer CSS
34. Smart Click Loader Css
=======================*/

/*=====================================
<-- 01.  Smart Click Nav Menu Area Css -->
=======================================*/

.logo-header {
  width: 120px;
}

/* service heading  */
.Pre {
  font-weight: 600 !important;
  font-family: "Playfair", serif;
}

/* end */

/* counter number  */
.odometer-inside {
  color: white;
  font-size: 50px;
  font-family: "Playfair";
}

/* counter number  end */

/* galery img */
.gallery-img {
  width: 100%;
  height: 400px;
  border-radius: 8px;
}

/* end */

.lavewell_nav_manu {
  padding: 12px 30px;
  background-color: #000;
  transition: 0.5s;
}

#sticky-header.lavewell_nav_manu.style-2.lavewell_nav_manu {
  top: -22px;
  left: -56px;
}

.lavewell_nav_manu.style-2.lavewell_nav_manu {
  margin: 21px 30px 15px 56px;
  transition: 0.5s;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #000 !important;
  z-index: 500;
  /* padding: 14px 100px 11px; */
  transition: 0.5s !important;
  z-index: 500;
  -webkit-animation: 300ms running fadeInDown;
  animation: 500ms running fadeInUp;
  animation-name: slideInDown;
}

.sticky .logo {
  margin-top: 0;
}

.sticky.lavewell_nav_manu:before {
  display: none;
}

/* Smart-Click Menu Css*/

nav.lavewell_menu {
  align-items: center !important;
  justify-content: center;
  display: flex;
}

.lavewell_menu ul {
  list-style: none;
  display: inline-block;
  padding: 0;
}

.lavewell_menu > ul > li {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.lavewell_menu > ul > li > a {
  display: block;
  margin: 23px 26px 23px;
  -webkit-transition: 0.5s;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

nav.lavewell_menu ul li a i {
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
}

nav.lavewell_menu span {
  font-size: 13px;
  padding-left: 6px;
  font-family: FontAwesome;
  opacity: 0.5;
}

.sticky .lavewell_menu > ul > li > a:hover {
  color: #fff;
}

.logo {
  position: relative;
  top: -3px;
  z-index: 2;
}

.lavewell_menu > ul > li > a:hover {
  color: #f4f4f4;
}

/*** Sub Menu Style ***/
.lavewell_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 150%;
  width: 217px;
  text-align: left;
  background: #fff;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  border-bottom: 3px solid #ecb636;
  border-top: 3px solid #ecb636;
}

.lavewell_menu ul li:hover > .sub-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  opacity: 1;
  z-index: 9999;
}

.lavewell_menu ul .sub-menu li {
  position: relative;
}

.lavewell_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: 0.1s;
  visibility: inherit !important;
  color: #211e3b !important;
  text-decoration: none;
  transition: 0.5s;
  font-family: "Playfair", serif;
  text-transform: uppercase;
}

.lavewell_menu ul .sub-menu li:hover > a,
.lavewell_menu ul .sub-menu .sub-menu li:hover > a,
.lavewell_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.lavewell_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background: #ecb636;
  color: #fff !important;
}

/* sub menu 2 */

.lavewell_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.lavewell_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 3 */

.lavewell_menu ul .sub-menu .sub-menu li {
  position: relative;
}

.lavewell_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.lavewell_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 4 */

.lavewell_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}

.lavewell_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

.lavewell_menu li a:hover:before {
  width: 100%;
}

.lavewell_nav_manu.sticky .logo_img {
  display: none;
}

.main_sticky {
  display: none;
}

.lavewell_nav_manu.sticky .main_sticky {
  display: inherit;
}

.sticky .lavewell_menu li a {
  color: #fff;
}

.lavewell_nav_manu.sticky a.dtbtn {
  color: #fff;
  background: #f16722;
  border: 2px solid #f16722;
}

.lavewell_nav_manu.sticky a.dtbtn:hover {
  color: #43baff;
}

.mobile-menu.mean-container {
  overflow: hidden;
}

.header-btn {
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}
.ss {
  text-align: left;
}
.ss-1 {
  padding: 15px 25px !important;
}

.header-btn a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  background: #ecb636;
  padding: 15px 42px;
  margin-right: 14px;
  position: relative;
  z-index: 9;
  transition: 0.5s;
}

.header-btn a::before {
  position: absolute;
  content: "";
  width: 141px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  left: 0px;
  top: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.header-btn a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #ecb636;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.header-btn a:hover::after {
  transform: scale(1);
}

.header-btn a:hover a {
  color: #fff;
}

.header-btn a i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-left: 3px;
}

.header-btn a:hover {
  background: #fff;
  color: #232323;
}

.header-btn a:hover {
  color: #fff;
}

.lavewell_nav_manu.style-2 .lavewell_menu > ul > li > a {
  color: #232323;
}

.lavewell_nav_manu.style-2.sticky .lavewell_menu > ul > li > a {
  color: #fff !important;
}

/*
<!-- =======================================-->
 <!--Start Smart Click slider area css-->
<!-- ======================================= -->*/
section.lavewell-slider-area {
  position: relative;
  /* margin-top: -100px; */
}

.lavewell-slider-height {
  height: 950px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lavewell-slider-height-2 {
  height: 950px;
}

.lavewell-slider-bg,
.lavewell-slider-bg2 {
  background: url(../images/home-1/Akshay\ Monika.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.lavewell-slider-bg2 {
  background: url(../images/slider/slider-2-bg.jpg);
}

.lavewell-slider-bg,
.lavewell-slider-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition:
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
  transition:
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
  transition:
    transform 9000ms ease,
    opacity 1500ms ease-in;
  transition:
    transform 9000ms ease,
    opacity 1500ms ease-in,
    -webkit-transform 9000ms ease;
}

.lavewell-slider-content {
  padding-top: 55px;
}

.lavewell-slider-sub-title {
  font-size: 25px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Playfair", serif;
}

h1.lavewell-slider-title {
  font-size: 140px;
  color: #ffffff;
  font-weight: 400;
  margin-top: 15px;
}
.lavewell-slider-title {
  color: #ffffff;
  font-size: 60px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .lavewell-slider-title {
    color: #ffffff;
    font-size: 43px;
    margin-bottom: 20px;
  }
}

.slider-btn {
  display: inline-block;
}

.slider-btn a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  background: #ecb636;
  padding: 15px 42px;
  margin-right: 14px;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  transition: 0.5s;
}

.slider-btn a::before {
  position: absolute;
  content: "";
  width: 141px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  left: 0px;
  top: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-radius: 30px;
}

.slider-btn a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #ecb636;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
  border-radius: 30px;
}

.slider-btn a:hover::after {
  transform: scale(1);
}

.slider-btn:hover a {
  color: #fff;
}

.slider-btn a:hover {
  background: #fff;
  color: #232323;
  border-radius: 50px;
}

.slider-btn a:hover {
  color: #fff;
}

.slider-video-btn {
  display: inline-block;
}

.slider-video-btn a {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 65px;
  background-color: #232323;
  text-align: center;
  border-radius: 30px;
}

.slider-video-btn a i {
  font-size: 20px;
  color: #ecb636;
}

.lavewell-slider-arrow-box button {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  position: absolute;
  left: 30px;
  top: 472px;
  z-index: 5;
  border: 0;
  background: url(../images/home-1/Akshay\ Monika.jpeg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.lavewell-slider-arrow-box button.slider-next {
  margin-bottom: 10px;
  left: auto;
  right: 60px;
}

button.slider-next {
  background: url(../images/slider/slider-2-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.lavewell-slider-arrow-box button {
  transition: 0.4s;
}

.lavewell-slider-arrow-box-2 button {
  left: 0;
}
.lavewell-slider-arrow-box-2 button.slider-next {
  right: 0;
}

.lavewell-slider-title-box {
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
}
.lavewell-slider-btn {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  transform: translateY(150px);
  opacity: 0;
}
.lavewell-slider-wrapper .swiper-slide.swiper-slide-active .lavewell-slider-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.1);
}
.lavewell-slider-wrapper
  .swiper-slide.swiper-slide-active
  .lavewell-slider-bg2 {
  -webkit-transform: scale(1.2);
  transform: scale(1);
}
.lavewell-slider-wrapper
  .swiper-slide.swiper-slide-active
  .lavewell-slider-title-box {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.lavewell-slider-wrapper
  .swiper-slide.swiper-slide-active
  .lavewell-slider-btn {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}

/*
<!-- =======================================-->
  <!--start  Smart-Click service area css-->
<!-- ======================================= -->*/
.service-area {
  padding: 75px 0 65px;
  background: white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.single-service-box,
.single-service-box.box-2 {
  text-align: center;
  filter: drop-shadow(0px 5px 30px rgba(222, 222, 222, 0.6));
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 21px 20px 54px;
}

.service-content {
  padding: 50px 38px 15px;
}

.service-thumb {
  width: 100%;
  height: 400px; /* container height fix */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* image container me fit rahe */
}

.service-thumb img {
  width: 100%;
  height: auto; /* original aspect ratio maintain */
}
/* 
.service-thumb img {
  width: 100%;
  height: 400px;
  object-fit: cover;
} */

h5.service-sub-title {
  font-size: 17px;
  color: #ecb636;
  font-weight: 500;
  font-family: "Playfair", serif;
}

h1.service-title {
  font-size: 48px;
  line-height: 60px;
  color: #232323;
  font-weight: 400;
  margin: 0;
}

h1.service-title a {
  display: inline-block;
  transition: 0.5s;
}

h1.service-title a:hover {
  color: #ecb636;
}

p.service-desc {
  font-size: 17px;
  line-height: 27px;
  color: #6e706c;
  margin-top: 8px;
}

.service-social-icon ul {
  padding: 0;
  margin-top: 15px;
}

.service-social-icon ul li {
  list-style: none;
  display: inline-block;
  margin: 0 8px;
}

.service-social-icon ul li a {
  background: #232323;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  font-size: 14px;
  display: inline-block;
  transition: 0.5s;
}

.service-social-icon ul li a:hover {
  background: #ecb636;
}

/* slider support */
.service-slider {
  padding-bottom: 40px;
}
.swiper-slide {
  height: auto;
}
.service-thumb video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/*
<!-- =======================================-->
  <!--Start Smart Click service area style-2-->
<!-- ======================================= -->*/
.service-area.style-2 {
  padding: 125px 0 120px;
  background: #fff;
  position: relative;
}

.service-area.style-2 .single-service-box {
  text-align: center;
  background: #f4f0ed;
  padding: 60px 0px 20px;
  margin-right: 0;
  margin-bottom: 30px;
}

.service-section .service-single-box {
  margin-bottom: 30px;
}

.service-area.style-2 .service-content {
  padding: 10px 38px 15px;
}

.service-area.style-2 h1.service-title {
  font-size: 45px;
  line-height: 80px;
  color: #232323;
  font-weight: 400;
  margin: 0;
}

.service-area.style-2 p.service-desc {
  font-size: 17px;
  line-height: 27px;
  color: #6e706c;
  font-weight: 400;
  margin-top: 8px;
}
.friends-heading {
  font-size: 22px;
  font-weight: 600;
  margin: 20px 0 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #222;
}

.friends-thumb {
  width: 100%;
  height: 320px; /* DESKTOP HEIGHT */
  overflow: hidden;
  border-radius: 12px;
}

.friends-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* VIDEO CROP PERFECT */
  display: block;
}
@media (max-width: 767px) {
  .friends-thumb {
    height: 220px; /* MOBILE HEIGHT */
  }
}

/*
<!-- =======================================-->
  <!--start  lavewell counter area css-->
<!-- ======================================= -->*/
.coutner-area {
  background: url(../images/home-1/se.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 78px 0 66px;
}

h6.counter-sub-title {
  font-size: 14px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Playfair", serif;
  margin: 0;
}

h2.counter-title {
  font-size: 40px;
  color: #ffffff;
  font-weight: 600;
}

.counter-single-box {
  padding-top: 6px;
  margin-bottom: 20px;
  position: relative;
}

.counter-single-box::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 70px;
  background: rgb(255 255 255 / 30%);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.odometer-wrapper.counter-box-title h1 {
  display: inline-block;
  font-size: 80px;
  line-height: 55px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.odometer-inside span {
  color: white !important;
}

.counter-desc p {
  font-size: 15px;
  line-height: 27px;
  color: #fff;
  font-weight: 500;
  font-family: "Poppins";
  margin-top: 10px;
  margin-left: -6px;
}

.row.counter .col-lg-2:last-child .counter-single-box::before {
  display: none;
}

/*==========================================
<!--Start Smart Click coutner-area style-2-->
============================================*/
.coutner-area.style-2 {
  background: #fff;
  padding: 0 0 70px;
  position: relative;
}

.coutner-area.style-2 .odometer-wrapper.counter-box-title h1 {
  color: #232323;
}

.coutner-area.style-2 h1.count-text {
  position: relative;
  top: 10px !important;
}

.coutner-area.style-2 .counter-desc p {
  color: #232323;
  text-transform: uppercase;
}

.coutner-area.style-2 .counter-single-box {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.coutner-area.style-2 .counter-single-box::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 70px;
  background: rgb(0 0 0 / 10%);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.row.counter-2 .col-lg-3:last-child .counter-single-box::before {
  display: none;
}

.counter-shape {
  position: absolute;
  bottom: 109px;
  left: 125px;
  -webkit-animation: bounce 3s linear infinite;
  animation: bounce 3s linear infinite;
}

.counter-shape2 {
  position: absolute;
  bottom: 109px;
  right: 107px;
  animation: bounceleft 4s linear infinite;
}

/* Counter number white */
.coutner-area .odometer,
.coutner-area .odometer-value,
.coutner-area .odometer-digit,
.coutner-area .odometer-digit-inner,
.coutner-area .odometer-digit span {
  color: #ffffff !important;
}

/*=====================================
<--  Start Smart Click section title Css -->
=======================================*/
.section-title.text-center {
  margin-bottom: 65px;
}

.section-title.text-left {
  margin-bottom: 95px;
}

.section-sub-title h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ecb636;
  font-family: "Playfair", serif;
  text-transform: uppercase;
}

.section-main-title-1 h2 {
  font-size: 40px;
  line-height: 35px;
  font-weight: 400;
  color: #232323;
  margin-top: 28px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.section-main-title h1 {
  font-size: 45px;
  line-height: 55px;
  font-weight: 400;
  color: #232323;
  margin-top: 28px;
}

.section-main-title h2 {
  font-size: 60px;
  line-height: 42px;
  font-weight: 400;
  color: #232323;
  margin-top: 18px;
}

.section-main-title h3 {
  font-size: 40px;
  line-height: 35px;
  font-weight: 400;
  color: #232323;
  margin-top: 28px;
  font-weight: 600;
}

.about-section .section-main-title h3 {
  font-size: 80px;
  line-height: 62px;
  font-weight: 400;
  color: #232323;
  margin-top: 15px;
}

.section-title-desc p {
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  color: #6e706c;
  margin-top: 35px;
  margin-bottom: 38px;
  padding: 0 63px 0 0;
}

.about-us-area .section-title-desc p {
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  color: #6e706c;
  margin-top: 35px;
  margin-bottom: 20px;
  padding: 0;
}

.gallery-area.bottom .section-title-desc p {
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  color: #6e706c;
  margin-top: 0;
  margin-bottom: 34px;
  padding: 0 0px 0 45px;
}

.wishes-area .section-title-desc p {
  margin-top: 47px;
}

.about-area .section-title.text-left {
  margin-bottom: 30px;
}

.about-section .section-title.text-left {
  margin-bottom: 46px;
}

.about-area.style-2 .section-title-desc p {
  padding: 0 0px 0 100px;
}

.service-section .section-title.text-center {
  margin-bottom: 102px;
}

.best-friends-area .section-title.text-center {
  margin-bottom: 65px;
}

.gallery-area .section-title.text-center {
  margin-bottom: 80px;
}

.wishes-area .section-title.text-left {
  margin-bottom: 45px;
}

.testimonial-area.style-2 .section-title.text-center {
  margin-bottom: 85px;
}

.contact-area .section-title.text-center {
  margin-bottom: 80px;
}

.blog-area .section-title.text-center {
  margin-bottom: 35px;
}

.about-us-area .section-title.text-left {
  margin-bottom: 0;
}

.contact-section .section-title.text-left {
  margin-bottom: 65px;
}

/*============================================
 <!--Start Smart Click wedding event area css-->
==============================================*/
.wedding-event-area {
  background: url(../images/home-1/Wedding-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 125px 0 150px;
  position: relative;
}

.single-wedding-box {
  text-align: right;
  margin: 0 57px 95px 52px;
}

.single-wedding-box.box-2 {
  text-align: left;
  margin: 0 81px 95px 0px;
}

.single-wedding-box.last-child {
  margin: 0 57px 0 26px;
}

.single-wedding-box.last-child .wedding-desc p::before {
  display: none;
}
.wedding-number span {
  display: inline-block;
  font-size: 15px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 400;
  background-color: #ecb636;
  padding: 1px 43px;
}

.wedding-title h1 {
  font-size: 45px;
  line-height: 42px;
  color: #232323;
  font-weight: 400;
  margin: 36px 0 24px;
}

.wedding-desc p {
  font-size: 17px;
  line-height: 27px;
  color: #6e706c;
  font-weight: 400;
  font-family: "Playfair", serif;
  position: relative;
}

.wedding-desc p::before {
  position: absolute;
  content: "";
  opacity: 0.102;
  width: 510px;
  height: 1px;
  background-color: rgb(0 0 0);
  left: 0;
  bottom: -44px;
}

.wedding-shape {
  position: absolute;
  top: 178px;
  left: 220px;
  animation: bounceleft 4s linear infinite;
}

.wedding-shape2 {
  position: absolute;
  top: 178px;
  right: 220px;
  animation: bounceleft 4s linear infinite;
}
.wedding-thumb video {
  width: 100%; /* container width ke according */
  height: 600px; /* same height as original images */
  object-fit: cover; /* poora container fill kare, crop ho sakta hai */
  border-radius: 10px; /* optional */
  display: block;
}

.wedding-active {
  overflow-x: hidden;
}

.lavewell-wedding-arrow-box button {
  display: inline-block;
  font-size: 30px;
  transition: all 0.3s ease 0s;
  color: #fff;
  border: 0;
  background: transparent;
}

.lavewell-wedding-arrow-box button.wedding-prev {
  position: absolute;
  margin-bottom: 10px;
  left: 35%;
  top: 58%;
  z-index: 1;
}

.lavewell-wedding-arrow-box button.wedding-next {
  position: absolute;
  margin-bottom: 10px;
  left: auto;
  right: 35%;
  top: 58%;
  z-index: 1;
}
.para-1 {
  font-size: 17px !important;
}
.goal > li {
  font-size: 17px !important;
}
.about-img {
  width: 100%;
  height: 520px;
  object-fit: cover;
}
/*=====================================
 <!--start  about  css-->
=======================================*/

.smart-about-us {
  background: #f8f9fa;
  font-family: "Playfair", serif;
  padding: 80px 0px !important;
}

.smart-about-image img {
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.smart-about-content h6 {
  color: #c59d5f;
  letter-spacing: 2px;
  font-weight: 500;
}

.smart-about-content h2 {
  font-size: 40px;
  font-weight: 600;
  margin: 15px 0;
  color: #222;
}

.smart-about-content p {
  color: #555;
  line-height: 1.8;
  font-size: 15px;
}

.smart-about-content ul {
  padding-left: 18px;
  margin-top: 15px;
  margin-bottom: 26px;
}

.smart-about-content ul li {
  margin-bottom: 8px;
  color: #444;
  font-size: 15px;
}

.smart-btn {
  background: #c59d5f;
  color: #fff;
  padding: 10px 28px;
  border-radius: 30px;
  transition: 0.3s ease;
}

.smart-btn:hover {
  background: #111;
  color: #fff;
}

/*=====================================
 <!--End  about  css-->
=======================================*/

/*=====================================
 <!--Start Smart Click about area css-->
=======================================*/
.about-area {
  position: relative;
}

.about-area::before {
  position: absolute;
  content: "";
  width: 42%;
  height: 100%;
  background: url(../images/home-1/about-thumb2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  top: 0;
  z-index: -1;
}

.about-area.style-2 {
  background: url(../images/home-1/about-thumb3.png);
  right: 0;
  top: 0;
}

.about-content {
  padding: 136px 0 0 75px;
}

.about-area.style-2 .about-content {
  padding: 136px 75px 0 0px;
  text-align: right;
}

.about-btn {
  display: inline-block;
}

.about-btn a {
  display: inline-block;
  color: #232323;
  font-size: 14px;
  border: 1px solid rgb(35 35 35 / 10%);
  padding: 12px 40px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.about-btn a::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #ecb636;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.about-btn a:hover::before {
  transform: scale(1);
}

.about-btn:hover a {
  color: #fff;
}

.choose-us-area {
  position: relative;
  padding: 100px 0;
  background: #fdfaf7;
}

.choose-us-thumb img {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.5s ease;
}

.choose-us-thumb img:hover {
  transform: scale(1.05);
}

.choose-us-content {
  padding: 50px 30px;
}

.section-sub-title h5 {
  font-size: 16px;
  color: #ecb636;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-weight: 600;
}

.section-main-title h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #232323;
}

.section-title-desc p {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.7;
}

.section-title-desc ul {
  list-style: none;
  padding-left: 0;
}

.section-title-desc ul li {
  position: relative;
  font-size: 14px;
  margin-bottom: 12px;
  padding-left: 25px;
  color: #232323;
  font-weight: 500;
}

.section-title-desc ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #ecb636;
}

.choose-us-btn a {
  display: inline-block;
  color: #fff;
  background: #ecb636;
  padding: 14px 45px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  transition: 0.4s;
  box-shadow: 0 8px 20px rgba(236, 182, 54, 0.3);
}

.choose-us-btn a:hover {
  background: #d4a21e;
  transform: translateY(-3px);
}

/*============================================
  <!--Start Smart Click best friends area css-->
==============================================*/
.best-friends-area {
  padding: 125px 0 150px;
  background: url(../images/home-1/Wedding-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1;
}

.single-best-friends {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.friends-thumb img {
  width: 100%;
}

.friends-content {
  text-align: center;
  padding: 22px 16px;
}

.friends-name ul li {
  list-style: none;
  display: inline-block;
  margin: 0 22px;
}

.friends-name ul li a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #232323;
  transition: 0.5s;
}

.friends-name ul li a:hover {
  color: #ecb636;
}

.friends-desc p {
  font-size: 17px;
  color: #6e706c;
  font-weight: 400;
  margin-top: 20px;
}
.fo {
  margin-bottom: 20px;
}

.friend-shape {
  position: absolute;
  left: 190px;
  bottom: 83px;
  z-index: -1;
}

.friend-shape2 {
  position: absolute;
  right: 102px;
  bottom: 112px;
  animation: bounceleft 4s linear infinite;
}

/*=====================================
  <!--Start Smart Click gallery area css-->
=======================================*/
.gallery-area {
  background: url(../images/home-1/Wedding-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 125px 0 120px; */
  position: relative;

  padding: 125px 52px 110px 32px;
}
.haa h1 {
  color: white !important;
  margin-bottom: 15px;
}

.gallery-area.bottom {
  padding: 125px 33px 50px 50px;
  position: relative;
}

.gallery__thumb-box {
  margin: 0 9px 40px;
  position: relative;
  transition: 0.5s;
}
.gallery-area {
  padding: 40px 0;
}

.gallery-filter {
  margin: 30px 0 40px;
}
.side-blog-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 20px;
}
.filter-btn {
  border: none;
  background: #f1f1f1;
  padding: 10px 25px;
  margin: 5px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 20px;
  transition: 0.3s;
  border: 2px solid #efc154;
}

.filter-btn.active,
.filter-btn:hover {
  background: #ecb636;
  color: #fff;
}

.tmor {
  text-align: center;
}

.tmor-1 {
  margin-bottom: 50px;
}
/* .gallery-img {
  height: 280px;
  object-fit: cover;
  border-radius: 8px;
} */

.gallery-item {
  margin-bottom: 25px;
  transition: 0.4s;
}

.gallery__thumb-box::before {
  position: absolute;
  content: "";
  height: 96%;
  width: 96%;
  background: rgb(151 170 133 / 0.9);
  left: 2%;
  top: 2%;
  right: 2%;
  bottom: 2%;
  transform: scale(0);
  transition: 0.5s;
}

.gallery__thumb-icon {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  text-align: center;
  z-index: 11;
}

.gallery__thumb-box:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.gallery__thumb-box:hover .gallery__thumb-icon {
  opacity: 2;
}

.gallery-title-shape {
  position: absolute;
  top: 0;
  left: 220px;
}

.gallery-shape {
  position: absolute;
  top: 150px;
  right: 108px;
  animation: bounceleft 4s linear infinite;
}

/*=========================================
   <!--Start Smart Click contact area css-->
=========================================*/
/* ================================
   Home Page Form – Photography Style
=================================*/

.home-page-form {
  background: url(../images/home-1/Wedding-bg.png) center/cover no-repeat;
  padding: 70px 0;
}

/* Container spacing */
.home-page-form .form {
  background: rgba(255, 255, 255, 0.9);
  padding: 45px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Section Title */
.home-page-form .section-sub-title h5 {
  color: #d4a017;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 10px;
}

.home-page-form .section-main-title h3 {
  color: #222;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 35px;
}

/* Form Fields */
.home-page-form .form-box {
  margin-bottom: 18px;
}

.home-page-form .form-box input,
.home-page-form .form-box textarea,
.home-page-form .form-box select {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 14px 15px;
  border-radius: 6px;
  font-size: 15px;
  color: #333;
  transition: 0.3s;
}

/* Focus Effect */
.home-page-form .form-box input:focus,
.home-page-form .form-box textarea:focus,
.home-page-form .form-box select:focus {
  border-color: #d4a017;
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.1);
  outline: none;
}

/* Placeholder */
.home-page-form input::placeholder,
.home-page-form textarea::placeholder {
  color: #999;
}

/* Textarea */
.home-page-form .form-box textarea {
  height: 160px;
  resize: none;
}

/* Select option */
.home-page-form .form-box select option {
  color: #000;
}

/* Button */
.home-page-form .submit-button button {
  width: 100%;
  background: linear-gradient(45deg, #d4a017, #f1c40f);
  color: #ffffff;
  border: none;
  padding: 16px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 6px;
  transition: 0.3s;
}

/* Hover */
.home-page-form .submit-button button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 160, 23, 0.25);
}

/* Responsive */
@media (max-width: 768px) {
  .home-page-form .form {
    padding: 30px;
  }

  .home-page-form .section-main-title h3 {
    font-size: 28px;
  }
}

/*=========================================
   <!--Start Smart Click contact section css-->
=========================================*/
.contact-section {
  background: #fff;
  padding: 115px 0 150px;
}

.single-contact-box {
  display: flex;
  align-items: center;
}

.contact-address {
  margin-bottom: 16px;
}

.contact-address.line {
  position: relative;
}

.contact-address.line::before {
  position: absolute;
  content: "";
  width: 566px;
  height: 1px;
  background: rgb(0 0 0 / 10%);
  top: -15px;
  left: 0;
}

.contact-icon {
  margin-right: 15px;
}

.contact-icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 17px;
  background: #ecb636;
  text-align: center;
  border-radius: 50%;
}

.contact-title h5 {
  font-size: 17px;
  color: #555555;
  font-weight: 400;
  font-family: "Playfair", serif;
}

.contact-addres p {
  font-size: 18px;
  line-height: 45px;
  color: #232323;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.quote-form-wrapper {
  background: #f4f0ed;
  padding: 55px;
  border-radius: 22px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
  position: relative;
  margin-top: -252px;
}
/* Responsive */
@media (max-width: 768px) {
  .quote-form-wrapper {
    margin-top: 0;
    padding: 20px;
  }
}

.contact-form-title {
  text-align: center;
  margin-bottom: 40px;
}

.contact-form-title .form-tag {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ecb636;
  margin-bottom: 10px;
}

.contact-form-title h2 {
  font-size: 40px;
  color: #003831;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form-title p {
  /* max-width: 420px; */
  margin: 0 auto;
  color: #555;
  font-size: 16px;
  font-family: "Poppins";
}

.form-box {
  margin-bottom: 22px;
}

.form-box input,
.form-box textarea,
.form-box select {
  width: 100%;
  height: 58px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 0 22px;
  font-size: 16px;
  font-family: "Urbanist", sans-serif;
  transition: all 0.3s ease;
}

.form-box textarea {
  height: 140px;
  padding-top: 15px;
}

.form-box input:focus,
.form-box textarea:focus,
.form-box select:focus {
  outline: none;
  border-color: #ecb636;
  box-shadow: 0 0 0 3px rgba(236, 182, 54, 0.15);
}

.submit-button button {
  width: 100%;
  background: linear-gradient(135deg, #ecb636, #d9a424);
  color: #fff;
  border: none;
  padding: 18px;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.submit-button button:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(236, 182, 54, 0.35);
}

/*=============================================
   <!--Start Smart Click google map css-->
===============================================*/
.google-map iframe {
  width: 100%;
  height: 600px;
}

/*=============================================
   <!--Start Smart Click testimonial-area css-->
===============================================*/
.testimonial-area {
      background: url(../images/home-1/Wedding-bg.png) center / cover no-repeat;
  padding: 60px 0 60px;
  position: relative;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
}


.testimonial-area .container {
  position: relative;
  z-index: 1;
}

.section-title .sub-title {
  font-size: 16px;
  color: #ecb636;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
}

.section-title .main-title {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 50px;
}

.testi-single-box {
  text-align: center;
  background: rgba(255, 255, 255, 0.08);
  padding: 35px 25px;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  transition: transform 0.4s;
  margin-bottom: 20px;
}

.testi-single-box:hover {
  transform: translateY(-5px);
}

ul.testi-rating {
  padding-left: 0;
  margin-bottom: 20px;
}

ul.testi-rating li {
  display: inline-block;
  color: #ffab00;
  font-size: 16px;
  margin-right: 3px;
}

p.testi-desc {
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 25px;
}

.testi-author img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 2px solid #ecb636;
}

h3.testi-user-name {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}

h3.testi-user-name span {
  display: block;
  font-size: 14px;
  color: #ecb636;
  font-family: "Playfair Display", serif;
}

.lavewell-testi-arrow-box button {
  display: inline-block;
  font-size: 28px;
  color: #fff;
  background: transparent;
  border: none;
  transition: 0.3s;
}

.lavewell-testi-arrow-box button:hover {
  color: #ecb636;
}

.lavewell-testi-arrow-box button.testi-prev {
  position: absolute;
  left: 0;
  top: 61%;
  transform: translateY(-50%);
  z-index: 1;
}

.lavewell-testi-arrow-box button.testi-next {
  position: absolute;
  right: 0;
  top: 61%;
  transform: translateY(-50%);
  z-index: 1;
}

/*====================================================
   <!--Start Smart Click about-us-counter-->
=======================================================*/

.about-us-counter {
  padding: 30px 0;
  background: #f8f8f8;
}

.about-us-counter .counter-single-box {
  text-align: center;
  margin-bottom: 30px;
  transition: transform 0.3s;
}

.about-us-counter .counter-single-box:hover {
  transform: scale(1.05);
}

.about-us-counter .counter-box-title .odometer {
  color: #000; /* black numbers */
  font-size: 48px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.about-us-counter .counter-desc p {
  font-size: 16px;
  color: #000000;
  margin-top: 8px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
}

.about-us-counter .cursor-scale {
  cursor: pointer;
}
.odometer-value {
  color: #000;
}
.momo::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 70px;
  background: rgb(25 23 23 / 30%);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.about-us-counter .counter-box-title .odometer,
.about-us-counter .odometer-value,
.about-us-counter .odometer-digit span {
  color: #000 !important;
}

/*====================================================
   <!--Start Smart Click about-us-counter -->
=======================================================*/

/*====================================================
   <!--Start Smart Click testimonial-area css style-2-->
=======================================================*/
.testimonial-area.style-2 {
  background: url(../images/home-2/test-bg2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 125px 0 140px;
}

.testimonial-active {
  overflow-x: hidden;
}

.testimonial-area.style-2 h3.testi-user-name {
  font-size: 45px;
  color: #232323;
  font-weight: 400;
}

.testimonial-area.style-2 p.testi-desc {
  font-size: 17px;
  font-weight: 400;
  color: #6e706c;
  margin: 30px 0 35px;
  text-align: center;
}

.testimonial-area.style-2 ul.testi-rating {
  text-align: center;
}

.lavewell-testimonial-arrow-box button {
  display: inline-block;
  font-size: 30px;
  transition: all 0.3s ease 0s;
  color: #232323;
  border: 0;
  background: transparent;
  opacity: 0.8;
}

.lavewell-testimonial-arrow-box button.testimonial-prev {
  position: absolute;
  margin-bottom: 10px;
  left: 6px;
  top: 44%;
  z-index: 1;
}

.lavewell-testimonial-arrow-box button.testimonial-next {
  position: absolute;
  margin-bottom: 10px;
  left: auto;
  right: 6px;
  top: 44%;
  z-index: 1;
}

/*=====================================
   <!--Start Smart Click blog area css-->
=======================================*/
.blog-area {
  /* background: url(../images/home-1/Wedding-bg.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 0 75px;
  position: relative;
}

.blog-area::before {
  position: absolute;
  content: "";
  width: 1320px;
  height: 1px;
  background-color: rgb(0, 0, 0);
  opacity: 0.078;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* Sidebar Box */
.tap-side-war {
  background: #f4f4f4;
  padding: 25px;
  border-radius: 12px;
  /* box-shadow: 0 10px 30px rgba(0,0,0,0.05); */
  margin-bottom: 30px;
  /* transition: 0.3s ease; */
}

.tap-side-war:hover {
  transform: translateY(-5px);
}

/* Heading */
.tap-title {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
}

.tap-title:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #c59d5f;
  position: absolute;
  bottom: -6px;
  left: 0;
}

/* Comment Item */
.comment-item {
  display: flex;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  transition: 0.3s;
}

.comment-item:last-child {
  border-bottom: none;
}

.comment-item:hover {
  transform: translateX(5px);
}

/* Avatar */
.comment-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

/* Content */
.comment-content h5 {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

.comment-date {
  font-size: 12px;
  color: #999;
  display: block;
  margin-bottom: 5px;
}

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

.blog-singele-box {
  position: relative;
  margin-bottom: 30px;
}

.blog-thumb {
  position: relative;
}

.blog-thumb img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.blog-content {
  background: rgb(236 182 54 / 76%);
  position: absolute;
  bottom: 50px;
  left: 15px;
  padding: 36px 31px 46px 35px;
  width: 91%;
  opacity: 0;
  transition: 0.5s;
}

.blog-date span {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
}

h3.blog-title {
  margin-bottom: 8px;
}

h3.blog-title a {
  display: inline-block;
  color: #fff;
  font-size: 35px;
  font-weight: 600;
}

p.blog-desc {
  font-size: 17px;
  line-height: 27px;
  color: #fff;
  margin-bottom: 32px;
}

.blog-btn a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  position: relative;
  transition: 0.5s;
  padding-left: 32px;
}

.blog-btn a::before {
  position: absolute;
  content: "";
  width: 141px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  left: 0px;
  top: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.blog-meta-title {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.blog-meta-title h2 a {
  display: inline-block;
  color: #fff;
  font-size: 29px;
  font-weight: 600;
  transition: 0.5s;
}
.blog-title a {
  font-size: 15px;
  font-weight: 500;
}

/* all hover */
.blog-singele-box:hover .blog-content {
  opacity: 1;
  bottom: 15px;
}

.blog-singele-box:hover .blog-meta-title h2 a {
  opacity: 0;
}

.blog-btn a:hover {
  color: #232323;
  background: #fff;
}

/*=====================================
  <!--Start Smart Click brand area css-->
=======================================*/
.brand-area {
  background: #f4f0ed;
  padding: 100px 0 95px;
}

.brand-box {
  text-align: center;
}

.band-active {
  overflow-x: hidden;
}
/*=====================================
<!-- Cta css-->
=======================================*/

.wow-cta {
  position: relative;
  background: url(../images/home-1/cta.jpg) no-repeat;
  background-size: cover;
  padding: 140px 20px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

/* Floating Gradient Shape */
.cta-bg-shape {
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #c9a45c, transparent 70%);
  top: -150px;
  right: -150px;
  opacity: 0.25;
  animation: float 8s infinite alternate;
}

.cta-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.cta-inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: auto;
  animation: fadeScale 1.2s ease forwards;
}

/* Tag */
.cta-tag {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 20px;
  border-radius: 30px;
  background: rgba(201, 164, 92, 0.15);
  border: 1px solid rgba(201, 164, 92, 0.4);
  color: #ecb636;
  font-size: 14px;
  letter-spacing: 1px;
}

/* Heading */
.wow-cta h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 25px;
  color: white;
}

/* Text */
.wow-cta p {
  font-size: 18px;
  color: #ddd;
  font-family: "Poppins";

  max-width: 700px;
  margin: auto;
  margin-bottom: 50px;
}

/* Buttons */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.btn {
  padding: 15px 42px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Solid Button */
.btn-solid {
  background: #ecb636;
  color: #ffffff;
  font-family: "Poppins";
}

.btn-solid:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(201, 164, 92, 0.4);
}

/* Outline Button */
.btn-outline {
  border: 1.5px solid #ecb636;
  color: #ecb636;
  font-weight: 600;
  background: transparent;
  font-family: "Poppins";
  font-size: 15px;
}

.btn-outline::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #ecb636;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: -1;
}

.btn-outline:hover::before {
  transform: scaleX(1);
}

.btn-outline:hover {
  color: #ffffff;
  transform: translateY(-6px);
}

/* Animations */
@keyframes fadeScale {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(40px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes float {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(40px);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .wow-cta h2 {
    font-size: 36px;
  }

  .wow-cta p {
    font-size: 16px;
  }
}

/*=====================================
<!--  end Cta css-->
=======================================*/

/*=====================================
<!-- Start Smart Click Footer Area css-->
=======================================*/

.footer-area {
  background: #111; /* dark background */
  color: #fff;
  padding: 100px 0 40px;
  font-family: "Poppins", sans-serif;
}

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

.footer-area a:hover {
  color: #ecb636;
}

.footer-widget {
  margin-bottom: 40px;
}

.footer-logo img {
  max-width: 170px;
  margin-bottom: 15px;
}

.footer-desc {
  font-size: 15px;
  line-height: 1.8;
  color: #ccc;
}

.footer-widget-title {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}

.footer-widget-title::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #ecb636;
  display: block;
  margin-top: 8px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

.footer-links li a {
  font-size: 15px;
  color: #ccc;
}

.footer-links li a:hover {
  color: #ecb636;
}

.footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-contact li {
  margin-bottom: 12px;
  font-size: 15px;
  display: flex;
  align-items: center;
}

.footer-contact li i {
  color: #ecb636;
  margin-right: 10px;
}

.footer-social a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #222;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  transition: 0.3s;
}

.footer-social a:hover {
  background: #ecb636;
  color: #111;
}

.footer-bottom-container {
  background: #0d0d0d; /* darker shade for premium look */
  padding: 20px 0;
  font-family: "Poppins", sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 15px;
}

.footer-left span {
  color: #bfbfbf;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.footer-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-designed {
  font-size: 14px;
  color: #ccc;
  transition: color 0.3s ease;
}

.footer-designed strong {
  color: #ecb636; /* highlight gold */
}

.footer-logo {
  width:95px; /* small logo size */
  height: auto;
  border-radius: 30px;
  transition: transform 0.3s ease;
}

/* Hover effect */
.footer-right:hover .footer-designed {
  color: #fff;
}

.footer-right:hover .footer-logo {
  transform: scale(1.1);
}

/* Responsive */
@media screen and (max-width: 768px) {
  .footer-bottom-content {
    flex-direction: column;
    text-align: center;
  }
  .footer-right {
    justify-content: center;
  }
}

/*=====================================
<--  end Smart Click footer-area Css -->
=======================================*/

/*=====================================
<!--Start Smart Click banner area css-->
=======================================*/
.lavewell-banner-area {
  background: url(../images/home-2/banner-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 830px;
  position: relative;
}

.banner-content {
  padding-top: 125px;
}

.banner-sub-title h4 {
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  color: #232323;
  text-align: center;
  font-family: "Playfair", serif;
}

.banner-title h1 {
  font-size: 150px;
  line-height: 140px;
  color: #232323;
  font-weight: 400;
  text-align: center;
  padding: 0 36px;
}

.banner-btn {
  margin-top: 27px;
  text-align: center;
}

.banner-btn a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #232323;
  font-weight: 500;
  width: 120px;
  height: 120px;
  border: 1px solid rgb(0 0 0 / 15%);
  text-align: center;
  line-height: 120px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.banner-btn a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #232323;
  border: 1px solid rgb(0 0 0 / 15%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
  border-radius: 100%;
}

.banner-btn a:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.banner-btn:hover a {
  color: #ecb636;
}

.banner-img-shape {
  position: absolute;
  left: 70px;
  top: 180px;
  margin: auto 0;
  -webkit-animation: bounce 3s linear infinite;
  animation: bounce 3s linear infinite;
}

.banner-img-shape2 {
  position: absolute;
  right: 50px;
  top: 180px;
  -webkit-animation: bounce 3s linear infinite;
  animation: bounce 3s linear infinite;
}

/*==========================================
<!--start  Smart-Click service section css-->
============================================*/
.service-section {
  background: url(../images/home-2/service-sec-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 125px 0 120px;
}

.service-single-box {
  background: #fff;
  box-shadow: 0px 0px 28.5px 1.5px rgba(85, 85, 85, 0.05);
  text-align: center;
  filter: drop-shadow(0 0 15px rgba(85, 85, 85, 0.05));
  padding: 10px 12px 0;
}

.service-section .service-content {
  padding: 35px 38px 40px;
}
.service-title-1 a {
  font-family: "Poppins", sans-serif; /* ya Dancing Script agar chahiye */
  font-weight: 600; /* bold heading */
  font-size: 28px; /* adjust as needed */
  color: #232323;
  text-decoration: none;
}

.service-title-1 a:hover {
  color: #ecb636; /* hover color optional */
}

.service-section h1.service-title {
  margin: 0;
  font-size: 45px;
  line-height: 52px;
  color: #232323;
  font-weight: 400;
}

.service-section h5.service-sub-title {
  font-family: "Playfair", serif;
  font-size: 17px;
  line-height: 28px;
  color: #6e706c;
  font-weight: 400;
}

/*=====================================
<!--start  Smart-Click about section css-->
=======================================*/
.why-whoose-home {
  padding: 100px 0;
  background: linear-gradient(135deg, #f9fafc, #eef1f6);
  font-family: "Poppins", sans-serif;
}

.why-whoose-home .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Left Content */
.why-tag {
  color: #ecb636;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
}

.why-content h2 {
  font-size: 40px;
  margin: 15px 0;
  color: #111;
  line-height: 1.3;
}

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

.why-list {
  list-style: none;
  padding: 0;
}

.why-list li {
  margin-bottom: 12px;
  font-size: 16px;
  color: #333;
}

.why-list i {
  color: #ecb636;
  margin-right: 10px;
}

/* Cards Grid */
.why-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

/* Card Style */
.why-card {
  background: #fff;
  padding: 35px 25px;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
}

.why-card i {
  font-size: 32px;
  color: #ecb636;
  margin-bottom: 15px;
}

.why-card h4 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #111;
}

.why-card p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
.why-icon-img {
  width: 60px;
}

/* Hover Effect */
.why-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

/* Highlight Center Card */
.why-card.active {
  background: #ecb636;
  color: #fff;
}

.why-card.active i,
.why-card.active h4,
.why-card.active p {
  color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
  .why-whoose-home .container {
    grid-template-columns: 1fr;
  }

  .why-content h2 {
    font-size: 32px;
  }
}

@media (max-width: 576px) {
  .why-cards {
    grid-template-columns: 1fr;
  }
}

/*=====================================
<!--Start Smart Click wishes area css-->
=======================================*/
.wishes-area {
  background: url(../images/home-1/send-sec-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0 150px;
}

.wishes-content {
  background: url(../images/home-1/Wedding-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px;
}

.wishes-btn {
  display: inline-block;
}

.wishes-btn a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #232323;
  border: 1px solid rgb(0 0 0 / 15%);
  padding: 15px 37px;
  position: relative;
  z-index: 1;
}

.wishes-btn a::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #ecb636;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.wishes-btn a:hover::before {
  transform: scale(1);
}

.wishes-btn:hover a {
  color: #fff;
}

/*=====================================
<!--Start Smart Click team area css-->
=======================================*/
.team-area {
  background: url(../images/home-1/Wedding-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 125px 0 120px;
}
.team-title a {
  font-size: 22px;
  font-weight: 600;
}
.single-team-box {
  background-color: rgb(255, 255, 255);
  padding: 10px;
  margin-bottom: 30px;
}

.team-thumb {
  position: relative;
}

.team-thumb img {
  width: 100%;
}

.team-icon {
  position: absolute;
  top: 20px;
  left: 20px;
}

.team-icon i {
  display: inline-block;
  font-size: 25px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background: #ecb636;
  text-align: center;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transition: 0.5s;
}

.team-icon.active .team-icon i {
  transform: rotate(45deg);
}

.team-social-icon ul li {
  list-style: none;
  margin-bottom: 12px;
}

.team-social-icon ul li a {
  display: inline-block;
  transition: 0.5s;
}

.team-social-icon ul li a:hover i {
  background: #000;
}

.team-social-icon ul li a:hover {
  color: #fff;
  background: #ecb636;
}

.team-social-icon ul li a i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  color: #ecb636;
  font-size: 15px;
  transition: 0.5s;
}

.team-social-icon {
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 80%;
  right: 0px;
  padding: 16px 0px 5px 0px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.team-icon.active .team-social-icon {
  opacity: 1;
  visibility: visible;
}

.team-content {
  text-align: center;
  padding: 25px 0 25px;
}

h1.team-title {
  font-size: 45px;
  color: #232323;
  font-weight: 400;
}

h1.team-title a {
  display: inline-block;
  transition: 0.5s;
  font-size: 30px;
  font-weight: 600;
}

h1.team-title a:hover {
  color: #6e706c;
}

h5.team-sub-title {
  color: #6e706c;
  font-size: 17px;
  font-weight: 400;
  font-family: "Playfair", serif;
  margin: 0;
}

/*=====================================
<!-- Start Smart Click  Video section css-->
=======================================*/
.video-section {
  background-image: url(../images/home-2/video.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video__area {
    background-attachment: unset;
  }
}

@media only screen and (max-width: 767px) {
  .video__area {
    background-attachment: unset;
  }
}

.video__area:hover .play-now {
  opacity: 1;
  visibility: visible;
}

.video__area .play-now {
  display: inline-block;
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  text-transform: capitalize;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: 110px;
  height: 110px;
  line-height: 110px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 50%;
  left: 50%;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video__area .play-now {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .video__area .play-now {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
}

.video__content {
  display: block;
  width: 100%;
  height: 700px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video__content {
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video__content {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .video__content {
    height: 450px;
  }
}

.video__content a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: none;
  background-color: transparent;
}

.cursor {
  position: fixed;
  pointer-events: none;
  font-weight: 600;
  font-size: 24px;
  line-height: 23px;
  color: #fff;
  background: black;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  z-index: 999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cursor.video {
  width: 110px;
  height: 110px;
  line-height: 100px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .cursor.video {
    display: none;
  }
}

/*=========================================
<!--Start Smart Click call to action area css-->
===========================================*/
.call-to-action-area {
  background: #f4f0ed;
}

.call-to-action-area.inner {
  padding-top: 150px;
}

.call-to-action-area.inner-2 {
  background: #fff;
  padding-top: 150px;
}

.row.call-bg {
  background: url(../images/home-2/call-action-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 65px 0px 58px 65px;
}

.call-to-action-area.inner-2 .row.call-bg {
  background: url(../images/home-1/contact-ban.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 65px 0px 58px 65px;
}

h5.call-action-title {
  color: #ecb636;
  font-size: 14px;
  font-weight: 400;
  font-family: "Playfair", serif;
}

h1.call-sub-title {
  font-size: 60px;
  font-weight: 400;
  margin-top: 15px;
}

.call-action-btn {
  text-align: center;
}

.call-action-btn a {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  background: #ecb636;
  padding: 15px 36px;
  margin-right: 14px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: 1px solid transparent;
}

.call-action-btn a::before {
  position: absolute;
  content: "";
  width: 141px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  left: 0px;
  top: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.call-action-btn a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #fff;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.call-to-action-area.inner-2 .call-action-btn a::after {
  background: #f4f0ed;
}

.call-action-btn a:hover::after {
  transform: scale(1);
}

.call-action-btn:hover a {
  color: #232323;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/*=========================================
<!--Start Smart Service page cards-->
===========================================*/

/*=========================================
<!--End Smart  Service page cards-->
===========================================*/

/*=========================================
<!--Start Smart Click breadcumb Area css-->
===========================================*/
.breadcumb-area {
  background: url(../images/home-1/contact-ban.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.co {
  background: url(../images/home-1/co.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.wedding-ceremony {
  background: url(../images/home-1/Wedding-Ceremony-ban.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.candid-photography {
  background: url(../images/home-1/Candid-Photographyban.jpg)  ;
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.spre-wedding {
  background: url(../images/home-1/pre-wedding.jpg)  ;
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.birthday-party {
  background: url(../images/home-1/birthday-ban.jpg)  ;
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.wedding-videography {
  background: url(../images/home-1/wedding-videography-ban.jpg)  ;
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.photo-editing {
  background: url(../images/home-1/photo-editing-ban.jpg)  ;
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.ab {
  background: url(../images/home-1/se.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.ga {
  background: url(../images/home-1/ga.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}
.se {
  background: url(../images/home-1/ab.jpg);
  padding: 230px 0 156px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-top: -100px; */
}

.breadcumb-content h4 {
  font-size: 50px;
  line-height: 110px;
  color: #fff;
  font-weight: 600;

  text-transform: capitalize;
}

.breadcumb-content ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  margin-right: 5px;
}

.breadcumb-content ul li a {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.heading-sub-ban li a {
  font-size: 18px !important;
  font-family: "Poppins";
  font-weight: 500;
}
.heading-sub-ban li {
  font-size: 18px !important;
  font-family: "Poppins";
  font-weight: 500;
}

/*=========================================
<!--Start Smart Click about us area css-->
===========================================*/
.about-us-area {
  padding: 110px 0 130px;
}
.about-sec-img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  border-radius: 20px;
}
.about-us-area .about-thumb {
  position: relative;
  text-align: right;
  margin-right: 60px;
}

.about-us-area .about-thu {
  position: absolute;
  bottom: 14px;
  left: -73px;
  -webkit-animation: bounce 3s linear infinite;
  animation: bounce 3s linear infinite;
}

.about-us-area .about-content {
  padding: 0;
}

.about-us-area .about-item-box {
  display: flex;
  align-items: center;
}

.about-us-area .about-item-box h3 {
  font-size: 20px;
  font-weight: 500;
  font-family: "Playfair", serif;
}

.about-us-area .about-icon {
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #ecb636;
  border-radius: 50%;
  position: relative;
  top: 4px;
  font-weight: 400;
  margin-right: 10px;
}

.about-us-area .about-desc p {
  color: #6e706c;
  font-size: 17px;
  padding: 10px 0 16px 34px;
}

.about-us-btn {
  display: inline-block;
  margin-top: 10px;
}

.about-us-btn a {
  display: inline-block;
  font-size: 14px;
  padding: 13px 36px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  background-color: #ecb636;
}

.about-us-btn a::before {
  position: absolute;
  content: "";
  width: 179px;
  height: 40px;
  border: 1px solid rgba(255 255 255 / 15%);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.about-us-btn a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #f4f0ed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.about-us-btn a:hover::after {
  transform: scale(1);
}

.about-us-btn:hover a {
  color: #232323;
}

/* end */

/* gallery page video */
.gallery-page-video {
  padding: 60px 20px;
  background: #f9f9f9;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.gallery-page-video .gallery-title {
  font-size: 32px;
  margin-bottom: 40px;
  color: #222;
}

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

.video-item {
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  overflow: hidden; /* ensure video doesn't overflow */
}

.video-item video {
  width: 100%;
  height: 300px; /* uniform height for all videos */
  object-fit: cover; /* ensures vertical videos fill container nicely */
  border-radius: 12px;
}

.video-caption {
  margin-top: 10px;
  font-size: 20px;
  color: #555;
  font-weight: 600;
}
.mor {
  margin-bottom: 20px;
}
/* End gallery page video */

/*=========================================
<!--Start Smart Click about me area css -->
===========================================*/
.about-me-area {
  padding: 100px 0 100px;
}

.about-me-profile {
  text-align: center;
}

h3.about-me-title {
  font-size: 50px;
  font-weight: 400;
  color: #232323;
}

h4.about-me-sub-title {
  font-size: 40px;
  font-weight: 400;
}

p.about-me-des {
  font-size: 20px;
  color: #232323;
  padding-top: 20px;
}

p.about-me-desc {
  font-size: 20px;
  color: #232323;
}

.social-title h5 {
  font-family: "Playfair", serif;
  font-weight: 600;
  font-size: 20px;
  padding-top: 20px;
}

.about-me-social ul li {
  list-style: none;
  display: inline-block;
  margin: 10px 10px 0;
}

.about-me-social ul li a {
  display: inline-block;
  transition: 0.5s;
}

.about-me-social ul li a:hover {
  color: #ecb636;
}
/*=========================================
<!--Start Smart Click pricing area css-->
===========================================*/
.pricing-area {
  background: #f4f0ed;
  padding: 100px 0 100px;
}

.pricing-single-box {
  background: #fff;
}

h3.priching-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Playfair", serif;
}

h1.priching-doller {
  font-size: 40px;
  margin-bottom: 0;
  font-family: "Playfair", serif;
  font-weight: 500;
  color: #ecb636;
}

h1.priching-doller span {
  display: inline-block;
  font-size: 18px;
}

.pricing-text {
  padding: 30px;
  text-align: center;
  border-bottom: 1px solid #f4f0ed;
}

.pricing-body {
  padding: 40px;
  padding-top: 35px;
  text-align: center;
}

ul.pricing-list li {
  list-style: none;
}

ul.pricing-list li {
  list-style: none;
  padding-bottom: 15px;
  color: #232323;
  font-size: 18px;
  font-family: "Playfair", serif;
}

.pricing-btn a {
  display: inline-block;
  background: #ecb636;
  color: #fff;
  padding: 12px 35px;
  transition: 0.5s;
}

.pricing-btn a:hover {
  background: #232323;
}

/*=========================================
<!--Start Smart Click team details area css-->
===========================================*/
.team-details-area {
  padding: 122px 0 88px;
  background: #f4f4f4;
  position: relative;
  z-index: 1;
}

.team-thumb img {
  width: 100%;
}

.team-details-area .team-member-title h4 {
  font-size: 36px;
  margin: 0;
  font-family: "Playfair", serif;
}

.team-details-area .team-details-content p {
  color: #232323;
}

.team-details-area p.desc {
  margin-top: 34px;
  margin-bottom: 45px;
}

.team-details-area .contact-info-box {
  background: #fff;
  padding: 29px 25px 27px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  overflow: hidden;
  gap: 11px;
}

.team-details-area .contact-info-icon i {
  display: inline-block;
  color: #ecb636;
  border: 2px solid #ecb636;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
  font-size: 22px;
  transition: 0.5s;
}

.team-details-area .contact-info-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  transition: 0.5s;
  font-family: "Playfair", serif;
}

.team-details-area .contact-info-content p {
  font-size: 20px;
  color: #ecb636;
  font-weight: 600;
  margin: 0;
  padding: 0;
  transition: 0.5s;
}

.team-details-area .team-details-social-icon ul li {
  font-size: 22px;
  color: #041424;
  font-weight: 600;
  margin-top: 49px;
  display: inline-block;
}

.team-details-area .team-details-social-icon ul li i {
  background: #e5e7e9;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  color: #111;
  font-size: 14px;
  margin-left: 7px;
  transition: 0.5s;
}

.team-details-area .team-details-social-icon ul li i:hover {
  background: #ecb636;
  color: #fff;
}

.team-details-area .team-details-location-box {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 46px;
}

.team-details-area .team-details-location-box .contact-info-content p {
  font-size: 17px;
  color: #7a7a7a;
  font-weight: 600;
  margin: 0;
  padding: 0;
  transition: 0.5s;
}

.team-details-area .team-details-skills {
  margin-top: 115px;
}

.team-details-area .team-details-skills h4 {
  font-size: 36px;
  margin: 0 0 49px;
  font-family: "Playfair", serif;
}

.team-details-area .skill {
  margin-bottom: 38px;
  position: relative;
  overflow: hidden;
}

.team-details-area .contact_from_box {
  margin-top: 115px;
}

.team-details-area .form_box input {
  background: transparent;
}

.team-details-area .form_box input {
  border: 1px solid rgba(122, 122, 122, 0.5);
  height: 60px;
  border-radius: 15px;
  padding: 0 23px 0;
  margin-bottom: 21px;
  width: 100%;
  transition: 0.5s;
  font-size: 16px;
  line-height: 26px;
  color: #232323;
  font-weight: 400;
  font-family: "Fira Sans";
}

.team-details-area .form_box textarea {
  background: transparent;
}

.team-details-area .form_box textarea {
  border: 1px solid rgba(122, 122, 122, 0.5);
  outline: 0;
  width: 100%;
  padding: 17px 23px 0;
  height: 150px;
  margin-bottom: 22px;
  transition: 0.5s;
  border-radius: 25px;
  font-size: 16px;
  line-height: 26px;
  color: #232323;
  font-weight: 400;
  font-family: "Fira Sans";
}

.quote_button button {
  background: #ecb636;
  padding: 14px 48px 14px;
  border-radius: 30px;
  transition: 0.5s;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Fira Sans";
  transition: 0.5s;
}

.quote_button button:hover {
  color: #fff;
  background: #232323;
}

.team-details-area input::placeholder {
  color: #232323;
}

.team-details-area textarea::placeholder {
  color: #232323;
}

/* prossesss bar */
.single-skill-box {
  padding: 115px 0 0;
}
.prossess-ber-plugin {
}

h4.skill-title {
  font-size: 36px;
  margin: 0 0 49px;
  font-family: "Playfair", serif;
}

.prossess-ber-plugin span {
  color: #232323;
  font-weight: 500;
  font-size: 18px;
}

.barfiller {
  width: 100%;
  height: 6px;
  background: rgba(0, 37, 112, 0.2);
  position: relative;
  margin-bottom: 25px;
  margin-top: 12px;
  border-radius: 5px;
}

span.fill {
  background: #ecb636 !important;
  border-radius: 5px;
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #232323;
  z-index: 1;
}
.barfiller .tipWrap {
  display: none;
}

.barfiller .tip {
  margin-top: -37px;
  font-size: 18px;
  color: #ecb636;
  font-weight: 500;
  left: 0px;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

/*=========================================
<!--Start Smart Click portfolio details css-->
===========================================*/
.portfolio-details-area {
  padding: 100px 0 100px;
}

.portfolio-details-thumb img {
  width: 100%;
}

.row.portfolio-box-info {
  position: relative;
  border-radius: 10px;
  background-color: #f5f5f5;
  padding: 43px 50px 50px;
  z-index: 1;
  justify-content: center;
  margin: 0;
  margin-top: 40px;
}

.portfolio-details-box p {
  font-size: 16px;
  line-height: 28px;
}

.portfolio-details-box h6 {
  font-size: 16px;
  font-family: "Playfair", serif;
  line-height: 24px;
}

h4.portfolio-details-title {
  font-size: 36px;
  font-family: "Playfair", serif;
  font-weight: 400;
  margin: 48px 0 24px;
}

p.portfolio-details-desc {
  color: #232323;
}

.portfolio-det-title h3 {
  font-size: 36px;
  font-weight: 400;
  margin: 48px 0 24px;
  font-family: "Playfair", serif;
}

p.portfolio-det-desc {
  color: #232323;
}

.portfolio-details-item-images img {
  width: 100%;
}

.portfolio-details-list-item h4 {
  font-size: 28px;
  font-family: "Playfair", serif;
}

.portfolio-details-list-item ul li {
  list-style: none;
  font-size: 17px;
  line-height: 39px;
  color: #232323;
}

.portfolio-details-list-item ul li i {
  display: inline-block;
  color: #ecb636;
  font-size: 19px;
  margin-right: 11px;
  position: relative;
  top: 2px;
}

/*=====================================
 strt Smart-Click faq Accordion css
=======================================*/

.breadcumb-area.style-0 {
  position: relative;
  margin-top: -100px;
}

.tab_container {
  overflow: hidden;
  /* padding: 105px 0 0; */
}

.accordion li {
  list-style: none;
  padding: 0px 0px 20px;
}

.accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
  color: #232323 !important;
  background-color: #f4f0ed;
  border: 2px solid #ffffff;
  padding: 16px 20px 16px 25px;
  z-index: 1;
}

.accordion li a span {
  font-size: 20px;
  color: var(--secondary-color);
  padding: 0 15px 0 0px;
  position: relative;
  z-index: 1;
}

.accordion li a span:before {
  position: absolute;
  content: "";
  top: -8px;
  right: -765px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.30196078431372547);
  border: 2px solid #ffffff;
}

.accordion li p {
  display: none;
  padding: 24px 15px 10px 25px;
  margin: 0;
  background: #f4f0ed;
  overflow: hidden;
  font-family: "DM Sans";
}

.accordion a:before {
  width: 3px;
  height: 15px;
  background: #ecb636;
  position: absolute;
  right: 41px;
  content: " ";
  top: 22px;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
}

.accordion a:after {
  width: 15px;
  height: 3px;
  background: #ecb636;
  position: absolute;
  right: 35px;
  content: " ";
  top: 28px;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

/* Active */
.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out;
  background: #fff;
}
.accordion li a {
  font-size: 16px !important;
}
.accordion a.active:before {
  display: none;
}

.accordion a.active {
  background: #ecb636;
  color: #fff !important;
  border: 2px solid #ecb636;
  font-size: 16px;
}

.accordion li a.active span {
  color: #fff;
}

/* STyle 2 */

.faq-section-1 {
  background: url(../images/home-1/Wedding-bg.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 125px 0 150px;
  position: relative;
  /* padding: 120px 0 120px; */
}
.fa {
  text-align: center;
}

/* Accordion Style 2 */

.accordion2 li {
  list-style: none;
  padding: 0px 0px 25px;
}

.accordion2 li p {
  display: none;
  padding: 24px 15px 30px 25px;
  margin: 0;
  background: #f4f0ed;
  overflow: hidden;
  font-size: 16px;
  font-family: "DM Sans";
  border-top: 0;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/*=========================================
<!--Start Smart Click blog area 2column css-->
===========================================*/
.widget-sidber {
  border-radius: 5px;
  background-color: #f4f4f4;
  padding: 32px 41px 29px;
  margin-bottom: 27px;
}
.widget_search {
  position: relative;
  max-width: 400px;
}

#searchInput {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

#resultBox {
  position: absolute;
  top: 55px;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
  max-height: 300px;
  overflow-y: auto;
  z-index: 999;
}

.result-item {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.result-item:hover {
  background: #f5f5f5;
}

.widget_search {
  position: relative;
  margin-bottom: 30px;
}

.widget_search input {
  border-radius: 4px;
  padding-left: 20px;
  height: 60px;
  width: 100%;
  color: #012549;
  outline: none;
  border: 1px solid #ddd;
}

button.icons {
  border: 0;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 20px;
  color: #1e1e1e;
  background: transparent;
  cursor: pointer;
}

/* Blog Style */
.blog-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.blog-card {
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  transition: 0.3s;
}

.blog-card:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.blog-card h3 {
  margin-bottom: 10px;
}

.blog-card a {
  color: #c59d5f;
  font-weight: bold;
  text-decoration: none;
}

.widget_search {
  position: relative;
}

.widget_search input {
  border-radius: 4px;
  padding-left: 20px !important;
  height: 60px;
  width: 100% !important;
  position: relative;
  color: #012549;
  outline: 0 !important;
  border: transparent !important;
}

button.icons {
  border: 0;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 20px;
  color: #1e1e1e;
  background: transparent;
}

.widget-sidber-content h4 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 46px;
  font-family: "Playfair", serif;
  font-weight: 400;
}

.widget-category ul li {
  list-style: none;
}

.widget-category ul li a {
  padding: 14px 26px;
  width: 100%;
  display: inline-block;
  margin-bottom: 14px;
  color: #001819;
  font-weight: 500;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: 2px solid #ffff;
  text-transform: uppercase;
}

.widget-category ul li a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #ecb636;
  z-index: -1;
  border-radius: 5px;
  transition: 0.5s;
}

.widget-category ul li a:hover:before {
  width: 100%;
  left: 0;
}

.widget-category ul li a:hover {
  color: #fff;
}

.widget-category ul li i {
  color: black;
  display: inline-block;
  float: right;
  font-size: 17px;
  opacity: 0;
  transition: 0.5s;
}

.widget-category ul li a:hover i {
  opacity: 1;
  color: #fff;
}
.sidber-widget-recent-post {
  margin-bottom: 27px;
  display: flex;
  align-items: center;
  gap: 19px;
}

.recent-widget-content a {
  transition: 0.5s;
  width: 95%;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
}

.recent-widget-content a:hover {
  color: #ecb636;
}

.recent-widget-content p {
  font-size: 14px;
  margin: 0;
  color: #ecb636;
  text-transform: uppercase;
}

.widget-catefories-tags a {
  display: inline-block;
  color: #101010;
  font-weight: 500;
  background: #fff;
  padding: 6px 17px;
  margin: 6px 3px;
  position: relative;
  z-index: 1;
  font-size: 15px;
}

.widget-catefories-tags a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #ecb636;
  transition: 0.5s;
  z-index: -1;
}

.widget-catefories-tags a:hover {
  color: #fff;
}

.widget-catefories-tags a:hover:before {
  width: 100%;
  left: 0;
}

/* comments box */
.sidebar__comments {
  position: relative;
  display: block;
  color: #fff;
  background-color: #f2f3f5;
  padding: 46px 50px 43px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 400;
  font-family: "Playfair", serif;
}

.sidebar__comments .sidebar__title {
  margin-bottom: 25px;
}

.sidebar__comments-list {
  position: relative;
  display: block;
}

.sidebar__comments-list li + li {
  margin-top: 23px;
}

.sidebar__comments-list li {
  position: relative;
  display: block;
  padding-left: 65px;
  color: #fff;
}

.sidebar__comments-icon {
  height: 45px;
  width: 45px;
  background-color: #ecb636;
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidebar__comments-text-box p {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
  color: #232323;
}

.sidebar__comments-text-box h5 {
  font-family: "Playfair", serif;
  font-weight: 400;
  font-size: 18px;
}

/*---=====================================================
<!-- Start Smart Click blog details css-->
=========================================================---*/
.blog-details-area {
  padding: 119px 0 119px;
  background: #f4f0ed;
}

.blog-details-thumb {
  overflow: hidden;
}
.kyk img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 15px;
}

.blog-details-area span.mate-text {
  padding-left: 36px;
  position: relative;
}

.blog-details-area .meta-blog span {
  display: inline-block;
  margin-right: 28px;
  font-weight: 500;
}

.blog-details-content span.mate-text {
  display: inline-block;
  color: #232323;
}

span.mate-comment {
  display: inline-block;
  color: #232323;
  margin-left: 20px;
}

span.mate-text i,
span.mate-comment i {
  display: inline-block;
  margin-right: 10px;
}

.blog-details-thumb img {
  width: 100%;
  transition: 0.5s;
  height: 600px;
  object-fit: cover;
  border-radius: 10px;
}
.blog-details-thumb img:hover {
  transform: scale(1.2);
}

.blog-details-content {
  padding: 27px 36px 20px;
  border: 1px solid #2222;
}

.blog-details-area .meta-blog span {
  display: inline-block;
  margin-right: 28px;
  font-weight: 500;
}

.blog-details-area span.mate-text {
  padding-left: 36px;
}

.blog-details-area .meta-blog i {
  display: inline-block;
  color: #ecb636;
  padding-right: 9px;
}

.blog-details-area .meta-blog img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

h4.blog-details-title {
  font-size: 32px;
  margin: 12px 0 19px;
  font-family: "Playfair", serif;
}

p.blog-details-desc {
  font-size: 17px;
  margin-bottom: 25px;
  color: #232323;
}

.blog-details-author-talk {
  display: flex;
  gap: 26px;
  background: #f4f4f4;
  padding: 41px 30px 40px;
  margin-top: 48px;
  border-radius: 10px;
  position: relative;
}

.blog-details-quote i {
  display: inline-block;
  color: #fff;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #ecb636;
  border-radius: 50%;
}

.blog-details-quote img {
  position: relative;
  top: 8px;
}

.blog-details-author-title p {
  font-size: 20px;
  font-style: italic;
  line-height: 30px;
  color: #001819;
}

.blog-details-quote img {
  position: relative;
  top: 8px;
  color: #001819;
}

.blog-details-author-title span {
  margin-left: 58px;
  display: inline-block;
  color: #001819;
  position: relative;
}

.blog-details-author-title span:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  left: -58px;
  top: 12px;
  background: #ecb636;
}

h3.blog-details-title {
  font-size: 28px;
  margin: 54px 0 16px;
  font-family: "Playfair", serif;
  font-weight: 400;
}

p.blog-details-desc.two {
  width: 95%;
}

.blog-details-list-item {
  margin-bottom: 40px;
}

.blog-details-list-item ul li {
  margin-bottom: 10px;
  font-size: 17px;
}

.blog-details-list-item ul li {
  list-style: none;
}

.blog-details-list-item ul li i {
  display: inline-block;
  color: #ecb636;
  font-size: 18px;
  margin-right: 16px;
}

h3.blog-details-title.two {
  font-size: 28px;
  margin: 38px 0 16px;
  font-family: "Playfair", serif;
  font-weight: 400;
}

.blog-details-comment-title h4 {
  font-size: 28px;
  margin: 20px 0 28px;
  font-family: "Playfair", serif;
  font-weight: 400;
}

.blog-details-comment.style-two {
  margin-left: 105px;
}

.blog-details-comment {
  margin-bottom: 19px;
  position: relative;
  border: 1px solid #22222214;
  padding: 29px 29px 25px;
}

.blog-details-comment-reply {
  position: absolute;
  right: 22px;
  top: 21px;
}

.blog-details-comment-reply a {
  background: #ecb636;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 2px;
  display: inline-block;
}

.blog-details-comment-thumb {
  float: left;
  margin-right: 30px;
}

.blog-details-comment-content {
  overflow: hidden;
}

.blog-details-comment-content span {
  display: inline-block;
  color: #232323;
}

.blog-details-comment-content h2 {
  font-size: 20px;
  margin-top: 0;
  display: inline-block;
  margin-right: 30px;
  font-family: "Playfair", serif;
  font-weight: 400;
}

.blog-details-comment-content p {
  font-size: 15px;
  margin: 13px 0 0;
  color: #232323;
}

p.blog-details-desc.three {
  width: 100%;
}

.blog-details-socila-box {
  border: 1px solid #2222;
  border-top: transparent;
  padding: 19px 35px 18px;
  border-radius: 0 0 5px 5px;
}

.blog-details-category span a {
  display: inline-block;
  background: #f4f4f4;
  padding: 6px 16px;
  font-weight: 500;
  color: #001819;
  border-radius: 3px;
  margin-right: 7px;
  transition: 0.5s;
}

.blog-details-category span a:hover {
  background: #ecb636;
  color: #fff;
}

.blog-details-category span a.active-class {
  background: #ecb636;
  color: #fff;
}

.blog-details-social-icon {
  text-align: right;
}

.blog-details-social-icon ul li {
  display: inline-block;
}

.blog-details-social-icon ul li i {
  display: inline-block;
  background: #ecb636;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  font-size: 13px;
  margin-left: 5px;
}

.blog-details-social-icon ul li:nth-child(2) i {
  background: #00aff5;
}

.blog-details-social-icon ul li:nth-child(3) i {
  background: #000;
}

.blog-details-social-icon ul li:nth-child(4) i {
  background: #b7071c;
}

/* details form */
.blog-details-contact-title h4 {
  font-size: 23px;
  font-weight: 600;
  padding-bottom: 31px;
  font-family: "Playfair", serif;
}

.blog-details-area .contact-input-box input {
  background: #fff;
  border: transparent;
  width: 100%;
  height: 60px;
  padding: 22px;
  outline: 0;
  margin-bottom: 11px;
}

.blog-details-area .contact-input-box textarea {
  background: #fff;
  border: transparent;
  width: 100%;
  height: 170px;
  padding: 12px 22px 0;
  outline: 0;
  margin-top: 11px;
  margin-bottom: 20px;
}

.blog-details-area input::placeholder {
  color: #232323;
}

.input-check-box span {
  font-size: 15px;
  margin-left: 7px;
  color: #232323;
}

.blog-details-submi-button button {
  background: #ecb636;
  color: #fff;
  text-transform: uppercase;
  border: transparent;
  padding: 12px 26px;
  font-size: 15px;
  margin-top: 34px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: 2px solid #ecb636;
  border-radius: 5px;
  font-weight: 500;
}

.blog-details-submi-button button:hover {
  color: #ecb636;
}

.blog-details-submi-button button:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #fff;
  transition: 0.5s;
  z-index: -1;
  border-radius: 5px;
}

.blog-details-submi-button button:hover:before {
  width: 100%;
  left: 0;
}

/* post  inner page  */
.tap-widget {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  transition: 0.4s;
}

.tap-widget:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

/* Heading Playfair */
.tap-title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
}

.tap-title:after {
  content: "";
  width: 50px;
  height: 3px;
  background: #ecb636;
  position: absolute;
  bottom: -8px;
  left: 0;
}

/* Search */
.tap-search {
  width: 100%;
  height: 55px;
  padding: 0 15px;
  border-radius: 6px;
  border: 1px solid #eee;
  background: #fafafa;
  transition: 0.3s;
}

.tap-search:focus {
  border-color: #ecb636;
  outline: none;
  background: #fff;
}

/* Posts */
.tap-post {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  transition: 0.3s;
}

.tap-post img {
  width: 70px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  margin-right: 12px;
}

.tap-post:hover {
  transform: translateX(6px);
}

/* Gallery */
.tap-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.tap-gallery img {
  object-fit: cover;
  width: 100%;
  border-radius: 6px;
  transition: 0.4s;
  height: 130px;
}
.gallery-row {
  margin: 25px 0 40px;
}

.gallery-img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 6px;
  transition: 0.4s;
}

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

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

/* Services */
.tap-services a {
  display: block;
  padding: 10px 14px;
  margin-bottom: 8px;
  background: #f7f7f7;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

.tap-services a:hover {
  background: #ecb636;
  color: #fff;
  transform: translateX(6px);
}

/*---=====================================================
<!--Start Smart Click service details css-->
=========================================================---*/
.service-details-area {
  padding: 100px 0 100px;
}

.services-details-thumb {
  position: relative;
}

.services-details-thumb::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(34, 32, 71, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.services-details-thumb img {
  width: 100%;
}

.service-video-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  z-index: 9;
}

.service-video-icon a {
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 83px;
  height: 83px;
  border-radius: 83px;
  line-height: 93px;
  text-align: center;
  font-size: 30px;
  -webkit-animation: spineerb 2s infinite;
  animation: spineerb 2s infinite;
}

.services-details-content h4 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
  font-family: "Playfair", serif;
}

p.services-details-desc {
  color: #232323;
}

.service-detalis-text-box h4 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 500;
  font-family: "Playfair", serif;
}

.service-details-content h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "Playfair", serif;
}

.service-details-content p {
  color: #232323;
}

.service-details-content {
  margin-bottom: 30px;
  padding: 26px;
  border: 1px solid #ebebeb;
}

p.details-desc,
.service-details-des {
  color: #232323;
  margin: 20px 0;
}

.widget-instagram ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.widget-instagram img {
  width: 100%;
}

/*============================
/* Scroll Up Css 
==============================*/

#progress {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  position: fixed;
  bottom: 25px;
  right: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: grid;
  place-items: center;
  z-index: 99999;
  cursor: pointer;
}

.progress.hide {
  display: none !important;
  transition: 0.5s !important;
}

#progress-value {
  display: block;
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 20px;
  color: var(--primary-color);
}

#container {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/* Start  Curser pointer CSS */

/* Outer ring */
.cursor {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border 0.25s ease;
  z-index: 9999;
  mix-blend-mode: difference;
}

/* Center dot */
.cursor-dot {
  position: fixed;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease;
  z-index: 9999;
}

/* Hover grow */
.cursor.hover {
  transform: translate(-50%, -50%) scale(2.3);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid #fff;
}

.cursor-dot.hover {
  transform: translate(-50%, -50%) scale(1.5);
}

/* End curser point */

/*===========================
<-- Smart-Clickro Loader Css -->
=============================*/
/* Full Screen Background */
.preloader-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Center Box */
.preloader-box {
  position: relative;
  width: 260px;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Logo (Force Straight) */
.preloader-logo {
  width: 180px;
  height: auto;
  position: relative;
  z-index: 2;
  transform: rotate(0deg) !important;
}

/* Gold Ring */
.preloader-ring {
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top: 4px solid #d4af37;
  border-right: 4px solid #d4af37;
  animation: preloaderSpin 2s linear infinite;
}

/* Second Ring for Premium Look */
.preloader-ring::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  top: 16px;
  left: 16px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-bottom: 2px solid #d4af37;
  border-left: 2px solid #d4af37;
  animation: preloaderSpinReverse 3s linear infinite;
}

/* Animations */
@keyframes preloaderSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes preloaderSpinReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

/* Ring animation */
.object {
  border-radius: 50%;
  position: absolute;
  border-top: 4px solid #d4af37;
  border-left: 4px solid #d4af37;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  animation: animate 2s infinite ease-in-out;
}

#object_one {
  left: 90px;
  top: 90px;
  width: 80px;
  height: 80px;
}

#object_two {
  left: 75px;
  top: 75px;
  width: 110px;
  height: 110px;
  animation-delay: 0.15s;
}

#object_three {
  left: 60px;
  top: 60px;
  width: 140px;
  height: 140px;
  animation-delay: 0.3s;
}

#object_four {
  left: 45px;
  top: 45px;
  width: 170px;
  height: 170px;
  animation-delay: 0.45s;
}

/* Animations */
@keyframes animate {
  50% {
    transform: rotate(360deg) scale(0.85);
  }
}

@keyframes logoFade {
  0%,
  100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}

/* whtsahp */
.side-actions {
  position: fixed;
  right: 0;
  top: 38%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: "Poppins", sans-serif;
}

/* Common Button */
.side-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding: 20px 16px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-radius: 12px 0 0 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* WhatsApp */
.side-btn.whatsapp {
  background: linear-gradient(180deg, #25d366, #1ebe5d);
}

/* Call */
.side-btn.call {
  background: linear-gradient(180deg, #ffb347, #f39c12);
  animation: callPulse 2.2s infinite;
}

/* Icons */
.side-btn i {
  font-size: 18px;
}

/* Hover animation */
.side-btn:hover {
  padding-top: 30px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  color: white;
}

/* Subtle shine effect */
.side-btn::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transition: all 0.6s ease;
}

.side-btn:hover::after {
  top: 100%;
}

/* Call pulse animation */
@keyframes callPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(243, 156, 18, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(243, 156, 18, 0);
  }
}

/* Mobile tweak */
@media (max-width: 768px) {
  .side-actions {
    top: auto;
    bottom: 25%;
  }

  .side-btn {
    font-size: 14px;
    padding: 18px 14px;
  }
}

/* services deatailed page  */
.why-deat-heading {
  text-align: center;
  margin-bottom: 40px;
}

.why-deat-heading h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.why-deat-heading p {
  color: #666;
}

.why-deat-list {
  margin: auto;
  list-style: none;
  padding: 0;
  color: #232323;
}

.why-deat-list li {
  padding: 12px 0;
  font-size: 18px;
  /* border-bottom: 1px solid #eee; */
}

.why-deat-list li::before {
  content: "✔";
  color: #ff7a00;
  margin-right: 10px;
}

.why-deat-section {
  padding: 30px 0;
}

/* .why-deat-wrapper {
                  display: flex;
                  gap: 30px;
                  justify-content: center;
                  align-items: center;
                } */

.eses {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius:20px ;
}

.why-deat-img img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.wedding-thumb img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 10px;
}
.thum-img-gallery {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* banenr */

.bithaday-page-img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.st{
  margin-top: 20px;
}
.bld{
  font-weight: 600;
      margin-bottom: 15px;
}
.video-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}

.op iframe{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.blog-post-ban{
  text-align: center;
  
}
.blog-post-ban h1{
    font-size: 46px;
    color: white;

}
.golden-link{
    color:#D4AF37;
    font-weight:600;
    text-decoration:none;
}

.golden-link:hover{
    color:#b8962e;
    text-decoration:underline;
}
.wedding-vows{
    font-size:18px;
    line-height:1.8;
    color:#444;
}

.wedding-vows li{
    margin-bottom:10px;
}

/* SECTION */
.home-video-section {
  padding: 90px 20px;
  background: #ffffff;
}

/* HEADING */
.section-header h2 {
  font-size: 34px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
}

.section-header p {
  color: #666;
  max-width: 600px;
  margin: 0 auto 50px;
  font-size: 15px;
  line-height: 1.7;
}

/* CARD */
.video-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.4s ease;
  border: 1px solid #eee;
}

/* HOVER (SUBTLE LUXURY) */
.video-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* VIDEO */
.video-thumb iframe {
  width: 100%;
  height: 230px;
  border: none;
}

/* CONTENT */
.video-content {
  padding: 22px;
}

.video-content h4 {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  margin-bottom: 8px;
}

.video-content p {
  font-size: 15px;
      font-family: 'Playfair';
  color: #777;
  line-height: 1.7;
   
}

/* SPACING */
.home-video-sec {
  margin-bottom: 30px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .video-thumb iframe {
    height: 200px;
  }
}

.counter-section {
  padding: 80px 0;
  background: #f8fafc;
}

.counter-box {
  text-align: center;
  padding: 30px 20px;
  border-right: 1px solid #e2e8f0;
}

.counter-box:last-child {
  border-right: none;
}

.counter-box h2 {
  font-size: 42px;
  font-weight: 700;
  color: #0f172a;
  display: inline-block;
}

.counter-box .plus {
  font-size: 28px;
  font-weight: 600;
  color: #dc2626;
  margin-left: 3px;
}

.counter-box p {
  margin-top: 10px;
  font-size: 16px;
  color: #64748b;
  letter-spacing: 0.5px;
}

/* subtle hover (professional) */
.counter-box:hover {
  transform: translateY(-3px);
  transition: 0.3s ease;
}