/* ========= header ========= */
header {
  background: #0f0607;
}
header .top-header {
  background: #0f0607;
}
header .main-top-header {
  display: flex;
  margin: 0 auto;
  /* background: #630330; */
  border: none;
  padding: 10px 20px;
  color: #fff;
  /* display: block; */
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
header .main-top-header .header-details {
  display: flex;
  gap: 20px;
  width: 70%;
  justify-content: end;
}
header .main-top-header .logo {
  width: 30%;
}
header .main-top-header .logo a {
  display: flex;
}
header .main-top-header .logo img {
  width: 160px;
}
header .main-top-header .item {
  display: flex;
  align-items: center;
  gap: 10px;
}
header .main-top-header .item-title {
  display: block;
  color: #fff;
}
header .main-top-header .item-content {
  color: #a9a9a9;
}
header .main-top-header .item-icon {
  padding: 20px;
  background-color: #e7bf62;
  display: flex;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 26px;
  justify-content: center;
}
header .main-bottom-header {
  background-color: #ff69b3;
  padding: 12px 14px;
  margin-bottom: -40px;
  position: relative;
  z-index: 9;
  border-radius: 10px;
}
header .main-bottom-header ul {
  display: flex;
  justify-content: space-between;
}
header .main-bottom-header a {
  font-family: "raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 1px;
}
header .main-bottom-header .main-dropdown {
  position: relative;
}
header .main-bottom-header .dropdown {
  width: 250px;
  position: absolute;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  gap: 15px;
  transform: translateY(50px);
  transition: all 0.2s linear;
  visibility: hidden;
  z-index: 99;
}
header .main-bottom-header .dropdown li a {
  display: block;
  color: #000;
}
header .main-bottom-header .main-dropdown:hover {
  color: #630330;
}
header .main-bottom-header .main-dropdown:hover .dropdown {
  transform: translateY(0px);
  visibility: visible;
}
header a {
  color: #000;
}

.phone-header {
  display: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero-section {
  position: relative;
}
.hero-section .item {
  position: relative;
  padding: 250px 0px 200px;
}
.hero-section .item .banner-image {
  display: flex;
}
.hero-section .item .banner-image img {
  width: 100%;
}
.hero-section .item .banner-content {
  color: #000000;
  width: 60%;
}
.hero-section .item .banner-content .banner-tagline {
  padding: 8px 30px;
  display: inline-block;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.4666666667);
  margin-bottom: 19px;
}
.hero-section .item .banner-content .banner-title {
  font-size: 50px;
  line-height: 1.3;
  color: #fff;
}
.hero-section .item .banner-content .primary-btn {
  margin-top: 20px;
}
.hero-section .slider-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../uploads/banner/slider-1.jpg);
  background-position: center;
  background-size: cover;
}
.hero-section .slider-2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../uploads/banner/slider-2.jpg);
  background-position: center;
  background-size: cover;
}
.hero-section .slider-3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../uploads/banner/slider-3.jpg);
  background-position: center;
  background-size: cover;
}
.hero-section .slider-4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../uploads/banner/slider-4.jpg);
  background-position: center;
  background-size: cover;
}
.hero-section .owl-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.hero-section .owl-nav button span {
  display: inline-block;
  background-color: rgba(var(--floens-white-rgb, 255, 255, 255), 0.2);
  font-size: 36px;
  padding: 10px;
  color: #fff;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.our-services {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../uploads/banner/about-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.our-services .services-heading {
  text-align: center;
}
.our-services .services-heading img {
  width: 300px;
}
.our-services .main-services {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
  margin-top: 50px;
  row-gap: 50px;
}
.our-services .item {
  border-radius: 100%;
  overflow: hidden;
}
.our-services .item .img-box {
  display: flex;
  overflow: hidden;
}
.our-services .item .img-box img {
  transition: all 0.2s linear;
}
.our-services .item .item-content {
  position: relative;
}
.our-services .item .item-content h5 {
  position: relative;
  left: 0;
  bottom: 50px;
  text-align: center;
  display: block;
  width: 100%;
  background: url(../uploads/icon/icon-01.webp) center/100% 60% no-repeat;
  min-height: 65px;
  margin-top: 0;
  padding: 36px 0;
  font-size: 28px;
  color: #000;
}
.our-services .item .item-content a {
  color: #000;
}
.our-services .item .item-content .view {
  position: absolute;
  top: 0;
  left: 40%;
  margin-top: 30px;
  display: block;
}
.our-services .item .item-content .view a {
  display: block;
  font-size: 18px;
}
.our-services .item:hover img {
  transform: scale(1.05);
}

/*--------------------------------------------------------------
# CTA Section
--------------------------------------------------------------*/
.cta-section {
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../uploads/banner/cta-banner.jpg);
  background-position: center;
  background-size: cover;
  padding: 80px 0px 0px;
}
.cta-section .main-cta {
  display: flex;
  align-items: center;
  gap: 70px;
}
.cta-section .main-cta .image-box img {
  width: 300px;
}
.cta-section .main-cta .content-box {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cta-section .main-cta .content-box .cta-btn {
  display: flex;
  align-items: center;
  gap: 30px;
}
.cta-section .main-cta .content-box .cta-btn .btn-img img {
  width: 60px;
  margin-top: -40px;
}
@media (max-width: 600px) {
  .cta-section .main-cta .content-box .cta-btn .btn-img {
    display: none;
  }
}
@media (max-width: 450px) {
  .cta-section .main-cta .content-box .cta-btn {
    flex-direction: column;
    gap: 0;
    align-items: self-start;
  }
}
.cta-section .main-cta .img-box {
  position: relative;
  width: 60%;
  text-align: end;
  margin-bottom: -100px;
}
.cta-section .main-cta .img-box .img-1 {
  width: 60%;
}
.cta-section .main-cta .img-box span {
  position: absolute;
  top: -36px;
  left: 40%;
}
.cta-section .main-cta .img-box span img {
  width: 100px;
}
.cta-section .groupon-btn img {
  width: 200px;
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about-section {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../uploads/banner/about-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  padding: 180px 0px 80px;
}
.about-section .main-about {
  display: flex;
  gap: 40px;
}
.about-section .main-about .img-box {
  width: 50%;
  text-align: center;
}
.about-section .main-about .img-box img {
  width: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(34, 34, 34, 0.2588235294);
}
.about-section .main-about .about-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-section .main-about .about-content .tagline {
  font-size: 18px;
  color: #630330;
}
.about-section .main-about .about-content .primary-btn {
  margin-top: 20px;
}

/*--------------------------------------------------------------
# gallery Section
--------------------------------------------------------------*/
.gallery {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../uploads/banner/about-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  padding: 20px;
}
.gallery .item {
  overflow: hidden;
  border-radius: 10px;
}
.gallery .item img {
  transition: all 0.2s ease-in-out;
}
.gallery .item:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
}

.newslatter {
  padding: 50px 0;
  background: url(../uploads/banner/news-banner.jpg);
  background-position: center;
  background-size: cover;
}
.newslatter .main-newlatter {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 40px;
}
.newslatter .main-newlatter h3 {
  font-size: 50px;
}
.newslatter .tagline {
  font-size: 18px;
}
.newslatter .latter-form form {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0;
}
.newslatter .latter-form form input[type=email] {
  width: 300px;
  padding: 12px 20px;
  font-size: 18px;
  border-radius: 0px;
}
.newslatter .latter-form form input[type=submit] {
  padding: 13px 25px;
  font-size: 18px;
  cursor: pointer;
  background-color: #0f0607;
  border: none;
  color: #fff;
  border-radius: 0px;
}

/* ======== footer ====== */
footer {
  background: #0f0607;
}
footer .top-header {
  padding: 50px 0px 30px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  border-bottom: 1px solid rgba(204, 204, 204, 0.3490196078);
}
footer .top-header ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
footer .top-header ul a {
  font-size: 18px;
}
footer .top-header a {
  color: #fff;
}
footer .top-header i {
  margin-right: 15px;
  color: #e7bf62;
  font-size: 20px;
}
footer .top-header .footer-contact ul li a {
  display: flex;
  align-items: center;
}
footer .top-header .social-media {
  margin-top: 20px;
  font-size: 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}
footer .top-header .social-media img {
  width: 42px;
}
footer .bottom-footer {
  background: #000000;
  padding: 10px 0px 70px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
footer .bottom-footer a {
  color: #ffffff;
}

.connect-details {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background: linear-gradient(135deg, #ffccff, #ff99cc);
  /* background-color: #FF69B3; */
  padding: 10px 0px;
}
.connect-details .main-connect {
  display: flex;
  justify-content: space-between;
}
.connect-details .item a {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  color: #ffffff;
  gap: 10px;
  padding: 5px 15px;
  background: #e7bf62;
  border-radius: 10px;
  box-shadow: 4px 5px 5px rgba(50, 50, 50, 0.5607843137);
}
.connect-details .item a .icon {
  display: flex;
}
.connect-details .item a img {
  width: 36px;
  border-radius: 50%;
}
.connect-details .item a .text {
  font-size: 16px;
  color: #000000;
}

.whatsapp {
  display: inline-block;
  animation: float 3s ease-in-out infinite;
  /* 3 seconds, infinite loop */
  transition: transform 0.3s ease-in-out;
  position: fixed;
  bottom: 100px;
  right: 15px;
  z-index: 999;
}
.whatsapp img {
  width: 70px;
}

/* Floating animation */
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.whatsapp:hover a {
  transform: scale(1.1);
  /* Slight scale on hover for effect */
}

/* ============= inner pages =========== */
.services-group .main-service-group {
  display: flex;
  gap: 30px;
}
.services-group .services-name {
  width: 30%;
}
.services-group .services-name ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background-color: #e7bf62;
  border-radius: 15px;
  position: sticky;
  top: 20px;
}
.services-group .services-name li a {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #5b5b5b;
  color: #000000;
  text-transform: uppercase;
}
.services-group .service-price {
  padding: 20px;
  background-color: #e7bf62;
  border: 1px solid #b8933e;
  border-radius: 15px;
  margin-bottom: 30px;
}
.services-group .service-price ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.services-group .service-price li {
  width: 31.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #b8933e;
}
.services-group .service-price .list-price {
  font-size: 18px;
  font-weight: 600;
}
.services-group .service-dec {
  width: 70%;
}
.services-group .faq-items {
  width: 100%;
  margin-top: 30px;
}
.services-group .service-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.services-group .service-title {
  background-color: #f7f7f7;
  padding: 15px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.services-group .faq-icon {
  transition: transform 0.3s ease;
}
.services-group .service-title.active .faq-icon {
  transform: rotate(180deg);
}
.services-group .service-item-dec {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  padding: 0 15px;
  background-color: #fff;
}
.services-group .service-item-dec p {
  font-size: 16px;
}
.services-group .service-title.active + .service-item-dec {
  max-height: 500px;
  /* Adjust this value depending on your content's height */
  padding-top: 15px;
  padding-bottom: 15px;
}

/* ============== gallery-page ============ */
.gallery-page .gallery-items {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
}
.gallery-page .gallery-group {
  margin-top: 50px;
}
.gallery-page .gallery-group h3 {
  background-color: #e7bf62;
  text-align: center;
  font-size: 42px;
}
.gallery-page .gallery-img {
  overflow: hidden;
  display: flex;
  border-radius: 10px;
}
.gallery-page .gallery-img img {
  transition: all 0.2s ease-in-out;
}
.gallery-page .gallery-img:hover img {
  transform: scale(1.1);
}
.gallery-page .gallery-btn {
  margin-top: 40px;
  text-align: center;
}

.about-page .about-section {
  padding: 80px 0px;
}

/* ======== blog page ====== */
#blog-page .inner-page {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../uploads/banner/about-inner-banner.webp);
}
#blog-page .main-blog {
  background: #eaf0f5;
}
#blog-page .blogs {
  display: flex;
  gap: 40px;
}
#blog-page .blog-date {
  font-size: 16px;
}
#blog-page .blog-grid {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  grid-gap: 20px;
  align-items: stretch;
}
#blog-page .blog-grid .items {
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 15px;
  transition: all 0.2s linear;
}
#blog-page .blog-grid .items .item-blog-dec {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#blog-page .blog-grid .items a {
  color: #000;
}
#blog-page .blog-grid .items .blog-img {
  overflow: hidden;
  border-radius: 10px;
  display: flex;
}
#blog-page .blog-grid .items .blog-img img {
  transition: all 0.2s linear;
}
#blog-page .blog-grid .items:hover img {
  transform: scale(1.1);
}
#blog-page .blog-grid .items:hover {
  box-shadow: 0 0 20px 0 rgba(13, 38, 60, 0.1803921569);
}
#blog-page .blog-side-bar {
  width: 30%;
}

.blog-side-bar {
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #ccc;
}
.blog-side-bar .recent-posts {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 2px solid #ff0082;
}
.blog-side-bar .recent-posts ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.blog-side-bar .recent-posts ul li {
  gap: 20px;
}
.blog-side-bar .recent-posts .entry-image {
  width: 250px;
  display: flex;
  border-radius: 5px;
}
.blog-side-bar .recent-posts .entry-image a {
  display: flex;
}
.blog-side-bar .recent-posts .entry-image img {
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-side-bar .recent-posts .entry-title {
  margin-top: 8px;
}
.blog-side-bar .recent-posts .entry-title p {
  line-height: 18px;
}
.blog-side-bar .recent-posts .entry-title p a {
  color: #000;
  font-size: 16px;
}
.blog-side-bar .recent-posts h6 {
  font-size: 16px;
}

#blog-detail-page .detail-page {
  background: #eaf0f5;
}
#blog-detail-page .main-detail-page {
  display: flex;
  gap: 20px;
}
#blog-detail-page .single-blog-content {
  width: 70%;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#blog-detail-page .blog-side-bar {
  width: 30%;
}

/*--------------------------------------------------------------
# Contact Us Page
--------------------------------------------------------------*/
form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #f7f7f7;
  padding: 50px 35px;
  border-radius: 10px;
  box-shadow: 1px 1px 12px rgba(137, 137, 137, 0.3098039216);
}
form .box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
form .group-box {
  display: flex;
  gap: 20px;
}
form .group-box .box {
  width: 50%;
}
form input,
form textarea,
form select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: none;
}
form input[type=submit] {
  background: #ff0082;
  width: 170px;
  font-size: 18px;
  color: #fff;
  padding: 13px 0px;
  cursor: pointer;
}

#contact-page {
  background: url(../uploads/other/about-background.png);
  background-color: #fff3f5;
}
#contact-page .main-contact {
  display: flex;
  gap: 30px;
}
#contact-page .contact-details {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#contact-page .contact-details .item a {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 18px;
  color: #1c1c1c;
}
#contact-page .contact-details .item .item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #e7bf62;
}
#contact-page .contact-details .item .item-icon i {
  color: #fff;
  font-size: 22px;
}
#contact-page .contact-details .business-hours {
  margin-top: 30px;
}
#contact-page .contact-details .business-hours ul {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#contact-page .contact-details .business-hours ul li {
  font-size: 18px;
}
#contact-page .contact-form {
  width: 50%;
}
#contact-page .contact-map {
  display: flex;
}
#contact-page .contact-map iframe {
  width: 100%;
  height: 350px;
}

#career-page .main-career {
  display: flex;
  gap: 40px;
  align-items: center;
}
#career-page h2 {
  text-align: center;
}
#career-page .career-img {
  width: 50%;
}
#career-page .career-img img {
  border-radius: 15px;
  box-shadow: 0px 0px 12px #ccc;
}
#career-page .career-form {
  width: 50%;
}

.hide {
  display: none;
}

.inner-banner h3,
h2 {
  font-size: 60px !important;
}

.map-section {
  display: flex;
}
.map-section iframe {
  width: 100%;
}/*# sourceMappingURL=style.css.map */

.black{ color:#000; font-size: 28px; }


.suspend-sec {
  position: fixed;
  top: 175px;
  z-index: 999;
  background: #fff;
  width: 100%;
  padding: 20px 30px;
  text-align:center;
}

.content-sec-suspend h2{ color:red; font-size:25px;}
.content-sec-suspend p{ color:#000;}
/*.logo-sec img{ width:16%;}*/