:root {
  --skyblue: #38bdf8;
  --soft-pink: #f9a8d4;
  --soft-orange: #fdba74;
  --dark: #0f172a;
  --muted: #6b7280;
  --light-bg: #f9fafb;
  --gradient-main: linear-gradient(135deg, #02a9f3, #fb35a0, #f5840e);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--dark);
  background-color: #ffffff;
}

/* Top Bar */
.top-bar {
  background: linear-gradient(135deg, #8bdbff, #f791c8, #f5840e);
  font-size: 0.85rem;
}

.top-bar span {
  color: var(--dark);
}

.top-bar .social-icons a {
  color: var(--dark);
  font-size: 1rem;
}

/* Navbar / Header */
.navbar {
  transition: all 0.3s ease;
}

.navbar-brand {
  font-family: "Playfair Display", serif;
}

.brand-logo span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--gradient-main);
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}

.brand-title {
  font-weight: 700;
  font-size: 1.1rem;
}

.brand-subtitle {
  font-size: 0.75rem;
  color: var(--muted);
}

.nav-link {
  font-weight: 500;
  margin: 0 0.25rem;
}

.nav-link.active,
.nav-link:hover {
  color: var(--skyblue) !important;
}

/* Hero / Carousel */
.hero-section {
  position: relative;
}

.hero-section .carousel,
.hero-section .carousel-inner,
.hero-section .carousel-item {
  height: calc(100vh - 120px);
  min-height: 420px;
}

.hero-slide {
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* Slide 1 */
.hero-slide-1 {
  background:
    radial-gradient(circle at bottom left, rgb(63 62 61 / 50%), transparent 55%), radial-gradient(circle at top right, rgb(151 154 155 / 50%), transparent 55%), 
    url("../img/slider1.png"); /* your image here */

  background-size: auto, auto, cover;
  background-position: top left, bottom right, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

/* Slide 2 */
.hero-slide-2 {
  background:
  radial-gradient(circle at bottom left, rgb(63 62 61 / 50%), transparent 55%), radial-gradient(circle at top right, rgb(151 154 155 / 50%), transparent 55%), 
    url("../img/slider2.png"); /* your image here */

  background-size: auto, auto, cover;
  background-position: bottom left, top right, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

/* Slide 3 */
.hero-slide-3 {
  background:
    radial-gradient(circle at center, rgba(0,0,0,0.15), transparent 60%),
    url("../img/slider3.png"); /* your image here */

  background-size: auto, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}


.hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.3rem, 3.5vw, 3.3rem);
  font-weight: 700;
  line-height: 1.2;
}

.hero-title span {
  color: #fffbea;
}

.hero-text {
  max-width: 650px;
  margin-top: 1rem;
  font-size: 1rem;
}

.hero-actions .btn {
  margin-top: 1.2rem;
}

/* Gradient Button */
.btn-gradient {
  background-image: var(--gradient-main);
  border: none;
  color: #ffffff;
  font-weight: 600;
  padding-inline: 1.2rem;
}

.btn-gradient:hover {
  opacity: 0.92;
  color: #ffffff;
}

/* General Sections */
.section-padding {
  padding: 4.5rem 0;
}

.bg-soft {
  background: radial-gradient(circle at top left, rgba(249,168,212,0.08), transparent 55%),
              radial-gradient(circle at bottom right, rgba(56,189,248,0.09), transparent 60%),
              #fdfdfd;
}

.section-label {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  background: rgba(56,189,248,0.1);
  color: var(--skyblue);
  margin-bottom: 0.7rem;
  font-weight: 600;
}

.section-title {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.section-title span {
  background: var(--gradient-main);
  -webkit-background-clip: text;
  color: transparent;
}

.text-muted {
  color: var(--muted) !important;
}

/* Icon Boxes */
.icon-box {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1rem 1.1rem;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.icon-box i {
  font-size: 1.6rem;
  color: var(--skyblue);
  margin-bottom: 0.4rem;
}

/* About Card */
.about-card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(56,189,248,0.12), rgba(249,168,212,0.2));
  padding: 2.2rem 1.6rem 2rem;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
}

.about-badge {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  background: #ffffff;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted);
}

.about-main h3 {
  font-family: "Playfair Display", serif;
  margin-bottom: 0.6rem;
}

.about-main ul li {
  font-size: 0.9rem;
  color: var(--dark);
  margin-bottom: 0.25rem;
}

.about-main ul li i {
  color: var(--soft-orange);
  margin-right: 0.35rem;
}

/* Services */
.service-card {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.6rem 1.4rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-align:center;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.service-icon {
  width: 46px;
  height: 46px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(56,189,248,0.12);
  margin-bottom: 0.6rem;
  margin:0 auto;
  
}
.service-img-wrapper{
	margin-bottom:10px;
}

.service-icon i {
  font-size: 1.4rem;
  color: var(--skyblue);
}

.service-card h5 {
	margin-top:10px;
	    text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.service-card p {
  font-size: 0.92rem;
  color: var(--muted);
}

.service-tag {
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--soft-orange);
}

/* Why Choose Us */
.why-list li {
  margin-bottom: 0.4rem;
  font-size: 0.95rem;
}

.why-list i {
  color: var(--soft-pink);
  margin-right: 0.35rem;
}

.feature-box {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.3rem 1rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
  text-align: left;
  height: 100%;
}

.feature-box i {
  font-size: 1.6rem;
  color: var(--soft-orange);
  margin-bottom: 0.5rem;
}

/* Achievements Counters */
.counter-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.counter-number {
  font-size: 2rem;
  font-weight: 700;
  background: var(--gradient-main);
  -webkit-background-clip: text;
  color: transparent;
}

/* Gallery */
#gallery-grid img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.1);
}

.gallery-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15,23,42,0.7), transparent);
  opacity: 0;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: flex-end;
  padding: 0.6rem 0.8rem;
}

.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.gallery-overlay span {
  color: #ffffff;
  font-size: 0.9rem;
}

/* Contact */
.contact-card {
  background: #ffffff;
  border-radius: 1.2rem;
  padding: 2rem 1.6rem;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.contact-card h4 {
  margin-bottom: 1rem;
  font-family: "Playfair Display", serif;
}

.contact-card .form-control {
  border-radius: 0.8rem;
}

.contact-info .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(56,189,248,0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.7rem;
  color: var(--skyblue);
}

/* Map */
.map-wrapper {
  height: 320px;
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Footer */
.footer-section {
  background: #020617;
  color: #e5e7eb;
}

.footer-title {
  font-family: "Playfair Display", serif;
  margin-bottom: 0.8rem;
}

.footer-links li {
  margin-bottom: 0.35rem;
}

.footer-links a {
  color: #9ca3af;
  font-size: 0.93rem;
}

.footer-links a:hover {
  color: var(--skyblue);
}

.footer-section .social-icons a {
  color: #e5e7eb;
  margin-right: 0.4rem;
  font-size: 1.1rem;
}

.footer-bottom {
  border-top: 1px solid rgba(148,163,184,0.3);
  color: #9ca3af;
}

/* Back To Top */
.back-to-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: none;
  background: var(--gradient-main);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 30px rgba(15, 23, 42, 0.4);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 1020;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

/* Simple Animations */
.animate-fade-up {
  opacity: 0;
  transform: translateY(14px);
  animation: fadeUp 0.9s ease forwards;
}

.animate-fade-up.delay-1 {
  animation-delay: 0.2s;
}

.animate-fade-up.delay-2 {
  animation-delay: 0.4s;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Tweaks */
@media (max-width: 991.98px) {
  .hero-section .carousel,
  .hero-section .carousel-inner,
  .hero-section .carousel-item {
    height: auto;
    min-height: 420px;
    /* padding: 3rem 0 3.5rem; */
  }
  .cu-tx-pdng{
	  padding-top:50px;
	  padding-bottom:60px;
	  text-align:center!important;
  }

  .hero-text {
    max-width: 100%;
  }

  .top-bar .top-left,
  .top-bar .top-right {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .top-bar {
    font-size: 0.78rem;
  }

  #gallery-grid img {
    height: 190px;
  }
}
#callme {
    position: fixed;
    right: 16px;
    bottom: 200px;
    width: 55px;
    height: 55px;
    cursor: pointer;
   
    z-index: 99990;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #4caf50;
    width: 55px;
    height: 55px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
}
  .whatsup {
    position: fixed;
    left: 20px;
    width: 50px;
    bottom: 150px;
    z-index: 99;
}
 .whatsup img{
   
    width: 70px;
    
   
}
@media(max-width:767px)
{
	.tp-mb-ds-nn{
		display:none!important;
	}
}