@charset "UTF-8";
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Noto Sans', Arial, sans-serif;
      line-height: 1.6;
      color: #000000;
      background-color: #ffffff;
      overflow-x: hidden;
    }
    
    img {
      max-width: 100%;
      height: auto;
      display: block;
    }
    
    button {
      border: none;
      cursor: pointer;
      font-family: inherit;
    }
    
    input {
      font-family: inherit;
      border: none;
      outline: none;
    }
	
	a{text-decoration:none;}
	


.gridbg p a {
    background: #e0efff;
    color: #000;
    border-radius: 5px;
    padding: 25px;
    display: block;
    font-weight: bold;
}
.gridbg p a:hover{background:#ffff83;}
	
.gridbg p a span {
    display: block;
    color: #917445;
    margin-top: 14px;
}

	
.imagebanner{width:100%;}
.imagebanner img{width:100%;}

.divcustom {
    text-align: center;
    padding: 50px;
}
    
    /* Layout components */
    .container {
      width: 100%;
      max-width: 1520px;
      margin: 0 auto;
    }
	
.container-fluid {
    width: 92%;
    max-width: 1380px;
    margin: 0 auto;
}
	
	ul.dropdown-menu {
    background: #e0efff;
}
	
	

	.team-info a{text-decoration:none;}
	
	.aboutgrid .service-card{
		min-height: 241px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #ffe9e9, #e5e5e5);
		
	}
    
    .hero-section {
      position: relative;
      width: 100%;
      height: 100vh;
      min-height: 660px;
      background-size: cover;
      background-position: center;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    /* Bootstrap Hero Carousel */
    .hero-carousel {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    .hero-carousel .carousel-inner {
      height: 100%;
      overflow: hidden;
    }

    .hero-carousel .carousel-item {
      height: 100%;
    }

    .hero-carousel .carousel-item {
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 660px;
    }

    /* Individual hero text per slide – overlays slide background */
    .hero-carousel .hero-text {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 2;
      margin-top: 198px;
    }

    .hero-slide-bg {
      width: 100%;
      height: 100%;
      min-height: 660px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('../images/img_image_15.png');
      background-size: cover;
      background-position: center;
      z-index: 0;
      opacity: 0.15;
    }
    
    .hero-overlay-2 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('../images/img_image_18.png');
      background-size: cover;
      background-position: center;
      z-index: 0;
      opacity: 0.15;
    }

    /* Hero Slide Navigation Arrows */
    .hero-slide-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      background: rgba(0, 0, 0, 0.4);
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      padding: 8px;
      border-radius: 50%;
      pointer-events: auto;
      width: 50px;
      height: 50px;
    }

    .hero-slide-nav:hover {
      background: rgba(0, 0, 0, 0.7);
    }

    .hero-slide-prev {
      left: 30px;
    }

    .hero-slide-next {
      right: 30px;
    }

    @media (max-width: 768px) {
      .hero-slide-nav {
        width: 36px;
        height: 36px;
      }
      
      .hero-slide-prev {
        left: 15px;
      }

      .hero-slide-next {
        right: 15px;
      }
    }

    /* Hero Slide Controls Container */
    .hero-slide-controls {
      position: absolute;
      top: 20%;
      left: 0;
      width: 100%;
      height: 100vh;
      min-height: 660px;
      pointer-events: none;
      z-index: 1;
    }

    .hero-slide-controls .hero-slide-nav {
      pointer-events: auto;
    }
    
    .hero-content {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
    }
    
    /* Header */
    .header {
      background:linear-gradient(45deg, #ffffff, #ffebcd, #9eb1de);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      padding: 0px;
      position: relative;
      z-index: 10;
    }
	
	.top-contact-bar.bg-light{background:#fff;}
	
	
	
	.anchnone a {
    text-decoration: none;
    color: #ffffff;
    background:green;
    padding: 5px;
    border-radius: 3px;
}
	
	.blinking-text {
  /* Apply the animation */
  animation: blink 2s linear infinite;
  
}

/* Define the animation */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




	
    
    .header-content {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 92%;
      margin: 0 auto;
      max-width: 1380px;
    }
    
    .logo {
      width: auto;
      height: 80px;
      margin-top: 2px;
    }
    
    .header-right {
      display: flex;
      flex-direction: column;
      gap: 18px;
      align-items: flex-end;
    }
    
    .contact-info {
      display: flex;
      align-items: center;
      gap: 14px;
      font-size: 14px;
      color: #000000;
	  width:95%;
    }
    
    .social-links {
      display: flex;
      gap: 4px;
      align-items: center;
    }
    
    .social-links img {
      width: 28px;
      height: 20px;
    }
    
    .nav-menu {
      display: flex;
      gap: 32px;
      align-items: center;
      margin-top: 12px;
    }
    
    .nav-item {
      font-size: 15px;
      font-weight: 500;
      color: #000000;
      text-decoration: none;
      padding: 0px 2px;
      transition: all 0.3s ease;
    }
    
    .nav-item:hover {
      color: #000;
      transform: translateY(-2px);
    }
	
	
	.nav-item a{color:#000;}
	
	.dropdown-item:active{background:#ffff83;}
	.dropdown-item:hover{background:#ffff83;}

.dropdown-item:focus, .dropdown-item:hover{background:#ffff83; color:#000;}

    
    .consultation-btn {
      background-color: #f4e6c4;
      color: #444444;
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 12px 24px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      border: 1px solid #bebebe;
      transition: all 0.3s ease;
    }
    
    .consultation-btn:hover {
      background-color: #ffff83;
      transform: translateY(-2px);
    }

    /* Inner page banner (breadcrumb + page title) */
    .inner-page-banner {
      background: linear-gradient(135deg, #6b7b6e 0%, #8a9a8d 100%);
      padding: 28px 0 36px;
      margin-bottom: 0;
    }

    .inner-page-banner .container-fluid {
      width: 92%;
      max-width: 1380px;
      margin: 0 auto;
    }

    .inner-page-banner .breadcrumb {
      background: transparent;
      padding: 0;
      margin: 0 0 12px 0;
      font-size: 14px;
    }

    .inner-page-banner .breadcrumb-item a {
      color: rgba(255, 255, 255, 0.9);
      text-decoration: none;
    }

    .inner-page-banner .breadcrumb-item a:hover {
      color: #000;
      text-decoration: underline;
    }

    .inner-page-banner .breadcrumb-item.active {
      color: #000000;
      font-weight: 500;
    }

    .inner-page-banner .breadcrumb-item + .breadcrumb-item::before {
      color: rgba(255, 255, 255, 0.6);
    }

    .inner-page-title {
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
      margin: 0;
      line-height: 1.3;
    }

    @media (max-width: 768px) {
      .inner-page-banner {
        padding: 20px 0 28px;
      }

      .inner-page-title {
        font-size: 24px;
      }
    }

    /* Service detail page content */
    .service-detail-section {
      padding: 48px 0 64px;
    }

    .service-detail-section .container-fluid {
      width: 92%;
      max-width: fit-content;
      margin: 0 auto;
    }

    .service-detail-section.services-page-main .container-fluid {
      max-width: 1380px;
    }

    .service-detail-content {
      color: #333;
      line-height: 1.7;
    }

    .service-detail-content p {
      margin-bottom: 18px;
      font-size: 16px;
    }

    .service-detail-intro {
      font-size: 18px;
      font-weight: 500;
      color: #444;
    }

    .service-detail-content .btn-primary {
      display: inline-block;
      margin-top: 16px;
    }

    /* Left image + right content layout */
    .content-with-image {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 32px;
      margin-bottom: 48px;
    }

    .content-with-image .content-image {
      flex: 0 0 100%;
      max-width: 100%;
    }

    @media (min-width: 768px) {
      .content-with-image .content-image {
        flex: 0 0 38%;
        max-width: 38%;
      }

      .content-with-image .content-body {
        flex: 1;
        min-width: 0;
      }
    }

    .content-with-image .content-image img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      object-fit: cover;
      max-height: 380px;
    }

    .content-with-image .content-body p:last-of-type {
      margin-bottom: 0;
    }

    /* Other services section */
    .other-services-section {
      padding: 8px 0 56px;
      background-color: #e3e3e3;
    }

    .other-services-section .container-fluid {
      width: 92%;
      max-width: 1380px;
      margin: 0 auto;
    }

    .other-services-title {
      font-size: 26px;
      font-weight: 600;
      color: #333;
      margin-bottom: 28px;
      text-align: center;
	  padding-top:36px;
    }
	
	a.other-services-card:hover {
    background: #daf3f5;
}

    .other-services-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
    }

    @media (min-width: 576px) {
      .other-services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 992px) {
      .other-services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
    }

    .other-services-card {
      background: #fff;
      border-radius: 8px;
      padding: 20px 24px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      text-decoration: none;
      color: inherit;
      display: block;
      border: 1px solid #eee;
    }

    .other-services-card:hover {
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
      transform: translateY(-2px);
      color: inherit;
    }

    .other-services-card h3 {
      font-size: 17px;
      font-weight: 600;
      color: #444;
      margin: 0 0 6px 0;
    }

    .other-services-card p {
      font-size: 14px;
      color: #666;
      margin: 0;
      line-height: 1.5;
    }
    
    .hamburger {
      display: none;
      flex-direction: column;
      gap: 4px;
      padding: 16px;
      cursor: pointer;
    }
    
    .hamburger span {
      width: 25px;
      height: 3px;
      background-color: #000;
      transition: 0.3s;
    }
    
    /* Hero text content */
    .hero-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 112px;
      margin-top: 198px;
    }
    
    .welcome-text {
      font-size: 16px;
      color: #ffffff;
      margin-bottom: 8px;
	  text-shadow: 1px 2px 4px #000;
    }
    
    .hero-title {
      font-size: 40px;
      font-weight: 500;
      line-height: 55px;
      color: #ffffff;
      margin-bottom: 12px;
	  text-shadow: 1px 2px 4px #000;
    }
    
    .hero-description {
      font-size: 18px;
      line-height: 24px;
      color: #ffffff;
      width: 68%;
      margin-bottom: 20px;
	  text-shadow: 1px 2px 4px #000;
    }
    
    .hero-buttons {
      display: flex;
      gap: 22px;
      align-items: center;
    }
    
    .btn-primary {
      background-color: #f4e6c4;
      color: #444444;
      font-size: 15px;
      font-weight: 700;
      padding: 12px 34px;
      border-radius: 8px;
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    .btn-secondary {
      background-color: #ffffff;
      color: #444444;
      font-size: 15px;
      font-weight: 700;
      padding: 12px 18px;
      border-radius: 8px;
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover,
    .btn-secondary:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    
    /* Services section */
    .services-section {
      background-color: #feefd7;
      padding: 42px;
      background-image: url('../images/img_1.png');
      background-size: cover;
      background-position: center;
    }
    
    .services-container {
      display: flex;
      gap: 2px;
      align-items: flex-start;
      max-width: 1400px;
      margin: 0 auto;
    }

    .services-container .content-with-image {
      width: 100%;
    }
    
    .services-images {
      width: 26%;
      position: relative;
    }
    
    .decorative-element {
      width: 150px;
      height: 150px;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .main-image-stack {
      margin-left: 58px;
      margin-top: 60px;
      position: relative;
      width: 304px;
      height: 592px;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .main-image-stack img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
    }
    
    .side-images {
      width: 24%;
      display: flex;
      flex-direction: column;
      gap: 18px;
      align-items: center;
      align-self: center;
      padding: 0 12px;
    }
    
    .side-image {
      width: 306px;
      height: 286px;
      border-radius: 4px;
      overflow: hidden;
      position: relative;
    }
    
    .side-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
    }
    
    .services-content {
      flex: 1;
      margin: 0 26px 64px 26px;
    }
    
    .services-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }
    
    .services-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #5f4e4e;
    }
    
    .more-services-btn {
      display: inline-block;
      text-decoration: none;
      background-color: #ffffff;
      color: #000000;
      font-size: 16px;
      font-weight: 500;
      padding: 8px 28px 8px 32px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      transition: all 0.3s ease;
    }
    
    .more-services-btn:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    .services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    
    .service-card {
      background-color: #e4f3ff;
      border-radius: 8px;
      padding: 14px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      transition: all 0.3s ease;
    }
    
    .service-card:hover {
      transform: translateY(-4px);
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
    }

    a.service-card {
      text-decoration: none;
      color: inherit;
    }
	
	a.service-card:hover {
    background: #ffff83;
}

    .service-card-read-more {
      display: inline-block;
      margin-top: 10px;
      font-size: 14px;
      font-weight: 600;
      color: #6b7b6e;
      transition: color 0.2s ease;
    }

    .service-card:hover .service-card-read-more {
      color: #444;
    }
    
    .service-icon {
      width: 48px;
      height: 48px;
      border-radius: 24px;
      margin-bottom: 8px;
    }
    
    .service-name {
      font-size: 16px;
      font-weight: 600;
      line-height: 22px;
      color: #000000;
      margin: 11px 8px;
    }
    
    .service-description {
      font-size: 14px;
      font-weight: 500;
      line-height: 26px;
      color: #666666;
      flex: 1;
	  
    }
    
    /* Gallery section */
    .gallery-section {
     
      background:#e8e5e5;
      padding: 74px 0;
    }
    
    .gallery-overlay {
      position: absolute;
      top: 57px;
      left: 36px;
      width: 98%;
      height: 642px;
      background-color: rgba(221, 201, 201, 0.2);
    }
    
    .gallery-content {
      position: relative;
      z-index: 2;
      max-width: 1350px;
      margin: 0 auto;
      padding: 0 10px 0 10px;
    }
    
    .gallery-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #666;
      margin-bottom: 54px;
      margin-left: 10px;
    }
    
    .gallery-images {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0;
      margin-bottom: 54px;
    }
    
   .gallery-images img {
    border-radius: 0px;
    padding: 9px;
    background: #fff;
    min-height: 261px;
}
    
    .gallery-image-1 {
      width: 32%;
      max-width: 444px;
    }
    
    .gallery-image-2 {
      width: 34%;
      max-width: 458px;
    }
    
    .gallery-image-3 {
      width: 32%;
      max-width: 444px;
    }
    
    .more-gallery-btn {
      background-color: #ffffff;
      color: #000000;
      font-size: 16px;
      font-weight: 500;
      padding: 8px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      display: block;
      margin: 0 auto;
      width: 200px;
      text-align: center;
      transition: all 0.3s ease;
    }
    
    .more-gallery-btn:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    /* Team section */
    .team-section {
      background:#ddf0ff;
      padding: 60px 30px;
    }
    
    .team-content {
      max-width: 1456px;
      margin: 0 auto;
      padding-bottom: 16px;
    }
    
    .team-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #666;
      margin-bottom: 48px;
      margin-left: 94px;
    }
    
    .team-slider-container {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-left: 20px;
    }
    
    .slider-control {
      background-color: #ffffff;
      border-radius: 30px;
      padding: 22px;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      flex-shrink: 0;
    }
    
    .slider-control:hover {
      background-color: #f3f4f6;
      transform: scale(1.05);
    }
    
    .team-slider {
      flex: 1;
      display: flex;
      gap: 32px;
      overflow-x: auto;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    
    .team-slider::-webkit-scrollbar {
      display: none;
    }
    
    .team-card {
      background-color: #ffffff;
      border-radius: 10px;
      min-width: 286px;
      max-width: 286px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
    }
    
    .team-card:hover {
      transform: translateY(-4px);
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
    }
    
    .team-photo {
      width: 100%;
      height: 226px;
      object-fit: cover;
    }
    
    .team-info {
      padding: 24px 20px;
      text-align: left;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    
    .team-name {
      font-size: 16px;
      font-family: 'Manrope', sans-serif;
      font-weight: 800;
      line-height: 22px;
      color: #000000;
    }
    
    .team-role {
      font-size: 12px;
      font-family: 'Manrope', sans-serif;
      font-weight: 600;
      line-height: 16px;
      color: #666666;
      margin-bottom: 8px;
    }
    
    .team-description {
      font-size: 14px;
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      line-height: 20px;
      color: #333333;
    }
    
    /* Testimonials section */
    .testimonials-section {
      
      background:#ddd;
      padding: 44px 56px;
    }
    
    .testimonials-content {
      max-width: 1520px;
      margin: 0 auto;
    }
    
    .testimonials-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #666;
      margin-bottom: 36px;
      margin-left: 32px;
    }
    
    .testimonials-grid {
      display: flex;
      gap: 48px;
      margin-bottom: 36px;
      margin-left: 24px;
    }
    
    .testimonial-card {
      background-color: #ffffff;
      padding: 12px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      width: 656px;
      display: flex;
      flex-direction: column;
    }
    
    .testimonial-author {
      font-size: 15px;
      font-family: 'Manrope', sans-serif;
      font-weight: 800;
      line-height: 21px;
      color: #000000;
      text-align: center;
      margin-bottom: 8px;
    }
    
    .testimonial-text {
      font-size: 14px;
      font-weight: 500;
      line-height: 19px;
      color: #666666;
      margin-bottom: 8px;
      flex: 1;
    }
    
    .testimonial-logo {
      width: 14%;
      max-width: 88px;
      align-self: flex-start;
    }
    
    .more-testimonials-btn {
      background-color: #ffffff;
      color: #000000;
      font-size: 16px;
      font-weight: 500;
      padding: 8px 12px 8px 16px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      display: block;
      margin: 0 auto;
      transition: all 0.3s ease;
    }
    
    .more-testimonials-btn:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    /* Blog section */
    /* .blog-section { */
      /* background-image: url('../images/img_rectangle_10_702x1519.png'); */
      /* background-size: cover; */
      /* background-position: center; */
      /* padding: 50px 102px 46px 102px; */
      /* margin-top: -8px; */
    /* } */
	
	
	    .blog-section {
      background-color:#eee;
      background-size: cover;
      background-position: center;
      padding: 50px 102px 46px 102px;
      margin-top: -8px;
    }
    
    .blog-content {
      max-width: 1350px;
      margin: 0 auto;
    }
    
    .blog-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #5c5c5c;
      margin-bottom: 36px;
    }
    
    .blog-grid {
      display: flex;
      gap: 24px;
      margin-bottom: 36px;
    }
    
    .blog-card {
      background-color: #ffffff;
      border: 1px solid #ffffff;
      border-radius: 8px;
      padding: 6px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      width: 434px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 26px;
    }
    
    .blog-image {
      width: 100%;
      height: 238px;
      object-fit: cover;
      border-radius: 8px;
	  
    }
    
    .blog-title-text {
      font-size: 18px;
      font-weight: 700;
      line-height: 25px;
      color: #444444;
      text-align: center;
      padding: 0 20px;
    }
    
    .blog-read-more {
      background-color: #ffffff;
      color: #000000;
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      padding: 10px 34px;
      border: 1px solid #c2c2c2;
      border-radius: 8px;
      text-decoration: none;
      margin-bottom: 8px;
      transition: all 0.3s ease;
    }
    
    .blog-read-more:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    .more-blogs-btn {
      background-color: #ffffff;
      color: #000000;
      font-size: 16px;
      font-weight: 500;
      padding: 8px 34px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      display: block;
      margin: 0 auto;
      transition: all 0.3s ease;
    }
    
    .more-blogs-btn:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    /* Video section */
    .video-section {
      background:#dcdeeb;
      padding: 28px;
    }
    
    .video-content {
      max-width: 1312px;
      margin: 0 auto;
      padding-bottom: 4px;
    }
    
    .video-title {
      font-size: 34px;
      font-weight: 600;
      line-height: 47px;
      color: #666;
      margin-bottom: 28px;
    }
    
    .video-container {
      display: flex;
      gap: 26px;
      align-items: center;
    }
    
    .video-player {
      flex: 1;
      background-image: url('../images/img_rectangle_15.png');
      background-size: cover;
      background-position: center;
      height: 478px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    
    .play-button {
      width: 100px;
      height: 70px;
    }
    
    .video-sidebar {
      width: 38%;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    
    .video-thumbnail {
      width: 100%;
      border-radius: 20px;
    }
    
    .book-consultation-btn {
      background-color: #ffffff;
      color: #000000;
      font-size: 16px;
      font-weight: 500;
      padding: 14px 34px;
      border-radius: 8px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      text-align: center;
      margin-left: 4px;
      transition: all 0.3s ease;
    }
    
    .book-consultation-btn:hover {
      background-color: #f3f4f6;
      transform: translateY(-2px);
    }
    
    /* Footer */
    .footer {
      background-color: #feefd7;
      padding: 16px;
    }
    
    .footer-content {
      max-width: 1518px;
      margin: 0 auto;
      padding: 0 98px 0 98px;
    }
    
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 16px;
    }
    
    .footer-left {
      width: 28%;
    }
    
    .footer-logo-section {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      width: 70%;
      margin-bottom: 8px;
    }
    
    .footer-logo {
      width: auto;
      height: 94px;
      border-radius: 46px;
      align-self: center;
    }
    
    .footer-brand {
      position: relative;
      width: 148px;
      height: 66px;
      margin-top: 8px;
    }
    
    .brand-main {
      font-size: 38px;
      font-family: 'Style Script', cursive;
      font-weight: 400;
      line-height: 58px;
      color: #422f0f;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .brand-sub {
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      color: #432f10;
      position: absolute;
      bottom: 0;
      left: 41px;
    }
    
    .footer-description {
      font-size: 16px;
      font-weight: 400;
      line-height: 21px;
      color: rgba(0, 0, 0, 0.8);
      margin: 8px 0 20px 12px;
    }
    
    .emergency-resources {
      margin: 20px 12px 14px 12px;
    }
    
    .emergency-title {
      font-size: 18px;
      font-weight: 700;
      line-height: 25px;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 2px;
    }
    
    .emergency-subtitle {
      font-size: 18px;
      font-weight: 700;
      line-height: 25px;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 8px;
    }
    
    .emergency-text {
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.8);
    }
    
    .social-icons {
      display: flex;
      gap: 10px;
      margin: 14px 0 0 12px;
    }
    
    .social-icon {
      background-color: #917445;
      border-radius: 20px;
      padding: 10px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }
    
    .social-icon:hover {
      background-color: #7a6238;
      transform: scale(1.1);
    }
    
    .footer-links {
      width: 24%;
      margin-top: 18px;
    }
    
    .footer-links-title {
      font-size: 24px;
      font-weight: 700;
      line-height: 33px;
      color: #000000;
      margin-bottom: 12px;
    }
    
    .footer-links-list {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    
    .footer-link {
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      color: #000000;
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    .footer-link:hover {
      color: #000;
      transform: translateX(4px);
    }
    
    .footer-contact {
      width: 38%;
      margin-top: 16px;
    }
    
    .contact-info-list {
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-bottom: 22px;
    }
    
    .contact-item {
      display: flex;
      gap: 8px;
      align-items: center;
    }
    
    .contact-icon {
      width: 24px;
      height: 24px;
    }
    
    .contact-text {
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      color: #000000;
    }
    
    .contact-form {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .form-row {
      display: flex;
      gap: 14px;
    }
    
    .form-input {
      flex: 1;
      padding: 12px 10px 4px 10px;
      border: 1px solid #d7d7d7;
      border-radius: 8px;
      background-color: #ffffff;
      font-size: 16px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 400;
      line-height: 20px;
      color: #494949;
    }
    
    .form-input::placeholder {
      color: #494949;
    }
    
    .submit-btn {
      background-color: #917445;
      color: #ffffff;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      text-transform: uppercase;
      padding: 8px 34px;
      border-radius: 6px;
      width: fit-content;
      margin-top: 8px;
      transition: all 0.3s ease;
    }
    
    .submit-btn:hover {
      background-color: #7a6238;
      transform: translateY(-2px);
    }
    
    .footer-bottom {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #000000;
      text-align: center;
      border-top: 1px solid rgba(50, 77, 86, 0.63);
      padding: 24px 34px 0 34px;
      margin-bottom: -2px;
    }
	
	
	 .footer-bottomcities {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #000000;
      text-align: center;
      border-top: 1px solid rgba(50, 77, 86, 0.63);
      padding: 14px 34px 0 34px;
      margin-bottom:14px;
    }
	
	.footer-bottomcities p {
    margin-bottom: 8px;
}
    
	
    /* Interactive states */
    .nav-item:focus,
    .consultation-btn:focus,
    .btn-primary:focus,
    .btn-secondary:focus,
    button:focus {
      outline: 2px solid #FFEB3B;
      outline-offset: 2px;
    }
    
    .service-card:active,
    .team-card:active,
    button:active {
      transform: scale(0.98);
    }
    
    /* Responsive media queries */

    @media (max-width: 639px) {
      .hamburger {
        display: flex;
      }

		
		
      
      .nav-menu,
      .contact-info,
      .social-links {
        display: none;
      }
      
      .header-content {
        width: 95%;
        flex-direction: column;
        gap: 16px;
      }
      
      .logo {
        width: 200px;
        height: auto;
        margin: 0 auto;
      }
      
      .hero-text {
        padding: 0 24px;
        margin-top: 120px;
      }
      
      .hero-title {
        font-size: 28px;
        line-height: 36px;
      }
      
      .hero-description {
        width: 100%;
        font-size: 16px;
      }
      
      .hero-buttons {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
      }
      
      .services-container {
        flex-direction: column;
        gap: 32px;
		  align-items:center;
      }
      
      .services-images,
      .side-images {
        width: 100%;
      }
      
      .services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }
      
      .services-header {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
      }
      
      .services-title {
        font-size: 24px;
        line-height: 32px;
      }
      
      .gallery-content {
        padding: 0 24px;
      }
      
      .gallery-images {
        flex-direction: column;
        gap: 16px;
      }
      
      .gallery-image-1,
      .gallery-image-2,
      .gallery-image-3 {
        width: 100%;
      }
      
      .team-slider {
        gap: 24px;
      }
      
      .team-title {
        margin-left: 24px;
        font-size: 24px;
        line-height: 32px;
      }
      
      .testimonials-grid {
        flex-direction: column;
        gap: 24px;
        margin-left: 0;
      }
      
      .testimonial-card {
        width: 100%;
      }
      
      .testimonials-title {
        font-size: 24px;
        line-height: 32px;
        margin-left: 0;
      }
      
      .blog-grid {
        flex-direction: column;
        gap: 24px;
      }
      
      .blog-card {
        width: 100%;
      }
      
      .blog-title {
        font-size: 24px;
        line-height: 32px;
      }
      
      .video-container {
        flex-direction: column;
        gap: 24px;
      }
      
      .video-sidebar {
        width: 100%;
      }
      
      .video-title {
        font-size: 24px;
        line-height: 32px;
      }
      
      .footer-content {
        padding: 0 24px;
      }
      
      .footer-main {
        flex-direction: column;
        gap: 32px;
      }
      
      .footer-left,
      .footer-links,
      .footer-contact {
        width: 100%;
      }
      
      .form-row {
        flex-direction: column;
        gap: 12px;
      }
    }
    
    @media (min-width: 640px) and (max-width: 767px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      
      .gallery-images {
        flex-wrap: wrap;
        gap: 16px;
      }
      
      .gallery-image-1,
      .gallery-image-3 {
        width: 48%;
      }
      
      .gallery-image-2 {
        width: 100%;
      }
      
      .testimonials-grid {
        flex-direction: column;
        gap: 24px;
        margin-left: 0;
      }
      
      .blog-grid {
        flex-wrap: wrap;
        gap: 24px;
      }
      
      .blog-card {
        width: calc(50% - 12px);
      }
    }
    
    @media (min-width: 768px) {
      .hero-title {
        font-size: 36px;
        line-height: 48px;
      }
      
      .services-title,
      .gallery-title,
      .team-title,
      .testimonials-title,
      .blog-title,
      .video-title {
        font-size: 30px;
        line-height: 40px;
      }
    }
    
    @media (min-width: 1024px) {
      .nav-menu {
        display: flex;
      }
      
      .hamburger {
        display: none;
      }
      
      .contact-info,
      .social-links {
        display: flex;
      }
      
      .hero-title {
        font-size: 40px;
        line-height: 55px;
      }
      
      .services-title,
      .gallery-title,
      .team-title,
      .testimonials-title,
      .blog-title,
      .video-title {
        font-size: 34px;
        line-height: 47px;
      }
      
      .footer-main {
        flex-direction: row;
      }
      
      .form-row {
        flex-direction: row;
      }
    }

/* Dropdown hover effect */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
}




.checked {
  color: orange;
}

.commanchornone a{text-decoration:none; color:#000;}



.offer-banner {
    background: linear-gradient(90deg, #a67dd2, #3e3454);
    color: #fff;
    text-align: center;
    padding: 40px 20px;
    position: relative;
}

.offer-banner h1 {
    font-size: 40px;
    margin: 0;
    font-weight: bold;
}

.offer-banner p {
    font-size: 20px;
    margin: 6px 0px 0px 0px;
}

.offer-banner .btn {
    background: #fff;
    color: #000000;
    padding: 12px 25px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    border-radius: 30px;
    transition: 0.3s ease;
	margin-top: 20px;
}

.offer-banner .btn:hover {
    background: #f1f1f1;
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .offer-banner h1 {
        font-size: 28px;
    }
    .offer-banner p {
        font-size: 16px;
    }
}



/****************************************Teams***************/

.main-title{
    font-family:'Playfair Display', serif;
    font-size:52px;
    font-weight:700;
    color:#2f5d62;
}

.subtitle{
    font-size:22px;
}

.orange-text{ color:#c76b29; }
.purple-text{ color:#6b4c93; }
.teal-text{ color:#2f5d62; }

.section-heading{
    font-size:28px;
    font-weight:600;
    margin-bottom:20px;
    position:relative;
}

.section-heading:after{
    content:'';
    display:block;
    width:60px;
    height:2px;
    background:#ddd;
    margin-top:8px;
}

.custom-card{
    background:linear-gradient(45deg, #ffe8e8, #ffffff);
    border-radius:18px;
    padding:30px;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.contact-box {
    background: #fff8ef;
    border-radius: 20px;
    padding: 85px 35px;
    margin-top: 20px;
}
ul li{
    margin-bottom:8px;
}

@media(max-width:768px){
    .main-title{
        font-size:36px;
    }
}



/* Family Therapy hero */
.family-hero {
  background: radial-gradient(circle at top left, #ffffff 0, #f4e6c4 40%, #fff7e2 100%);
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.family-hero::before {
    content: "";
    position: absolute;
    inset: -80px auto auto -80px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: #ffc10742;
    filter: blur(4px);
    z-index: 0;
}

.family-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 56px;
  align-items: center;
}

.family-hero-text .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 12px;
}

.family-hero-text .breadcrumb-item + .breadcrumb-item::before {
  color: #999;
}

.family-hero-text .breadcrumb a {
  color: #6563a4;
  text-decoration: none;
}

.family-hero-text .breadcrumb a:hover {
  text-decoration: underline;
}

.family-hero .inner-page-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1f2847;
}

.family-hero-subtitle {
  max-width: 100%;
  font-size: 1.05rem;
  color: #4a4f63;
  margin-bottom: 24px;
}

.family-hero-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.hero-btn {
  padding: 10px 26px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid #000000;
}

.hero-btn:hover{background:#FFFF00; color:#000000;}

.hero-note {
  font-size: 0.95rem;
  color: #6b6f86;
}

.family-hero-image {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
}

.family-hero-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 12px;
  box-shadow: 0 16px 40px rgba(31, 40, 71, 0.08);
  max-width: 420px;
  width: 100%;
}

.family-hero-card img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.family-hero-badge {
  background: #1f2847;
  color: #ffffff;
  font-size: 0.8rem;
  padding: 10px 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.family-hero-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f6c86c;
}

/* Main family service layout */

.service-detail-section .custom-card {
    box-shadow: 0px 0px 3px #c2c2c2;
	min-height: 398px;
	margin-top:21px;
}

.service-detail-section .section-heading{font-size:18px;}

.family-service {
  background: #f8f8f8;
  padding: 56px 0 64px;
}

.family-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: flex-start;
}

.family-main .section-heading {
  font-size: 1.8rem;
  margin-bottom: 16px;
  color: #1f2847;
}

.family-main p {
  color: #4b4f65;
  line-height: 1.7;
}

.family-highlight-box {
  margin: 28px 0;
  padding: 20px 20px 18px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow:0px 0px 5px #ccc;
}

.family-highlight-box h3 {
  font-size: 1.15rem;
  margin-bottom: 14px;
  color: #232845;
  font-weight:700;
}

.family-pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.family-pill {
  font-size: 0.88rem;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f0f2ff;
  color: #464c7d;
  border: 1px solid #dee3ff;
}

.family-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 22px;
}

.family-two-column h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
  color: #232845;
}

.family-list {
  padding-left: 18px;
  margin-bottom: 0;
}

.family-list li {
  margin-bottom: 6px;
  color: #4b4f65;
}

/* Callout section */
.family-callout {
  margin-top: 32px;
  padding: 20px 22px;
  border-radius: 18px;
  background: linear-gradient(120deg, #fef8f1, #f9f3ff);
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
  gap: 18px;
  align-items: center;
}

.family-callout h3 {
  margin-bottom: 6px;
  color: #3b3553;
}

.family-callout p {
  margin-bottom: 0;
}

.family-callout-cta {
  text-align: right;
}

.family-callout-cta .btn {
  border-radius: 999px;
  padding: 8px 22px;
  font-weight: 600;
}

.family-callout-note {
  font-size: 0.9rem;
  color: #5a5b6e;
  margin-top: 4px;
}

/* Sidebar */
.family-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sidebar-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow:0 0px 4px rgb(31 40 71 / 30%);
}

.sidebar-card h3 {
  font-size: 1.05rem;
  margin-bottom: 10px;
  color: #232845;
  font-weight:700;
}

.sidebar-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 10px;
}

.sidebar-list li {
  font-size: 0.95rem;
  color: #4b4f65;
  margin-bottom: 6px;
}

.sidebar-btn {
  width: 100%;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 600;
  text-align: center;
}

.soft-card {
    background: #fff8e6;
    box-shadow: 0px 0px 12px #c3c3c3;
}

.sidebar-link {
  display: block;
  font-size: 0.95rem;
  color: #4a4f7b;
  text-decoration: none;
  padding: 4px 0;
}

.sidebar-link:hover {
  color: #1f2847;
  text-decoration: underline;
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
  .family-hero-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .family-hero-image {
    align-items: flex-start;
  }

  .family-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .family-callout {
    grid-template-columns: minmax(0, 1fr);
    text-align: left;
  }

  .family-callout-cta {
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  .family-hero {
    padding: 56px 0 40px;
  }

  .family-hero .inner-page-title {
    font-size: 2rem;
  }

  .family-two-column {
    grid-template-columns: minmax(0, 1fr);
  }

  .family-highlight-box {
    padding: 16px 14px 14px;
  }
}





    .gallery-header h1 {
      font-size: 2.3rem;
      font-weight: 700;
      color: #1f2847;
    }

    .gallery-header p {
      max-width: 560px;
      margin: 12px auto 0;
      color: #5a5f74;
    }

    /* Thumbnail cards */
    .gallery-thumb {
      border-radius: 14px;
      overflow: hidden;
      position: relative;
      cursor: zoom-in;
      background: #ffffff;
      box-shadow: 0 10px 25px rgba(31, 40, 71, 0.08);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .gallery-thumb img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      display: block;
      transition: transform 0.35s ease;
    }

    .gallery-thumb::after {
      content: "View";
      position: absolute;
      inset: auto 10px 10px auto;
      padding: 4px 10px;
      font-size: 0.8rem;
      border-radius: 999px;
      background: rgba(31, 40, 71, 0.9);
      color: #ffffff;
      opacity: 0;
      transform: translateY(8px);
      transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .gallery-thumb:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 40px rgba(31, 40, 71, 0.16);
    }

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

    .gallery-thumb:hover::after {
      opacity: 1;
      transform: translateY(0);
    }

    /* Modal image & zoom area */
    .modal-dialog.modal-xl {
      max-width: 1000px;
    }

    .zoom-container {
      position: relative;
      width: 100%;
      max-height: 70vh;
      overflow: auto;
      background: #060714;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .zoom-image {
      max-width: 100%;
      max-height: 70vh;
      transition: transform 0.2s ease-out;
      transform-origin: center center;
      cursor: grab;
    }

    .zoom-controls {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .zoom-btn {
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 0.9rem;
    }

    .zoom-level-label {
      font-size: 0.85rem;
      color: #6c6f80;
      min-width: 56px;
      text-align: right;
    }

    @media (max-width: 575.98px) {
      .gallery-header {
        padding: 32px 0 18px;
      }

      .gallery-header h1 {
        font-size: 1.9rem;
      }

      .gallery-thumb img {
        height: 190px;
      }
    }
	
	
	
	
.faq-wrap { padding: 56px 0 64px; background: #fafbff; }
    .faq-header { max-width: 860px; margin: 0 auto 22px; text-align: center; }
    .faq-header h2 { margin-bottom: 10px; color: #1f2847; font-weight: 700; }
    .faq-header p { margin: 0; color: #5a5f74; }

    .faq-card { max-width: 980px; margin: 0 auto; }

    .accordion.faq-accordion .accordion-item {
      border: 0;
      border-radius: 16px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: 0 12px 30px rgba(31, 40, 71, 0.06);
      margin-bottom: 14px;
    }

    .accordion.faq-accordion .accordion-button {
      font-weight: 700;
      color: #1f2847;
      background: #ffffff;
      padding: 18px 18px;
    }

    .accordion.faq-accordion .accordion-button:not(.collapsed) {
      color: #1f2847;
      background: linear-gradient(120deg, #fef8f1, #f9f3ff);
      box-shadow: none;
    }

    .accordion.faq-accordion .accordion-button:focus {
      box-shadow: 0 0 0 0.2rem rgba(101, 99, 164, 0.25);
      border-color: transparent;
    }

    .accordion.faq-accordion .accordion-body {
      color: #4b4f65;
      line-height: 1.75;
      padding:18px 18px 18px;
    }

    .faq-bottom-cta {
      max-width: 980px;
      margin: 22px auto 0;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 12px 30px rgba(31, 40, 71, 0.06);
      padding: 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    .faq-bottom-cta .cta-text { color: #1f2847; font-weight: 700; margin: 0; }
    .faq-bottom-cta .cta-sub { color: #5a5f74; margin: 0; }
    .faq-bottom-cta .btn { border-radius: 999px; padding: 8px 18px; font-weight: 700; }

    @media (max-width: 575.98px) {
      .faq-wrap { padding: 40px 0 52px; }
      .accordion.faq-accordion .accordion-button { padding: 16px 14px; }
      .accordion.faq-accordion .accordion-body { padding: 0 14px 14px; }
    }
	
	
.noneblue{color:#666666; font-size:14px;}
.noneblue:hover{text-decoration:underline;}
.textleft li{text-align:left;}



/* Page background and section spacing */
    .testimonials-wrap {
      padding: 56px 0 72px;
      background: #f5f2ec;
    }
	
	
  .testimonials-wrap .testimonial-card{width: 100%; min-height: 474px;}

    .testimonials-header {
      max-width: 860px;
      margin: 0 auto 26px;
      text-align: center;
    }

    .testimonials-header h2 {
      margin-bottom: 8px;
      font-weight: 700;
      color: #2b2621;
    }

    .testimonials-header p {
      margin: 0;
      color: #6c6358;
    }

    /* Grid layout */
    .testimonials-grid {
      max-width: 1400px;
      margin: 0 auto;
    }

    .testimonial-card {
      position: relative;
      background: #ffffff;
      border-radius: 20px;
      padding: 22px 20px 20px;
      box-shadow: 0 14px 36px rgba(33, 25, 18, 0.12);
      border: 1px solid rgba(146, 123, 93, 0.08);
      overflow: hidden;
      transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease;
    }

    .testimonial-card::before {
      content: "“";
      position: absolute;
      top: -18px;
      right: 12px;
      font-size: 84px;
      line-height: 1;
      color: rgba(186, 149, 92, 0.12);
      font-family: "Georgia", "Times New Roman", serif;
      pointer-events: none;
    }

    .testimonial-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 46px rgba(33, 25, 18, 0.18);
      background-color: #fdf8f1;
    }

    .testimonial-rating {
      display: flex;
      align-items: center;
      gap: 4px;
      margin-bottom: 10px;
    }

    .testimonial-rating .star {
      font-size: 1.1rem;
      color: #c79a3d; /* warm gold */
    }

    .testimonial-rating span.rating-label {
      margin-left: 4px;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #7a6b5a;
    }

    .testimonial-text {
      font-size: 0.95rem;
      line-height: 1.8;
      color: #3b332b;
      margin-bottom: 14px;
    }

    .testimonial-author {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .testimonial-author strong {
      font-size: 0.98rem;
      color: #2f2720;
    }

    .testimonial-author span {
      font-size: 0.85rem;
      color: #7b6b5a;
    }

    /* View more button */
    .testimonials-cta {
      text-align: center;
      margin-top: 32px;
    }

    .btn-amber {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 9px 26px;
      border-radius: 999px;
      border: 0;
      background: #7b5a3a; /* warm brown */
      color: #fdfaf5;
      font-size: 0.86rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      font-weight: 700;
      text-decoration: none;
      box-shadow: 0 12px 30px rgba(70, 46, 24, 0.25);
      transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
    }

    .btn-amber span.icon {
      font-size: 1rem;
      transform: translateY(0.5px);
    }

    .btn-amber:hover {
      background-color: #644228;
      color: #fdfaf5;
      transform: translateY(-2px);
      box-shadow: 0 16px 40px rgba(70, 46, 24, 0.32);
    }

    .btn-amber:focus-visible {
      outline: 2px solid rgba(199, 154, 61, 0.75);
      outline-offset: 2px;
    }

    @media (max-width: 991.98px) {
      .testimonials-wrap {
        padding: 48px 0 60px;
      }
    }

    @media (max-width: 575.98px) {
      .testimonials-wrap {
        padding: 40px 0 52px;
      }

      .testimonial-card {
        padding: 20px 16px 18px;
      }

      .testimonial-text {
        font-size: 0.94rem;
      }
    }
	
	
	
 .contact-page-wrap {
      padding: 56px 0 72px;
      background: #faf7f3;
    }

    .contact-page-header {
      max-width: 860px;
      margin: 0 auto 24px;
      text-align: center;
    }

    .contact-page-header h2 {
      margin-bottom: 8px;
      font-weight: 700;
      color: #2b2621;
    }

    .contact-page-header p {
      margin: 0;
      color: #6f665b;
    }

    .contact-layout {
      max-width: 1120px;
      margin: 0 auto;
    }

    .contact-card,
    .form-card {
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0 14px 34px rgba(33, 25, 18, 0.10);
      padding: 22px 22px 20px;
    }

    .contact-card h3,
    .form-card h3 {
      font-size: 1.1rem;
      margin-bottom: 10px;
      color: #2f2923;
      font-weight: 700;
    }

    .contact-detail-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 10px;
      color: #4b433b;
      font-size: 0.96rem;
    }

    .contact-detail-label {
      font-weight: 600;
      min-width: 72px;
    }

    .contact-map {
      margin-top: 16px;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 10px 26px rgba(33, 25, 18, 0.14);
    }

    .contact-map iframe {
      display: block;
      width: 100%;
      height: 260px;
      border: 0;
    }

    .contact-small-note {
      font-size: 0.85rem;
      color: #867a6c;
      margin-top: 8px;
    }

    .contact-form-main {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 8px;
    }

    .contact-form-main .form-row-inline {
      display: flex;
      gap: 10px;
      /* flex-wrap: wrap; */
    }

    .contact-form-main .form-control,
    .contact-form-main textarea {
      border-radius: 11px;
      border: 1px solid #d4c7b7;
      font-size: 0.96rem;
      padding: 9px 14px;
    }

    .contact-form-main textarea {
      border-radius: 18px;
      resize: vertical;
      min-height: 110px;
    }

    .contact-form-main .form-control:focus,
    .contact-form-main textarea:focus {
      border-color: #b4946a;
      box-shadow: 0 0 0 0.16rem rgba(180, 148, 106, 0.25);
    }

    .captcha-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      margin-top: 4px;
    }

    .captcha-box {
      flex: 0 0 120px;
      text-align: center;
      border-radius: 999px;
      padding: 8px 12px;
      background: #f5e9d8;
      color: #4b3a27;
      font-weight: 700;
      letter-spacing: 0.06em;
    }

    .captcha-input {
      flex: 1 1 160px;
    }

    .contact-submit-btn {
      margin-top: 6px;
      border-radius: 999px;
      padding: 9px 22px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      background: #7b5a3a;
      border-color: #7b5a3a;
    }

    .contact-submit-btn:hover {
      background: #644228;
      border-color: #644228;
    }

    @media (max-width: 991.98px) {
      .contact-page-wrap {
        padding: 48px 0 60px;
      }
    }

    @media (max-width: 575.98px) {
      .contact-page-wrap {
        padding: 40px 0 52px;
      }

      .contact-card,
      .form-card {
        padding: 20px 6px 11px;
      }
    }
	
	
	
	.services-wrap {
     
      background: radial-gradient(circle at top left, #fdf5ff 0, #f7f9ff 42%, #ffffff 100%);
    }


    .services-header {
      max-width: 971px;
      margin: 0 auto 26px;
      text-align: center;
    }

    .services-header h2 {
      margin-bottom: 8px;
      font-weight: 700;
      color: #1f2847;
    }

    .services-header p {
      margin: 0;
      color: #5b6075;
    }

    .services-grid {
      max-width: 1400px;
      margin: 0 auto;
    }

    .service-card {
      position: relative;
      height: 100%;
      background: #e4f3ff;
      border-radius: 20px;
      padding: 18px 18px 16px;
      box-shadow: 0 14px 34px rgba(31, 40, 71, 0.10);
      border: 1px solid rgba(184, 181, 231, 0.25);
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      gap: 10px;
      transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background-color 0.22s ease;
    }

    .service-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 46px rgba(31, 40, 71, 0.20);
      border-color: rgba(134, 109, 185, 0.65);
      background-color: #ffff83;
	  color:#000;
    }

    .service-icon {
      width: 40px;
      height: 40px;
      border-radius: 14px;
      background: linear-gradient(145deg, #f3e8ff, #d8c7ff);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      font-weight: 700;
      color: #45306e;
    }

    .service-label {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #8e8aa9;
    }

    .service-title {
      font-size: 1rem;
      font-weight: 700;
      color: #242847;
      margin: 0;
    }

    .service-text {
      font-size: 0.92rem;
      color: #50546a;
      margin: 0;
      flex: 1 1 auto;
    }

    .service-link {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 0.86rem;
      font-weight: 600;
      color: #4e468c;
      margin-top: 4px;
    }

    .service-link span.icon {
      font-size: 0.9rem;
      transform: translateY(0.5px);
    }

    .service-card:hover .service-link {
      color: #332c6b;
    }

    .services-note {
      max-width: 900px;
      margin: 26px auto 0;
      font-size: 0.9rem;
      color: #686b82;
      text-align: center;
    }

    @media (max-width: 991.98px) {
      .services-wrap {
        padding: 48px 0 60px;
      }
    }

    @media (max-width: 575.98px) {
      .services-wrap {
        padding: 40px 0 52px;
      }

      .service-card {
        padding: 16px 14px 14px;
      }
    }
	
	
	.services-section .service-icon{background:none;}


  

  .service-description li {
    margin: 0;
    text-align: left;
  }

  .footer-links-list ul{
    padding-left: 0; 
  }
  .footer-links-list ul li{
    list-style: none;
  }

  .footer-links-list ul li a {
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      color: #000000;
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    .footer-links-list ul li a:hover {
      color: #000;
      transform: translateX(4px);
    }



/************************Nirmal below code after wordpress developed***************************/

@media (max-width: 991px) {
	.services-images{display:none;}

	.gallery-images img{min-height:auto}

	.footer-content{padding: 0px;}						
						
}

.footer .form-input{width:100% !important;}

.dropdown-item.active, .dropdown-item:active{background-color: #ffff83;color: #000000;}


@media (max-width: 1500px) {

	.logo{height:auto;}
	
}

@media (max-width: 767px) {
.gallery-overlay{display:none;}
	
}

@media (max-width: 639px) {

	button.navbar-toggler {
    margin-bottom: 12px;
}

	.services-content{padding-top: 31px;}

	.family-sidebar{display:none;}
	
	.services-section{padding:0px;}
	
	.gallery-overlay {
    position: absolute;
    top: 57px;
    left: 0;
    width: 100%;
    height: 683px;
    background-color: rgb(221 201 201 / 0%);
}


	.top-contact-bar .container-fluid{width:100%;}

	.hero-carousel .hero-text{margin-top: 0px; bottom: inherit; padding-top: 24px;}
	.hero-slide-bg{min-height: 310px; height: auto;}

	.hero-section{    
		height: 38vh;
    	min-height: auto;
	}

	.main-image-stack{
		width:auto;
	}

	.team-card{
		min-width:309px;
		max-width:309px;
	}

	.team-slider-container {
    display: flex;
    gap: 0px;
    align-items: center;
    margin-left: 0px;
}

	.team-slider-container .slider-control{position: absolute;left: 0px;     width: 48px; height: 48px;}
		
.hero-slide-controls .hero-slide-nav{display:none;}

.hero-buttons{display:none;}

.navbar-collapse, .nav-item{width:100%;}

	.blog-section{padding: 50px 20px 46px 20px;}

	.inner-page-banner .container-fluid{width:100%;}
	
	.contact-detail-item{font-size: 0.7rem;}
	
	.container-fluid{width:100%;}


	
}